@font-face{font-family:loading;src:url(/assets/Fraga-B347m8KP.ttf)}@font-face{font-family:satoshiR;src:url(/assets/Satoshi-Regular-B3SN4yqc.otf)}@font-face{font-family:satoshiB;src:url(/assets/Satoshi-Bold-C3YRi9Vg.otf)}@font-face{font-family:bosch;src:url(/assets/bosch-C1-gJu8O.otf)}:root{--primary-font: satoshiR;--font-bold: satoshiB;--font-heading: bosch;--font-loading: bosch;--bg-dark: #000000;--bg-card: #0a0a0a;--bg-modal: #0d0d0d;--bg-loading: #E85D3F;--primary-text: #f4f4f4;--text-white: #ffffff;--color-gold: #d8c28f;--color-accent: #555555;--text-muted: rgba(255, 255, 255, .55);--border-subtle: rgba(255, 255, 255, .1);--transition-base: .3s ease;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{display:none}body::selection{background-color:var(--primary-text);color:var(--color-accent)}html,body{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto}body{color:var(--primary-text);background-color:var(--bg-dark);font-family:var(--primary-font)}#app{width:100%;min-height:100vh}.btn{text-decoration:none;text-transform:uppercase;font-weight:400;font-family:var(--font-heading)!important;border:2px solid var(--text-white);padding:.7rem 1.2rem;color:var(--primary-text);overflow:hidden;display:inline-block;text-align:center;transition:.2s all}.btn-primary{background-color:var(--color-accent);font-family:var(--font-heading)!important}.btn:hover{background-color:var(--color-accent);color:var(--color-dark);transform:scale(1.2)}.btn-primary:hover{background:transparent;color:var(--text-white)}.span{font-family:var(--font-heading);text-transform:lowercase;background:linear-gradient(180deg,var(--text-white) 0%,rgba(255,255,255,.65) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#section1-parent:after,#section2-parent:after,.work-organic-blob,.work-particles,.expertise-floating-icon,.expertise-section:before,.work-section:before,.projects-section:before{pointer-events:none!important}.navbar{position:fixed;top:0;width:100%;padding:1.7vw 2.5vw;display:flex;align-items:center;justify-content:space-between;z-index:10;opacity:0;transform:translateY(-100%);transition:padding var(--transition-base),background var(--transition-base)}.navbar .title{color:var(--primary-text);text-transform:uppercase;font-size:clamp(1.1rem,1.7vw,1.8rem);font-weight:600;white-space:nowrap}.navbar .navLinks{display:flex;align-items:center;gap:3rem}.navbar .navLinks a{text-decoration:none;color:var(--primary-text);text-transform:uppercase;overflow:hidden;display:inline-block}.navbar .navLinks a span{display:inline-block}.loading-strips{position:fixed;inset:0;width:100%;height:100vh;z-index:99;pointer-events:none;overflow:hidden}.loading-strips .strips{position:absolute;top:0;left:calc(var(--strip-index) * 20%);width:20%;height:100%;background-color:var(--bg-loading);transform:scaleY(1);transform-origin:top;pointer-events:none}.loader-name{position:absolute;inset:0;z-index:101;display:flex;align-items:center;justify-content:center;pointer-events:none}.loader-initials{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-loading);font-size:clamp(5rem,12vw,11rem);font-weight:900;line-height:.8;color:#000}.initial-s,.initial-n{display:block;opacity:0;transform:scale(.5)}.initial-n{margin-top:.05em}.loader-full-name{position:absolute;display:flex;flex-direction:column;font-family:var(--font-loading);font-size:clamp(3rem,8vw,8rem);font-weight:900;line-height:.82;color:#000;opacity:0}.name-line{display:flex;overflow:hidden;clip-path:inset(0 0 0 0)}.name-anchor{flex-shrink:0}.name-rest{display:inline-block;transform:translate(-100%)}.counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:102;font-size:clamp(4rem,10vw,10rem);font-weight:700;line-height:1;color:#000;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none}#section1-parent{position:relative;width:100%;min-height:0;background-image:url(/images/heroImg.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;overflow:hidden}#section1-parent:after,#section2-parent:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 10%,rgba(0,0,0,.418) 50%,rgba(0,0,0,.418) 75%,rgba(0,0,0,.418) 100%);z-index:.9}#section1,#section2{z-index:1}#section1{position:relative;width:100%;height:100vh;min-height:100vh;margin-bottom:3vw;background:transparent}#section1 .content{position:absolute;left:2.4%;bottom:0;z-index:2;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:0 5% 5%}#section1 .left{width:60%}#section1 .content h1{margin:0;color:var(--primary-text);text-transform:uppercase;font-size:clamp(2.4rem,5.3vw,5.3rem);font-weight:700;font-family:var(--font-bold);line-height:1;transform:scaleX(1.1) scaleY(1.5)}#section1 .content h1 .char{display:inline-block;will-change:transform,opacity}#section1 .right{width:35%;padding-bottom:5px}#section1 .right h3,#section1 .right h2,#section1 .buttons{opacity:0;transform:scale(0);transform-origin:center center;will-change:transform,opacity}#section1 .right h3{margin:0;font-size:clamp(.85rem,1vw,.95rem);font-weight:400;line-height:1.5;color:var(--primary-text)}#section1 .right h2{font-size:clamp(1.2rem,1.6vw,1.5rem);font-weight:900;text-transform:uppercase;padding:8px 0}.buttons{display:flex;gap:2rem;padding-top:4px}#section2{position:relative;width:100%;min-height:100vh;padding:5vh 5% 5%;background:transparent}#section2 .heading{margin:0;font-family:var(--font-heading),sans-serif;font-size:clamp(3.2rem,7vw,6.5rem);font-weight:900;line-height:.92;text-transform:uppercase;color:var(--text-white);letter-spacing:-.03em}#section2 .heading span{background:linear-gradient(180deg,var(--text-white) 0%,rgba(255,255,255,.65) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#section2 .content{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:3vw}#section2 .left{width:65%;position:relative;overflow:hidden}#section2 .left img{display:block;width:100%;height:auto;object-fit:cover;will-change:transform}#section2 .right{width:35%}#section2 .right p{margin:0 0 1.2rem;font-size:clamp(.9rem,1vw,1rem);line-height:1.35;color:var(--primary-text)}#section2-parent{position:relative;width:100%;height:100vh;background-color:var(--bg-dark);background-image:url(/images/section2.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.section2-track{display:flex;width:max-content;height:100vh;will-change:transform}.expertise-section,.work-section{position:relative;flex:0 0 100vw;width:100vw;height:100vh;overflow:hidden;box-sizing:border-box}.expertise-section{padding:6vh 6vw;display:flex;flex-direction:column;justify-content:center;background:transparent;z-index:1}.expertise-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px;z-index:0}.expertise-label{position:relative;z-index:2;font-size:.85rem;font-family:var(--font-primary),sans-serif;text-transform:uppercase;letter-spacing:.22em;color:var(--text-muted);margin-bottom:2rem}.expertise-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:4vw;width:100%;pointer-events:auto}.expertise-intro{width:42%;display:flex;flex-direction:column;gap:1.2rem}.expertise-heading{margin:0;color:var(--primary-text);line-height:.92;text-transform:uppercase}.expertise-heading-my{font-family:var(--font-primary),sans-serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:300;opacity:.8;letter-spacing:.04em}.expertise-heading-main{font-family:var(--font-heading),sans-serif;font-size:clamp(2.8rem,5.8vw,5.2rem);font-weight:900;letter-spacing:-.03em;background:linear-gradient(180deg,var(--text-white) 0%,rgba(255,255,255,.75) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.expertise-tagline{font-size:clamp(1rem,1.25vw,1.2rem);font-weight:500;line-height:1.4;color:#ffffffe6;max-width:420px}.expertise-description{font-size:clamp(.82rem,.95vw,.92rem);font-weight:300;line-height:1.55;color:var(--text-muted);max-width:400px}.expertise-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}.expertise-tag{font-size:.7rem;font-family:var(--font-primary),sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .7rem;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#ffffffb3;background:#ffffff08;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color var(--transition-base),color var(--transition-base),background-color var(--transition-base)}.expertise-tag:hover{border-color:#fff6;color:var(--text-white);background:#ffffff14}.expertise-list{width:54%;display:flex;flex-direction:column}.expertise-item{position:relative;display:grid;grid-template-columns:32px 42px 1fr 28px;align-items:center;gap:1.2rem;padding:1.4rem 1rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-smooth),border-color var(--transition-smooth);border-radius:4px}.expertise-item:first-child{border-top:1px solid var(--border-subtle)}.expertise-item-num{font-size:.85rem;font-weight:600;color:#ffffff59;font-family:var(--font-primary),monospace;transition:color var(--transition-base)}.expertise-item-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#ffffff0d;color:#ffffffb3;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base)}.expertise-item-info{display:flex;flex-direction:column;gap:.25rem}.expertise-item-title{margin:0;font-size:clamp(1.1rem,1.4vw,1.35rem);font-weight:700;color:var(--text-white);text-transform:uppercase;letter-spacing:-.01em;transition:transform .35s ease,color var(--transition-base)}.expertise-item-desc{margin:0;font-size:clamp(.8rem,.9vw,.88rem);color:var(--text-muted);line-height:1.4;transition:color var(--transition-base)}.expertise-item-meta{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff59;margin-top:.15rem;transition:color var(--transition-base)}.expertise-item:hover{background:#ffffff0a;border-bottom-color:#ffffff40}.expertise-item:hover .expertise-item-num{color:#ffffffd9}.expertise-item:hover .expertise-item-icon{background:#ffffff26;color:var(--text-white);transform:scale(1.08)}.expertise-item:hover .expertise-item-title{transform:translate(6px);color:var(--text-white)}.expertise-item:hover .expertise-item-desc{color:#ffffffd9}.expertise-item:hover .expertise-item-meta{color:#fff9}.expertise-floating-icon{position:absolute;color:#ffffff40;z-index:1;border-radius:50%;padding:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:floatAnim 6s ease-in-out infinite}@keyframes floatAnim{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(4deg)}}.icon-js{top:10%;right:4%;animation-delay:0s}.icon-react{top:48%;right:2%;animation-delay:1.5s}.icon-html{bottom:12%;left:4%;animation-delay:3s}.icon-gsap{top:22%;left:36%;animation-delay:2.2s}.work-section{background:var(--bg-dark);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5vh 4vw 4vh 4vw;z-index:2}.work-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(216,194,143,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(216,194,143,.03) 1px,transparent 1px);background-size:60px 60px;z-index:0}.work-scroll-indicator{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:.72rem;font-family:var(--font-primary),sans-serif;text-transform:uppercase;letter-spacing:.25em;color:#d8c28f99;margin-top:.5rem}.work-scroll-line{width:1px;height:38px;background:linear-gradient(180deg,#d8c28f99,#d8c28f1a);position:relative;display:flex;justify-content:center;align-items:flex-end}.work-scroll-dot{width:5px;height:5px;background-color:var(--color-gold);border-radius:50%;box-shadow:0 0 8px #d8c28fcc;animation:scrollDotAnim 2.2s ease-in-out infinite}@keyframes scrollDotAnim{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(8px);opacity:1}}.work-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;flex:1;margin:2rem 0;pointer-events:auto}.work-small-label{font-size:.85rem;font-family:var(--font-primary),sans-serif;text-transform:uppercase;letter-spacing:.25em;color:#d8c28f8c;margin-bottom:.8rem}.work-title-wrapper{position:relative;display:inline-block}.work-title{margin:0;font-family:var(--font-heading),sans-serif;font-size:clamp(4rem,15vw,14rem);font-weight:900;line-height:.85;letter-spacing:-.04em;text-transform:uppercase;color:var(--color-gold);background:linear-gradient(180deg,#f2e3c2 0%,var(--color-gold) 50%,#a38d5c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:2;filter:drop-shadow(0 15px 30px rgba(0,0,0,.9))}.work-organic-blob{position:absolute;z-index:1;filter:blur(12px);animation:blobFloat 8s ease-in-out infinite alternate}.blob-1{width:320px;height:320px;top:-25%;left:-12%}.blob-2{width:280px;height:280px;bottom:-20%;right:-8%;animation-delay:4s}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(18px,-18px) scale(1.12)}}.work-particles{position:absolute;inset:0;z-index:1}.work-particle{position:absolute;width:4px;height:4px;background:var(--color-gold);border-radius:50%;opacity:.5;box-shadow:0 0 8px #d8c28fcc;animation:particlePulse 4s ease-in-out infinite alternate}.p-1{top:22%;left:14%;animation-delay:0s}.p-2{top:38%;right:16%;animation-delay:1s;width:6px;height:6px}.p-3{bottom:24%;left:20%;animation-delay:2s}.p-4{bottom:16%;right:22%;animation-delay:.5s;width:5px;height:5px}.p-5{top:14%;right:34%;animation-delay:2.5s}.p-6{bottom:42%;left:30%;animation-delay:1.5s}@keyframes particlePulse{0%{transform:translateY(0) scale(1);opacity:.3}to{transform:translateY(-14px) scale(1.4);opacity:.9}}.work-categories{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;padding:1rem 2rem;border-top:1px solid rgba(216,194,143,.15);width:100%;max-width:1200px}.work-category{font-size:clamp(.72rem,.9vw,.85rem);font-family:var(--font-primary),sans-serif;text-transform:uppercase;letter-spacing:.22em;color:#d8c28fb3;transition:color var(--transition-base)}.work-category:hover{color:var(--text-white)}.work-category-separator{font-size:.65rem;color:#d8c28f66}.projects-section{position:relative;width:100%;min-height:100vh;padding:10vh 6vw 12vh;box-sizing:border-box;background:var(--bg-dark);z-index:5;overflow:hidden}.projects-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.projects-header{position:relative;z-index:2;margin-bottom:5rem}.projects-label{margin-bottom:1.5rem;font-family:var(--font-primary),sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.25em;line-height:1;color:var(--text-muted);text-transform:uppercase}.projects-header-content{display:flex;align-items:flex-end;justify-content:space-between;gap:4vw}.projects-title{margin:0;font-family:var(--font-heading),sans-serif;font-size:clamp(3.5rem,7vw,7rem);font-weight:900;line-height:.88;letter-spacing:-.045em;color:var(--text-white);text-transform:uppercase}.projects-title-span{background:linear-gradient(180deg,var(--text-white) 0%,rgba(255,255,255,.5) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.projects-subtitle{max-width:440px;margin:0;padding-bottom:.3rem;font-size:clamp(.9rem,1.05vw,1.05rem);font-weight:300;line-height:1.65;color:#ffffff8c}.projects-spotlight-wrapper{position:relative;z-index:2;width:100%;margin-bottom:7rem}.spotlight-frame{position:relative;width:100%;height:min(58vh,620px);min-height:420px;overflow:hidden;background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:14px;transition:border-color .4s ease,box-shadow .5s ease}.spotlight-frame:hover{border-color:#ffffff47;box-shadow:0 30px 70px #00000080}.spotlight-img{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.78);transition:transform 1s cubic-bezier(.16,1,.3,1),filter .5s ease;will-change:transform}.spotlight-frame:hover .spotlight-img{transform:scale(1.035);filter:brightness(.9)}.spotlight-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3.5rem);background:linear-gradient(180deg,#0000 25%,#00000026 45%,#000000eb);z-index:2}.spotlight-info{max-width:720px}.spotlight-num{display:block;margin-bottom:.6rem;font-family:var(--font-primary),monospace;font-size:.75rem;letter-spacing:.18em;color:#ffffff7a}.spotlight-title{margin:0;font-family:var(--font-heading),sans-serif;font-size:clamp(2.2rem,5vw,4.8rem);font-weight:900;line-height:.92;letter-spacing:-.04em;color:var(--text-white);text-transform:uppercase}.spotlight-tag{max-width:600px;margin:.8rem 0 0;font-size:clamp(.85rem,1vw,1rem);font-weight:300;line-height:1.5;color:#ffffffa6}.spotlight-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.8rem 1.2rem;border-radius:4px;white-space:nowrap;transition:transform .3s ease,background .3s ease;cursor:pointer}.spotlight-btn:hover{transform:translateY(-3px)}.projects-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6vw 4vw;width:100%}.project-card{position:relative;width:100%;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;opacity:0;transform:scale(0);transition:border-color .4s ease,box-shadow .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}.project-card:hover,.project-card.active{border-color:#ffffff40;box-shadow:0 25px 60px #0000008c,0 0 0 1px #ffffff05}@media(min-width:769px){.project-card:nth-child(2n){margin-top:5rem}}.project-card-visual{position:relative;width:100%;height:clamp(260px,30vw,390px);overflow:hidden;background:#090909}.project-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35) 100%);pointer-events:none}.project-card-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.82);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease;will-change:transform}.project-card:hover .project-card-visual img{transform:scale(1.06);filter:brightness(.98)}.project-card-badge{position:absolute;top:1.2rem;right:1.2rem;z-index:2;padding:.4rem .75rem;font-family:var(--font-primary),monospace;font-size:.68rem;letter-spacing:.08em;color:var(--text-white);background:#0000008c;border:1px solid rgba(255,255,255,.15);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project-card-body{display:flex;flex-direction:column;gap:.8rem;padding:1.8rem 1.6rem 2rem}.project-meta{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-primary),sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.13em;color:#ffffff6b;text-transform:uppercase}.project-name{margin:0;font-family:var(--font-heading),sans-serif;font-size:clamp(1.4rem,2vw,2rem);font-weight:800;line-height:1;letter-spacing:-.025em;color:var(--text-white);text-transform:uppercase}.project-summary{max-width:580px;margin:0;font-size:clamp(.82rem,.95vw,.92rem);font-weight:300;line-height:1.6;color:#ffffff8c}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.project-tech-stack span{padding:.28rem .6rem;font-family:var(--font-primary),sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.06em;color:#ffffffa6;background:#ffffff09;border:1px solid rgba(255,255,255,.09);border-radius:14px;text-transform:uppercase;transition:background .3s ease,border-color .3s ease,color .3s ease}.project-card:hover .project-tech-stack span{color:#fffc;background:#ffffff0f;border-color:#ffffff24}.project-detail{width:100%;min-height:100vh;padding:40px 6vw;background:#08090d;color:#fff}.project-detail-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.15)}.project-back{color:#fff;text-decoration:none}.project-detail-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center;padding:100px 0}.project-detail-meta{display:flex;flex-direction:column;gap:25px}#detail-category{color:#888;font-size:12px;letter-spacing:2px}#detail-title{font-size:clamp(50px,8vw,120px);line-height:.9;text-transform:uppercase}#detail-description{max-width:500px;color:#aaa;font-size:18px;line-height:1.6}.project-detail-image{width:100%;overflow:hidden}.project-detail-image img{width:100%;display:block}.project-detail-info{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.detail-info-item{padding:30px 20px;border-right:1px solid rgba(255,255,255,.15)}.detail-info-item:last-child{border-right:none}.detail-info-item span{display:block;margin-bottom:12px;color:#777;font-size:11px;letter-spacing:2px}.detail-info-item strong{font-size:14px;font-weight:400}.project-detail-content{padding:120px 0}.detail-section{margin-bottom:120px}.detail-section>span{display:block;margin-bottom:30px;color:#777;font-size:11px;letter-spacing:2px}.detail-section h2{max-width:900px;margin-bottom:40px;font-size:clamp(40px,6vw,90px);line-height:.95;text-transform:uppercase}.detail-section p{max-width:700px;color:#aaa;font-size:18px;line-height:1.8}.detail-large-image{width:100%;overflow:hidden}.detail-large-image img{width:100%;display:block}.project-navigation{display:flex;justify-content:space-between;align-items:center;padding:50px 0;border-top:1px solid rgba(255,255,255,.15)}.project-navigation a{color:#fff;text-decoration:none}.next-project{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.next-project span{color:#777;font-size:11px;letter-spacing:2px}.next-project strong{font-size:clamp(25px,4vw,50px);text-transform:uppercase}.contact-section{width:100%;min-height:100vh;padding:2% 5% 5%;background:#17191b;color:#f5f5f5;overflow:hidden}.contact-container{width:100%;height:100%}.contact-heading{margin:0;font-family:var(--primary-font);font-size:clamp(4rem,7vw,7rem);font-weight:700;line-height:.9;letter-spacing:-.04em;text-transform:uppercase}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7vw;margin-top:70px}.contact-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:2vw}.contact-block p{max-width:390px;margin:0;font-size:16px;line-height:1.2;font-weight:400}.social-links{display:flex;flex-wrap:wrap;gap:28px;margin-top:45px}.social-links a{position:relative;color:#fff;text-decoration:none;font-family:var(--primary-font);font-size:17px;font-weight:700;transition:opacity .3s ease}.social-links a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:#fff;transition:width .3s ease}.social-links a:hover{opacity:.7}.social-links a:hover:after{width:100%}.contact-name{margin-top:5vw;white-space:nowrap;font-family:var(--primary-font);font-size:clamp(8rem,17vw,22rem);font-weight:800;line-height:.7;letter-spacing:-.08em;color:#f5f5f5;transform:translate(-.025em);text-align:center}@media(max-width:1024px){#section2 .left img,.spotlight-img,.project-card-visual img{transform:none!important;will-change:auto!important}.navbar{padding:1.5rem 3.5vw}.navbar .navLinks{gap:1.8rem}#section2{padding:6vh 5% 5%}#section2 .content{gap:2.5rem}#section2 .left{width:55%}#section2 .right{width:45%}.expertise-intro{width:44%}.expertise-list{width:53%}.expertise-item{padding:1.2rem .8rem;gap:.9rem}.work-section{padding:4vh 4vw 3vh}.work-categories{gap:.8rem;padding:.8rem 1.5rem}.projects-section{padding:8vh 5vw 10vh}.projects-grid{gap:4vw 3vw}.spotlight-frame{height:44vh}.spotlight-overlay{padding:2rem}.project-detail-hero{grid-template-columns:1fr;gap:50px;padding:70px 0}.project-detail-info{grid-template-columns:1fr}.detail-info-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.15)}.detail-info-item:last-child{border-bottom:none}}@media(min-width:769px)and (max-width:1024px){#section1 .content{align-items:flex-end}#section1 .left,#section1 .right{align-self:flex-end}#section1 .left{width:52%}#section1 .right{width:45%}#section1 .content h1{width:max-content;max-width:none;white-space:nowrap;font-size:clamp(2.5rem,5vw,4rem);line-height:1;transform:none;transform-origin:left bottom}}@media(max-width:900px){.contact-grid{gap:40px}.contact-block p{font-size:14px}.social-links{gap:18px}}@media(max-width:768px){.loading-strips{height:100dvh;min-height:100dvh}.loading-strips .strips{height:100dvh;left:calc(var(--strip-index) * 20% - 1.5px);width:calc(20% + 3px);transform:translateZ(0) scaleY(1);backface-visibility:hidden;-webkit-backface-visibility:hidden}.loader-initials{font-size:clamp(4rem,20vw,7rem)}.loader-full-name{font-size:clamp(2.5rem,14vw,5rem)}.counter{font-size:clamp(4rem,18vw,7rem)}.navbar{padding:1.3rem 1.5rem;background:#00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar .navLinks{display:none!important;gap:0}.navbar .title{font-size:1.2rem}.navbar .navLinks .btn{padding:.5rem .9rem;font-size:.8rem}#section1-parent,#section2-parent{background-attachment:scroll}#section1-parent:after{background:linear-gradient(180deg,#00000073,#000000a6,#000000d9)}#section1{height:auto;min-height:100vh;display:flex;align-items:flex-end}#section1 .content{position:relative;left:auto;bottom:auto;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:100px 5% 45px;gap:2rem}#section1 .left,#section1 .right{width:100%}#section1 .right{padding-bottom:0}#section1 .content h1{font-size:clamp(2.2rem,8.5vw,3.2rem);line-height:1.05;transform:none}#section1 .right h3{font-size:.95rem;line-height:1.5}#section1 .right h2{font-size:1.3rem;margin-top:.4rem}.buttons{flex-wrap:wrap;gap:1rem;margin-top:.5rem}.buttons .btn{padding:.65rem 1.1rem;font-size:.85rem}#section2{padding:60px 5% 45px;min-height:auto}#section2 h1{font-size:clamp(2.2rem,8.5vw,3.2rem);margin-bottom:1.5rem}#section2 .content{flex-direction:column;gap:2rem}#section2 .left,#section2 .right{width:100%}#section2 .left img{width:100%;height:auto;max-height:450px;object-fit:cover;border-radius:4px}#section2 .right p{font-size:.95rem;line-height:1.5;margin-bottom:1.1rem}.work-section{display:none!important}#section2-parent{height:auto!important;min-height:100vh;overflow:visible!important}.section2-track{display:block!important;width:100%!important;height:auto!important;transform:none!important}.expertise-section{flex:none!important;width:100%!important;height:auto!important;min-height:100vh;overflow:visible!important;padding:80px 6vw 50px}.expertise-label{font-size:.8rem;letter-spacing:.2em;margin-bottom:1.2rem}.expertise-content{flex-direction:column;gap:2rem}.expertise-intro,.expertise-list{width:100%}.expertise-intro{gap:.8rem}.expertise-heading-my{font-size:clamp(1.5rem,5vw,2.2rem)}.expertise-heading-main{font-size:clamp(2.5rem,8.5vw,3.8rem)}.expertise-tagline{font-size:clamp(.95rem,3.2vw,1.15rem);line-height:1.45;max-width:100%}.expertise-description{display:block;font-size:clamp(.85rem,2.8vw,.95rem);line-height:1.5;max-width:100%}.expertise-tags{gap:.45rem;margin-top:.4rem}.expertise-tag{font-size:.68rem;padding:.28rem .65rem}.expertise-item{grid-template-columns:28px 36px 1fr 24px;gap:.8rem;padding:1.1rem .4rem}.expertise-item-num{font-size:.8rem}.expertise-item-icon{width:36px;height:36px;border-radius:8px}.expertise-item-icon svg{width:18px;height:18px}.expertise-item-title{font-size:clamp(1.05rem,3.5vw,1.2rem)}.expertise-item-desc{font-size:clamp(.8rem,2.6vw,.88rem);line-height:1.38}.expertise-item-meta{font-size:.62rem}.expertise-floating-icon{opacity:.15;transform:scale(.75)}.projects-section{min-height:auto;padding:60px 5vw 70px}.projects-section:before{background-size:45px 45px}.projects-header{margin-bottom:3rem}.projects-label{margin-bottom:1.2rem;font-size:.68rem;letter-spacing:.2em}.projects-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.projects-title{font-size:clamp(3rem,14vw,5rem);line-height:.9}.projects-subtitle{max-width:100%;font-size:.88rem;line-height:1.55}.projects-spotlight-wrapper{margin-bottom:3.5rem}.spotlight-frame{height:320px;min-height:auto;border-radius:10px}.spotlight-overlay{padding:1.5rem;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1rem}.spotlight-num{font-size:.68rem}.spotlight-title{font-size:clamp(2rem,10vw,3.2rem)}.spotlight-tag{font-size:.82rem}.spotlight-btn{width:100%}.projects-grid{grid-template-columns:1fr;gap:2.5rem;margin-top:2rem}.project-card{border-radius:10px}.project-card:nth-child(2n){margin-top:0!important}.project-card-visual{height:240px}.project-card-body{padding:1.5rem 1.25rem 1.6rem}.project-card-badge{top:.9rem;right:.9rem;font-size:.62rem}.project-name{font-size:1.45rem}.project-summary{font-size:.82rem}.project-modal-content{padding:1.5rem;width:94%}.project-modal-hero{height:220px}.project-modal-meta-grid{grid-template-columns:1fr;gap:1rem}.contact-section{min-height:auto;padding:30px 20px}.contact-heading{font-size:clamp(3.5rem,15vw,6rem)}.contact-grid{grid-template-columns:1fr;gap:45px;margin-top:60px}.contact-block p{max-width:500px;font-size:15px}.social-links{margin-top:25px}.contact-name{display:none}.project-detail-hero{gap:40px}}@media(max-width:600px){.project-detail{padding:20px}.project-detail-hero{padding:60px 0}#detail-title{font-size:clamp(45px,12vw,80px)}.project-detail-content{padding:80px 0}.detail-section{margin-bottom:80px}.project-navigation{flex-direction:column;align-items:flex-start;gap:50px}.next-project{align-items:flex-start}}@media(max-width:480px){.navbar{padding:1.3rem 1.2rem}.navbar .title{font-size:1.05rem;letter-spacing:-.01em}.navbar .navLinks .btn{padding:.45rem .75rem;font-size:.75rem}#section1 .content{padding:85px 4.5% 35px;gap:1.5rem}#section1 .content h1{font-size:2.1rem}#section1 .right h3{font-size:.9rem}#section1 .right h2{font-size:1.15rem}.buttons{flex-direction:row;flex-wrap:wrap;gap:.75rem;width:100%}.buttons .btn{flex:1 1 auto;text-align:center;padding:.6rem .8rem;font-size:.8rem}#section2{padding:40px 4.5% 35px}#section2 h1{font-size:2.1rem}#section2 .right p{font-size:.9rem}.expertise-section{padding:65px 5vw 40px}.expertise-item{grid-template-columns:24px 30px 1fr 20px;gap:.6rem;padding:.9rem .2rem}.expertise-item-title{font-size:.98rem}.projects-section{padding:45px 4.5% 55px}.projects-title{font-size:2.5rem}.spotlight-frame{height:60vh;min-height:400px}.spotlight-overlay{padding:1.15rem}.spotlight-title{font-size:9vw}.spotlight-btn{min-height:44px;font-size:.75rem}.project-card-visual{height:200px}.project-card-body{padding:1.4rem 1.2rem}.project-tech-stack span{font-size:.58rem}}