@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Instrument+Sans:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}:root{--bg: #fafafa;--text: #1a1a1a;--text-muted: #666;--accent: #ff6b35;--accent-secondary: #1a535c}:root.dark-mode{--bg: #1a1a1a;--text: #fafafa;--text-muted: #999;--accent: #ff6b35;--accent-secondary: #1a535c}html{overscroll-behavior:none}html,body,#root{height:100vh;width:100%;overflow:hidden}body{font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase}a{color:var(--text);text-decoration:none}h2{text-transform:none}.footer-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;position:relative}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.footer-title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,6vw,5rem);font-weight:400;color:var(--text);margin:0;text-transform:none}.footer-text{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(1rem,2vw,1.5rem);font-weight:300;color:var(--text-muted);margin:0;text-transform:none}.footer-links{display:flex;gap:3rem;margin-top:2rem;align-items:center}.footer-email-wrapper{position:relative}.footer-copied-message{position:absolute;bottom:40%;left:-120%;transform:translate(-50%);margin-bottom:.5rem;font-family:Instrument Sans,sans-serif;font-size:.75rem;color:var(--text);opacity:.9;white-space:nowrap;pointer-events:none;animation:fadeInOut 2s ease-in-out;z-index:10}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(-10px)}10%,90%{opacity:.9;transform:translateY(0) rotate(-15deg)}}.footer-link{font-family:Instrument Sans,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text);opacity:.7;transition:opacity .3s ease,transform .3s ease;position:relative}.footer-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--text);transition:width .3s ease}.footer-link:hover{opacity:1}.footer-link:hover:after{width:100%}.footer-bottom{position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.footer-copyright{font-size:.75rem;letter-spacing:.15em;color:var(--text-muted);opacity:.5;text-transform:uppercase}@media(max-width:768px){.footer-container{padding:2rem 1.5rem}.footer-links{flex-direction:column;gap:1.5rem;margin-top:1.5rem}.footer-bottom{bottom:2rem}}@media(max-width:480px){.footer-container{padding:2rem 1rem}.footer-title{font-size:clamp(1.6rem,8vw,3rem)}.footer-text{font-size:clamp(.95rem,4vw,1.2rem)}.footer-links{gap:1rem}.footer-link{font-size:.8rem;letter-spacing:.15em}.footer-copied-message{left:50%;bottom:100%;transform:translate(-50%);margin-bottom:.25rem}.footer-bottom{position:static;transform:none;margin-top:2rem}}@media(max-width:360px){.footer-container{padding:1.75rem .75rem}.footer-title{font-size:clamp(1.4rem,9vw,2.4rem)}.footer-links{gap:.75rem}.footer-link{font-size:.75rem}}.progress-indicator{position:fixed;left:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:100}.progress-bar-wrapper{display:flex;align-items:center;gap:1rem;position:relative}@media(min-width:769px){.progress-bar-wrapper{cursor:pointer;transition:transform .2s ease}.progress-bar-wrapper:hover{transform:translate(2px)}.progress-bar-wrapper:hover .progress-bar-container{background-color:#6669}.dark-mode .progress-bar-wrapper:hover .progress-bar-container{background-color:#fff9}}.progress-bar-container{width:3px;height:40px;background-color:#6666;border-radius:2px;overflow:hidden;flex-shrink:0}.dark-mode .progress-bar-container{background-color:#fff3}.progress-bar-fill{width:100%;height:100%;background-color:var(--text-muted);transform-origin:top;transform:scaleY(0);border-radius:2px;transition:background-color .3s ease}.dark-mode .progress-bar-fill{background-color:#ffffffe6}.progress-bar-label{font-family:Instrument Sans,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text);white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){.progress-bar-label{display:none}.progress-bar-wrapper{gap:0}}.site-header{position:fixed;display:flex;align-items:center;justify-content:space-between;padding:0 5%;width:100%;z-index:100;height:7em;font-size:clamp(.66rem,2vw,1rem);letter-spacing:.5em;text-transform:uppercase;color:var(--text)}.header-name{font-weight:600;color:var(--text);cursor:pointer;transition:opacity .3s ease}.header-name:hover{opacity:.7}.theme-toggle-btn{background:none;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;opacity:.7}.theme-toggle-btn:hover{opacity:1;background:#0000000d;border-color:#00000026}.theme-icon{width:100%;height:100%;object-fit:contain}.dark-mode .theme-toggle-btn{border-color:#fff3}.dark-mode .theme-toggle-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.theme-transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);pointer-events:none;z-index:-1;will-change:transform}.section{height:100%;width:100%;top:0;position:fixed;visibility:hidden}.outer,.inner{width:100%;height:100%;overflow-y:hidden}.bg{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;height:100%;width:100%;top:0;overflow:hidden}.bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.45;z-index:0;will-change:transform;transition:transform .1s ease-out;transform:scale(1.3) translate(calc(var(--parallax-x, 0px)),calc(var(--parallax-y, 0px)))}.dark-mode .bg:before{opacity:.06}.bg>*{position:relative;z-index:1}.section-heading{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,8vw,10rem);font-weight:400;line-height:1.1;text-align:center;margin:0;width:90vw;max-width:1200px;z-index:10;color:inherit}.clip-text{overflow:hidden}.section-heading *{will-change:transform}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.landing-content{text-align:center;position:relative;z-index:2}.landing-pattern{display:none}.landing-line{width:60px;height:1px;background:currentColor;opacity:.2;margin:0 auto 3rem;animation:expandLine 1.2s ease-out .5s both}@keyframes expandLine{0%{width:0;opacity:0}to{width:60px;opacity:.2}}.landing-name{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(3rem,12vw,12rem);font-weight:400;line-height:1;color:transparent;margin:-.5rem 0 3rem;letter-spacing:.02em;opacity:0;animation:fadeInUp 1s ease-out .3s both;position:relative;text-transform:uppercase;display:inline-block}.landing-name span:nth-child(1){position:absolute;top:0;left:0;color:var(--text);transition:.5s;clip-path:polygon(0 0,100% 0,100% 50%,0 50%);overflow:hidden;width:100%}.landing-name:hover span:nth-child(1){transform:translateY(-80px)}.landing-name span:nth-child(2){position:absolute;top:0;left:0;color:var(--text);transition:.5s;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);overflow:hidden;width:100%}.landing-name:hover span:nth-child(2){transform:translateY(80px)}@media(max-width:1200px){.landing-name:hover span:nth-child(1){transform:translateY(-65px)}.landing-name:hover span:nth-child(2){transform:translateY(65px)}}@media(max-width:992px){.landing-name:hover span:nth-child(1){transform:translateY(-55px)}.landing-name:hover span:nth-child(2){transform:translateY(55px)}}@media(max-width:768px){.landing-name:hover span:nth-child(1){transform:translateY(-45px)}.landing-name:hover span:nth-child(2){transform:translateY(45px)}}@media(max-width:480px){.landing-name:hover span:nth-child(1){transform:translateY(-35px)}.landing-name:hover span:nth-child(2){transform:translateY(35px)}}@media(max-width:360px){.landing-name:hover span:nth-child(1){transform:translateY(-28px)}.landing-name:hover span:nth-child(2){transform:translateY(28px)}}.landing-name span:nth-child(3){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleY(0);width:220%;color:var(--text);font-size:.25em;font-weight:500;letter-spacing:.7em;text-align:center;padding:.2em 0;transition:.5s;transform-origin:center}.landing-name:hover span:nth-child(3){transform:translate(-50%,-50%) scaleY(1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-role{font-family:Instrument Sans,sans-serif;font-size:clamp(.7rem,1.5vw,.9rem);font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:inherit;opacity:.5;margin:0 0 4rem;opacity:0;animation:fadeInUp 1s ease-out .6s both}.about-content{max-width:800px;padding:0 2rem;margin-top:3rem;text-align:left}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-intro{font-family:Instrument Sans,sans-serif;font-size:clamp(1.3rem,3vw,2rem);font-weight:500;line-height:1.6;color:inherit;margin:0}.about-intro strong{font-weight:600;color:inherit}.about-details,.about-interests{font-family:Instrument Sans,sans-serif;font-size:clamp(1rem,2vw,1.3rem);font-weight:400;line-height:1.7;color:inherit;opacity:.9;margin:0}.skills-content{max-width:900px;width:90%;margin-top:4rem}.projects-content,.services-content{max-width:1200px;width:90%;margin-top:3rem;gap:3rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;width:100%}.service-card{display:flex;flex-direction:column;background:#ffffff80;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;position:relative;opacity:0;transform:translateY(20px);animation:fadeInServiceCard .8s ease-out forwards}.service-card:nth-child(1){animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}@keyframes fadeInServiceCard{to{opacity:1;transform:translateY(0)}}.service-card:hover{background:#ffffffb3;border-color:#0000001f;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.dark-mode .service-card{background:#ffffff1a;border-color:#ffffff26}.dark-mode .service-card:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 8px 24px #0000004d}.service-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;position:relative;border-radius:50%;overflow:hidden}.service-icon:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#0000000d;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.dark-mode .service-icon:before{background:#ffffff14;border-color:#ffffff26}.service-card:hover .service-icon:before{transform:scale(1.1);background:#00000014;border-color:#00000026}.dark-mode .service-card:hover .service-icon:before{background:#ffffff1f;border-color:#fff3}.service-icon-inner{font-family:Instrument Sans,sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:.05em;color:inherit;opacity:.7;position:relative;z-index:1;transition:opacity .3s ease}.service-card:hover .service-icon-inner{opacity:1}.service-icon-img{width:200%;height:200%;object-fit:contain;position:relative;z-index:1;opacity:.8;transition:opacity .3s ease,transform .3s ease;padding:.15rem;transform:scale(1.2)}.service-card:hover .service-icon-img{opacity:1;transform:scale(1.25)}.service-title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:500;margin:0 0 1rem;color:inherit}.service-description{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:300;line-height:1.7;color:inherit;opacity:.85;margin:0 0 1.5rem}.service-features{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.08)}.dark-mode .service-features{border-top-color:#ffffff1a}.service-feature-item{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.85rem,1.5vw,1rem);font-weight:300;color:inherit;opacity:0;line-height:1.6;transition:opacity .2s ease;transform:translateY(10px)}.service-card:hover .service-feature-item{opacity:.9}.services-note{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1rem,2vw,1.3rem);font-weight:300;line-height:1.8;color:inherit;opacity:.75;margin:0;text-align:center;font-style:italic;max-width:800px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;width:100%}.project-card{display:flex;flex-direction:column;background:#ffffff80;border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card:hover{background:#ffffffb3;border-color:#0000001f;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.dark-mode .project-card{background:#ffffff1a;border-color:#ffffff26}.dark-mode .project-card:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 8px 24px #0000004d}.project-banner{width:100%;height:200px;overflow:hidden;background:#0000000d}.dark-mode .project-banner{background:#ffffff0d}.project-banner img{width:100%;height:100%;object-fit:contain;transform:scale(.85);transition:transform .3s ease}.project-card:hover .project-banner img{transform:scale(.9)}.project-title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:500;margin:1.5rem 1.5rem .75rem;color:inherit}.project-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.project-link:hover{opacity:.7}.project-description{font-family:Instrument Sans,sans-serif;font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:400;line-height:1.7;color:inherit;opacity:.9;margin:0 1.5rem 1.5rem;flex-grow:1}.see-all-projects-btn,.see-more-skills-btn{font-family:Instrument Sans,sans-serif;font-size:clamp(.85rem,1.5vw,1rem);font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:inherit;background:#ffffff80;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:1rem 2.5rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-self:center;opacity:0;transform:translateY(20px)}.see-all-projects-btn:hover,.see-more-skills-btn:hover{background:#ffffffb3;border-color:#00000026;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-mode .see-all-projects-btn,.dark-mode .see-more-skills-btn{background:#ffffff1a;border-color:#ffffff26}.dark-mode .see-all-projects-btn:hover,.dark-mode .see-more-skills-btn:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 4px 12px #0000004d}.all-projects-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.dark-mode .all-projects-modal{background:#000000d9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.all-projects-modal-content{background:var(--bg);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:3rem 4rem;max-width:600px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:2rem;color:var(--text);cursor:pointer;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:.6;font-family:Instrument Sans,sans-serif;line-height:1}.skills-modal-content .modal-close-btn{top:1rem;right:1rem;width:2.5rem;height:2.5rem;font-size:1.75rem;background:#0000000d;border:1px solid rgba(0,0,0,.1);opacity:.8}.dark-mode .skills-modal-content .modal-close-btn{background:#ffffff1a;border-color:#fff3}.modal-close-btn:hover{opacity:1;background:#0000000d}.dark-mode .modal-close-btn:hover{background:#ffffff1a}.modal-title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;color:var(--text);margin:0 0 1rem;text-transform:none}.skills-modal-content .modal-title{font-size:clamp(1.25rem,2.5vw,1.75rem);margin:0 0 .75rem}.modal-message{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:300;line-height:1.7;color:var(--text);opacity:.85;margin:0}.modal-github-link{color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .2s ease;font-weight:400}.modal-github-link:hover{opacity:.7}.skills-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;overflow-y:auto;padding:1.5rem 0;-webkit-overflow-scrolling:touch}.skills-modal::-webkit-scrollbar{width:6px}.skills-modal::-webkit-scrollbar-track{background:transparent}.skills-modal::-webkit-scrollbar-thumb{background:var(--text);opacity:.2;border-radius:3px}.skills-modal::-webkit-scrollbar-thumb:hover{opacity:.4}.dark-mode .skills-modal::-webkit-scrollbar-thumb{opacity:.3}.dark-mode .skills-modal::-webkit-scrollbar-thumb:hover{opacity:.5}.skills-modal{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.dark-mode .skills-modal{scrollbar-color:rgba(255,255,255,.3) transparent}.dark-mode .skills-modal{background:#000000d9}.skills-modal-content{background:var(--bg);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:1.75rem 2rem;max-width:1400px;width:95%;position:relative;box-shadow:0 20px 60px #0000004d;opacity:0;overflow:visible;margin:auto}.dark-mode .skills-modal-content{border-color:#ffffff26}.skills-modal-content::-webkit-scrollbar{width:6px}.skills-modal-content::-webkit-scrollbar-track{background:transparent}.skills-modal-content::-webkit-scrollbar-thumb{background:var(--text);opacity:.2;border-radius:3px}.skills-modal-content::-webkit-scrollbar-thumb:hover{opacity:.4}.dark-mode .skills-modal-content::-webkit-scrollbar-thumb{opacity:.3}.dark-mode .skills-modal-content::-webkit-scrollbar-thumb:hover{opacity:.5}.skills-modal-content{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.dark-mode .skills-modal-content{scrollbar-color:rgba(255,255,255,.3) transparent}.skills-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.skills-modal-category{display:flex;flex-direction:column;gap:.75rem}.skills-modal-category-title{font-family:Instrument Sans,sans-serif;font-size:clamp(.7rem,1vw,.85rem);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text);opacity:.6;margin:0;margin-bottom:.25rem}.skills-modal-list{display:flex;flex-direction:column;gap:.5rem}.skill-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.dark-mode .skill-item{border-bottom-color:#ffffff1a}.skill-item:last-child{border-bottom:none}.skill-item-name{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:400;color:var(--text);opacity:.9}.knowledge-meter{display:flex;gap:.25rem;align-items:center}.knowledge-dot{width:7px;height:7px;border-radius:50%;background:transparent;border:1.5px solid var(--text);opacity:0;transform:scale(0);transition:all .2s ease;flex-shrink:0}.knowledge-dot.filled{background:var(--text);opacity:.8;border-color:var(--text)}.dark-mode .knowledge-dot.filled{opacity:.9}.dark-mode .knowledge-dot{border-color:var(--text)}@media(max-width:1024px){.skills-modal-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.skills-modal-content{padding:3.5rem 1.25rem 1.5rem;width:96%;border-radius:12px}.skills-modal{padding:1rem 0}.skills-modal-content .modal-close-btn{top:.75rem;right:.75rem;width:2.75rem;height:2.75rem;font-size:1.5rem;background:#00000014}.dark-mode .skills-modal-content .modal-close-btn{background:#ffffff26}.skills-modal-grid{grid-template-columns:1fr;gap:1.5rem}.skills-modal-category{gap:.5rem}.skill-item{flex-direction:column;align-items:flex-start;gap:.35rem;padding:.35rem 0}.knowledge-meter{align-self:flex-end}}.skills-grid{display:flex;flex-direction:column;gap:3.5rem;width:100%}.skill-category{display:flex;flex-direction:column;gap:1.5rem;text-align:center}.category-label{font-family:Instrument Sans,sans-serif;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:inherit;opacity:0;transform:translateY(-20px)}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem}.skill-name{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:300;color:inherit;opacity:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;display:inline-block;transform:translateY(30px) scale(.8)}.skill-name:after{content:"/";position:absolute;right:-.9rem;opacity:.2;transition:opacity .3s ease}.skill-name:last-child:after{content:""}.skill-name:hover{opacity:1;transform:translateY(-2px) scale(1.05)}.skill-name:hover:after{opacity:.4}.category-label{transition:all .3s ease}.skill-category:hover .category-label{opacity:.6}.motto{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:300;font-size:clamp(1.2rem,3vw,2rem);color:inherit;text-align:center;max-width:800px;line-height:1.4;margin:0 0 5rem;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;min-height:4.5em;display:flex;align-items:center;justify-content:center;word-wrap:break-word;overflow-wrap:break-word}.motto.visible{opacity:.7;transform:translateY(0)}.scroll-hint{font-size:clamp(.75rem,1.5vw,1rem)!important;font-weight:300!important;letter-spacing:.2em;text-transform:uppercase;opacity:.4;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);margin-top:auto}.scroll-hint-char{display:inline-block;transform-origin:center bottom;will-change:transform}.first .bg{background:#fafafa;color:#1a1a1a}.first .bg:before{background-image:url(/assets/satin_white-w29i6NM4.png)}.second .bg{background:#f5f5f5;color:#1a1a1a}.second .bg:before{background-image:url(/assets/satin_white-w29i6NM4.png)}.third .bg{background:#f0f0f0;color:#1a1a1a}.third .bg:before{background-image:url(/assets/satin_white-w29i6NM4.png)}.fourth .bg{background:#ebebeb;color:#1a1a1a}.fourth .bg:before{background-image:url(/assets/satin_white-w29i6NM4.png)}.fifth .bg{background:#e6e6e6;color:#1a1a1a}.fifth .bg:before{background-image:url(/assets/satin_white-w29i6NM4.png)}.sixth .bg,.footer-bg{background:#fafafa;color:#1a1a1a}.sixth .bg:before,.footer-bg:before{background-image:url(/assets/satin_white-w29i6NM4.png)}.dark-mode .first .bg{background:#1a1a1a;color:#fafafa}.dark-mode .first .bg:before{background-image:url(/assets/satin_dark-DaHYuik2.png)}.dark-mode .second .bg{background:#1f1f1f;color:#fafafa}.dark-mode .second .bg:before{background-image:url(/assets/satin_dark-DaHYuik2.png)}.dark-mode .third .bg{background:#242424;color:#fafafa}.dark-mode .third .bg:before{background-image:url(/assets/satin_dark-DaHYuik2.png)}.dark-mode .fourth .bg{background:#292929;color:#fafafa}.dark-mode .fourth .bg:before{background-image:url(/assets/satin_dark-DaHYuik2.png)}.dark-mode .fifth .bg{background:#2e2e2e;color:#fafafa}.dark-mode .fifth .bg:before{background-image:url(/assets/satin_dark-DaHYuik2.png)}.dark-mode .sixth .bg,.dark-mode .footer-bg{background:#1a1a1a;color:#fafafa}.dark-mode .sixth .bg:before,.dark-mode .footer-bg:before{background-image:url(/assets/satin_dark-DaHYuik2.png)}.footer-section .bg{justify-content:center}@media(max-width:768px){.site-header{height:5em;padding:0 4%}.section-heading{font-size:clamp(1.5rem,10vw,4rem)}.landing-name{font-size:clamp(2.5rem,15vw,8rem);margin-bottom:.75rem}.landing-role{font-size:clamp(.65rem,2vw,.8rem);margin-bottom:3rem}.landing-line{width:40px;margin-bottom:2rem}.motto{font-size:clamp(1rem,4vw,1.5rem);padding:0 1rem;margin-bottom:4rem;min-height:3.5em}.progress-indicator{left:1rem;gap:6px}.progress-bar-container{width:2px;height:30px}.skills-content{width:95%;margin-top:2.5rem;padding:0 1rem}.skills-grid{gap:3rem}.skill-category{gap:1.25rem}.skills-list{gap:.4rem 1.25rem}.projects-content{width:95%;margin-top:2rem;gap:2rem}.projects-grid{grid-template-columns:1fr;gap:1.2rem}.services-content{width:95%;margin-top:2rem;gap:2rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem;max-width:80%;margin:0 auto}.service-icon{width:56px;height:56px;margin-bottom:1.25rem}.service-icon-inner{font-size:1.1rem}.service-icon-img{padding:.1rem;transform:scale(1.15)}.service-title{font-size:clamp(1.1rem,4vw,1.3rem);margin-bottom:.75rem}.service-description{font-size:clamp(.85rem,3vw,.95rem);margin-bottom:1.25rem}.service-features{gap:.4rem;padding-top:1.25rem}.service-feature-item{font-size:clamp(.8rem,2.8vw,.9rem)}.services-note{font-size:clamp(.9rem,3vw,1.1rem);padding:0 1rem}.project-card{max-width:80%;margin:0 auto}.project-banner{height:70px}.project-title{margin:1rem 1rem .5rem;font-size:clamp(1.1rem,4vw,1.3rem)}.project-description{margin:0 1rem 1rem;font-size:clamp(.85rem,3vw,.95rem)}.see-all-projects-btn,.see-more-skills-btn{padding:.875rem 2rem}.theme-toggle-btn{width:2rem;height:2rem;padding:.4rem}}@media(max-width:480px){.landing-name{font-size:clamp(2.2rem,14vw,5.5rem)}.landing-role{letter-spacing:.2em;margin-bottom:2.25rem}.landing-line{width:32px;margin-bottom:1.5rem}.motto{padding:0 .75rem;margin-bottom:3rem}.scroll-hint{font-size:clamp(.65rem,3vw,.8rem)!important;bottom:1rem}.about-content{max-width:100%;padding:0 1rem;margin-top:2rem}.about-text{gap:1.25rem}.about-intro{font-size:clamp(1.1rem,5vw,1.6rem)}.about-details,.about-interests{font-size:clamp(.95rem,3.8vw,1.1rem);line-height:1.65}.skills-content{width:100%;padding:0 .75rem;margin-top:2rem}.skills-grid{gap:2.25rem}.skills-list{gap:.35rem 1rem}.skill-name{font-size:clamp(1.05rem,5vw,1.5rem)}.skill-name:after{right:-.6rem}.see-more-skills-btn{width:100%;max-width:260px}.projects-content,.services-content{width:100%;padding:0 .75rem;margin-top:1.5rem;gap:1.5rem}.project-card,.service-card{max-width:100%}.projects-grid{gap:1rem}.services-grid{gap:1.1rem}.project-banner{height:60px}.project-title{margin:.85rem .85rem .4rem;font-size:clamp(1rem,4.5vw,1.2rem)}.project-description{margin:0 .85rem .9rem;font-size:clamp(.8rem,3.6vw,.95rem);line-height:1.55}.see-all-projects-btn{width:100%;max-width:260px}.service-card{padding:1.25rem}.service-icon{width:48px;height:48px;margin-bottom:1rem}.service-icon-inner{font-size:1rem}.service-icon-img{padding:.1rem;transform:scale(1.1)}.service-title{font-size:clamp(1rem,4.5vw,1.2rem)}.service-description{font-size:clamp(.8rem,3.6vw,.95rem);line-height:1.55;margin-bottom:1rem}.service-features{gap:.35rem;padding-top:1rem}.service-feature-item{font-size:clamp(.75rem,3.2vw,.85rem);line-height:1.5}.services-note{padding:0 .5rem}}@media(max-width:360px){.landing-name{font-size:clamp(2rem,16vw,4.8rem)}.landing-role{letter-spacing:.15em}.motto{margin-bottom:2.5rem}.scroll-hint{bottom:.75rem}.section-heading{font-size:clamp(1.35rem,11vw,2.5rem)}.about-content{padding:0 .75rem}.skills-content{padding:0 .5rem}.skills-list{gap:.3rem .8rem}.skill-name:after{content:""}.see-more-skills-btn{padding:.75rem 1.5rem}.projects-content,.services-content{padding:0 .5rem;margin-top:1.25rem;gap:1.25rem}.projects-grid{gap:.85rem}.services-grid{gap:.9rem}.project-title{margin:.75rem .75rem .35rem}.project-description{margin:0 .75rem .85rem}.see-all-projects-btn{padding:.75rem 1.5rem}.service-card{padding:1.1rem}}@media(max-height:700px){.section-content{gap:1.5rem}.landing-role{margin-bottom:2rem}.motto{margin-bottom:2.5rem}.scroll-hint{bottom:1rem}.about-content,.skills-content,.projects-content,.services-content{margin-top:2rem}}@media(max-height:600px){.outer,.inner{overflow-y:auto}.bg{padding:1rem 0}.section-heading{font-size:clamp(1.5rem,7vw,3rem)}.projects-grid,.services-grid{gap:1rem}}