:root{--bg:#0a0a0c;--bg-2:#111114;--bg-3:#17171b;--line:#ffffff14;--line-s:#ffffff29;--txt:#f2f2f0;--txt-2:#a6a6ad;--txt-3:#66666f;--accent:#e8663c;--accent-h:#f07a52;--aR:232,102,60;--on-accent:#140905;--ok:#3ddc84;--nav-bg:#0a0a0cc7;--surface:#ffffff08;--surface-h:#ffffff0e;--f-head:"Clash Display", "Satoshi", system-ui, sans-serif;--f-body:"Satoshi", system-ui, -apple-system, sans-serif;--f-mono:var(--font-mono), ui-monospace, SFMono-Regular, monospace;--sec-pad:clamp(80px, 9vw, 136px);--wrap:1280px;--gutter:clamp(1.25rem, 5vw, 3rem);--ease:cubic-bezier(.16,1,.3,1);--t:.28s;--r-pill:999px;--r-surf:20px;--r-in:12px;--shadow-tint:0,0,0}[data-theme=light]{--bg:#f5f5f3;--bg-2:#ecece9;--bg-3:#e4e4e0;--line:#11111317;--line-s:#1111132e;--txt:#111113;--txt-2:#55555c;--txt-3:#8a8a92;--accent:#d4522a;--accent-h:#c2461f;--aR:212,82,42;--on-accent:#fff7f3;--nav-bg:#f5f5f3d1;--surface:#11111308;--surface-h:#1111130f;--shadow-tint:60,50,40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--f-body);background:var(--bg);color:var(--txt);transition:background var(--t), color var(--t);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--f-head);letter-spacing:-.025em;font-weight:600;line-height:1.08}.container{max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}section[id]{scroll-margin-top:80px}.section-title{max-width:16ch;margin-bottom:clamp(2.5rem,5vw,4rem);font-size:clamp(2rem,4.2vw,3.4rem)}.noise-svg{pointer-events:none;z-index:9998;opacity:.028;width:100%;height:100%;position:fixed;inset:0}[data-theme=light] .noise-svg{opacity:.05}.skip-link{z-index:9999;background:var(--accent);color:var(--on-accent);border-radius:var(--r-pill);padding:.6rem 1.2rem;font-weight:700;transition:top .2s;position:fixed;top:-100%;left:1rem}.skip-link:focus{top:1rem}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(28px)}.reveal.visible{opacity:1;transform:none}.has-cursor body,.has-cursor a,.has-cursor button,.has-cursor summary,.has-cursor label,.has-cursor .panel{cursor:none}.has-cursor input,.has-cursor textarea,.has-cursor select{cursor:auto}.cur-dot,.cur-ring{pointer-events:none;z-index:10000;opacity:0;will-change:transform;transition:opacity .25s;position:fixed;top:0;left:0}.cur-dot.is-on,.cur-ring.is-on{opacity:1}.cur-dot.is-hidden,.cur-ring.is-hidden{opacity:0}.cur-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px}.cur-ring{mix-blend-mode:difference;width:40px;height:40px;margin:-20px 0 0 -20px}.cur-ring-in{width:100%;height:100%;transform:scale(var(--s,1));transition:transform .35s var(--ease), background .35s, border-color .35s;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#000;border:1.5px solid #fff;border-radius:50%;place-items:center;font-size:10px;font-weight:500;display:grid}.cur-ring.is-hover .cur-ring-in{--s:1.5;background:#ffffff2e}.cur-ring.is-view .cur-ring-in{--s:2.2;background:#fff;border-color:#fff}.cur-ring.is-down .cur-ring-in{--s:.85}.cur-ring.is-view.is-down .cur-ring-in{--s:2}.loader{z-index:9999;background:var(--bg);transition:opacity .5s var(--ease), visibility .5s;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex;position:fixed;inset:0}.loader.hidden{opacity:0;visibility:hidden}.loader-mark{font-family:var(--f-head);letter-spacing:.04em;color:var(--txt);font-size:1.4rem;font-weight:700}.loader-bar{background:var(--line);border-radius:2px;width:120px;height:2px;overflow:hidden}.loader-bar span{background:var(--accent);width:0%;height:100%;transition:width .4s var(--ease);display:block}.nav{z-index:900;height:68px;transition:background var(--t), box-shadow var(--t);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(18px)saturate(160%);box-shadow:0 1px 0 var(--line)}.nav-inner{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);align-items:center;gap:2rem;margin-inline:auto;display:flex}.nav-logo{font-family:var(--f-head);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:600;display:flex}.logo-mark{background:var(--accent);width:34px;height:34px;color:var(--on-accent);font-family:var(--f-head);letter-spacing:.02em;border-radius:10px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.nav-menu{align-items:center;gap:.25rem;margin-left:auto;display:flex}.nav-link{color:var(--txt-2);border-radius:var(--r-pill);transition:color var(--t), background var(--t);padding:.45rem .8rem;font-size:.88rem;font-weight:500}.nav-link:hover{color:var(--txt)}.nav-link.active{color:var(--txt);background:var(--surface-h)}.nav-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.theme-toggle{border-radius:var(--r-pill);border:1px solid var(--line-s);width:38px;height:38px;color:var(--txt-2);transition:color var(--t), border-color var(--t), background var(--t);place-items:center;font-size:.85rem;display:grid}.theme-toggle:hover{color:var(--txt);background:var(--surface-h)}.nav-toggle{flex-direction:column;gap:6px;padding:8px;display:none}.nav-toggle span{background:var(--txt);width:22px;height:2px;transition:transform .35s var(--ease), opacity .35s;border-radius:2px;display:block}.nav-toggle.open span:first-child{transform:translateY(4px)rotate(45deg)}.nav-toggle.open span:last-child{transform:translateY(-4px)rotate(-45deg)}.mobile-menu{z-index:800;background:var(--bg);transition:transform .5s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu.open{transform:translateY(0)}.mobile-links{flex-direction:column;align-items:center;gap:.4rem;display:flex}.mobile-link{font-family:var(--f-head);letter-spacing:-.02em;color:var(--txt-2);transition:color var(--t);font-size:2.4rem;font-weight:600}.mobile-link:hover{color:var(--txt)}.btn{font-family:var(--f-body);border-radius:var(--r-pill);white-space:nowrap;transition:transform var(--t) var(--ease), background var(--t), color var(--t), border-color var(--t), box-shadow var(--t);justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.6rem;font-size:.92rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 24px -10px rgba(var(--aR),.7)}.btn-primary:hover{background:var(--accent-h);transform:translateY(-2px)}.btn-primary:active{transform:scale(.97)}.btn-ghost{color:var(--txt);border:1px solid var(--line-s);background:var(--surface)}.btn-ghost:hover{background:var(--surface-h);border-color:var(--txt-3)}.btn-outline{color:var(--txt);border:1px solid var(--line-s)}.btn-outline:hover{background:var(--surface-h)}.btn-sm{padding:.55rem 1rem;font-size:.82rem}.btn-full{width:100%}.hero{align-items:center;min-height:100dvh;padding-top:68px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, rgba(var(--aR),.14) 0%, transparent 62%);pointer-events:none;width:55vw;max-width:760px;height:55vw;max-height:760px;position:absolute;top:10%;right:-10%}.hero-inner{width:100%;max-width:var(--wrap);padding:clamp(1.5rem, 4vw, 3rem) var(--gutter) clamp(2rem, 5vw, 4rem);z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-inline:auto;display:grid;position:relative}.hero-copy{flex-direction:column;gap:1.6rem;max-width:620px;display:flex}.hero-copy>*{opacity:0}html.is-loaded .hero-copy>*{animation:rise 1s var(--ease) both;animation-delay:calc(var(--i,0) * .12s)}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-copy>*{opacity:1!important;animation:none!important}}.hero-status{font-family:var(--f-mono);color:var(--txt-2);align-items:center;gap:.6rem;width:fit-content;font-size:.74rem;font-weight:500;display:inline-flex}.status-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite statusPulse;box-shadow:0 0 #3ddc8480}@keyframes statusPulse{0%{box-shadow:0 0 #3ddc8473}70%{box-shadow:0 0 0 9px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}.hero-title{letter-spacing:-.035em;max-width:12ch;font-size:clamp(2.6rem,5.4vw,4.6rem);font-weight:600;line-height:1.04}.hero-title em{color:var(--accent);padding-bottom:.04em;font-style:italic;font-weight:500}.hero-sub{color:var(--txt-2);max-width:46ch;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65}.hero-cta{flex-wrap:wrap;gap:.85rem;margin-top:.25rem;display:flex}.hero-visual{aspect-ratio:1;width:100%;min-height:380px;max-height:78vh;position:relative}.stack-canvas{opacity:0;transition:opacity 1s var(--ease);display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.hero-visual.ready .stack-canvas{opacity:1}.hero-floor{background:radial-gradient(ellipse at center, rgba(var(--aR),.28), transparent 68%);filter:blur(18px);opacity:0;width:70%;height:22%;transition:opacity 1.2s var(--ease) .3s;pointer-events:none;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.hero-visual.ready .hero-floor{opacity:1}.stack-tags{pointer-events:none;position:absolute;inset:0}.stack-tag{font-family:var(--f-mono);letter-spacing:.06em;color:var(--txt-2);background:var(--nav-bg);border:1px solid var(--line-s);-webkit-backdrop-filter:blur(8px);border-radius:var(--r-pill);white-space:nowrap;opacity:0;transition:opacity .6s var(--ease);will-change:transform;padding:.28rem .6rem;font-size:.68rem;font-weight:500;position:absolute;top:0;left:0}.stack-tag[data-layer=ai]{color:var(--accent);border-color:rgba(var(--aR),.4)}.hero-visual.ready .stack-tag{opacity:1}.hero-visual.ready .stack-tag.hide{opacity:0}.css-stack{perspective:1200px;display:none;position:absolute;inset:0}.hero-visual.no-webgl .css-stack{display:block}.hero-visual.no-webgl .stack-canvas,.hero-visual.no-webgl .stack-tags{display:none}.css-stack span{aspect-ratio:3/2;border:1px solid var(--line-s);background:var(--surface-h);width:56%;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-32deg) translateZ(var(--z));border-radius:18px;position:absolute;top:50%;left:50%;box-shadow:0 30px 60px -30px #0009}.css-stack span:first-child{--z:120px;border-color:rgba(var(--aR),.6)}.css-stack span:nth-child(2){--z:40px}.css-stack span:nth-child(3){--z:-40px}.css-stack span:nth-child(4){--z:-120px}.band{border-block:1px solid var(--line);background:var(--bg-2)}.band-list{grid-template-columns:repeat(4,1fr);display:grid}.band-list li{flex-direction:column;gap:.25rem;padding:clamp(1.75rem,3vw,2.5rem) clamp(1rem,2.5vw,2rem);display:flex}.band-list li+li{border-left:1px solid var(--line)}.band-list strong{font-family:var(--f-head);letter-spacing:-.03em;font-size:clamp(2rem,3.6vw,3rem);font-weight:600;line-height:1}.band-list .count:after{content:"+";color:var(--accent)}.band-list span{color:var(--txt-2);font-size:.85rem}.about{padding-block:var(--sec-pad)}.about-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(3rem,7vw,7rem);display:grid}.about-lead{position:sticky;top:108px}.about-lead .section-title{margin-bottom:1.6rem}.about-lead p{color:var(--txt-2);max-width:52ch;font-size:1.02rem;line-height:1.75}.about-lead p+p{margin-top:1rem}.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.cap{border-radius:var(--r-surf);border:1px solid var(--line);background:var(--surface);transition:border-color var(--t), background var(--t), transform var(--t) var(--ease);flex-direction:column;gap:.7rem;padding:clamp(1.5rem,2.4vw,2rem);display:flex}.cap:hover{border-color:var(--line-s);background:var(--surface-h);transform:translateY(-3px)}.cap i{color:var(--accent);margin-bottom:.4rem;font-size:1.35rem}.cap h3{font-size:1.2rem;font-weight:600}.cap p{color:var(--txt-2);font-size:.92rem;line-height:1.65}.cap-accent{background:radial-gradient(120% 90% at 100% 0%, rgba(var(--aR),.22), transparent 60%), var(--surface);border-color:rgba(var(--aR),.3)}.cap-grid{align-items:start;padding-bottom:2.5rem}.cap:nth-child(2n){position:relative;top:2.5rem}.skills{padding-block:calc(var(--sec-pad) * .55) 0;overflow:hidden}.skills .section-title{margin-bottom:clamp(2rem,4vw,3rem)}.marquee{border-block:1px solid var(--line);padding-block:1.4rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:3.5rem;width:max-content;animation:46s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.logo-item{font-family:var(--f-mono);color:var(--txt-2);white-space:nowrap;align-items:center;gap:.75rem;font-size:.82rem;display:inline-flex}.logo-item img{opacity:.9;width:26px;height:26px}.logo-item i{color:#8a8a93;font-size:1.5rem}.skill-cols{padding-block:clamp(3rem, 6vw, 5rem) var(--sec-pad);grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;display:grid}.skill-col h3{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.74rem;font-weight:500}.skill-col li{color:var(--txt-2);padding-block:.3rem;font-size:.95rem}.projects{background:var(--bg-2);border-block:1px solid var(--line);position:relative}.pan-wrap{flex-direction:column;justify-content:center;gap:clamp(1.5rem,3vw,2.5rem);min-height:100dvh;padding-block:clamp(5rem,8vw,7rem) clamp(3rem,5vw,4rem);display:flex;overflow:hidden}.pan-head{justify-content:space-between;align-items:baseline;gap:2rem;width:100%;display:flex}.pan-head .section-title{margin-bottom:0}.pan-hint{font-family:var(--f-mono);color:var(--txt-3);white-space:nowrap;font-size:.78rem}.pan-track{padding-inline:max(var(--gutter), calc((100vw - var(--wrap)) / 2 + var(--gutter)));will-change:transform;gap:1.25rem;display:flex}.panel{border-radius:var(--r-surf);border:1px solid var(--line);background:radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, var(--clr) 32%, transparent), transparent 60%), var(--bg-3);min-height:clamp(400px,58vh,560px);transition:border-color var(--t), transform .5s var(--ease);flex-direction:column;flex:0 0 clamp(520px,44vw,720px);justify-content:flex-end;display:flex;position:relative;overflow:hidden}.panel:hover{border-color:color-mix(in srgb, var(--clr) 55%, var(--line));transform:translateY(-6px)}.panel-index{font-family:var(--f-mono);color:var(--txt-3);font-size:.8rem;position:absolute;top:1.4rem;left:1.6rem}.panel-art{opacity:.35;pointer-events:none;transition:opacity .5s var(--ease), transform .8s var(--ease);position:absolute;inset:0}.panel:hover .panel-art{opacity:.55;transform:scale(1.04)}.art-rings{background:repeating-radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--clr) 50%, transparent) 0 1px, transparent 1px 34px)}.art-grid{background:linear-gradient(color-mix(in srgb, var(--clr) 40%, transparent) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, color-mix(in srgb, var(--clr) 40%, transparent) 1px, transparent 1px) 0 0 / 40px 40px;-webkit-mask-image:radial-gradient(circle at 80% 15%,#000,#0000 70%);mask-image:radial-gradient(circle at 80% 15%,#000,#0000 70%)}.art-bars{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--clr) 45%, transparent) 0 6px, transparent 6px 28px);-webkit-mask-image:linear-gradient(#000 0%,#0000 60%);mask-image:linear-gradient(#000 0%,#0000 60%)}.art-diag{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--clr) 45%, transparent) 0 2px, transparent 2px 22px);-webkit-mask-image:radial-gradient(circle at 90% 0,#000,#0000 65%);mask-image:radial-gradient(circle at 90% 0,#000,#0000 65%)}.art-dots{background:radial-gradient(color-mix(in srgb, var(--clr) 60%, transparent) 1.5px, transparent 1.5px) 0 0 / 22px 22px;-webkit-mask-image:radial-gradient(circle at 85% 10%,#000,#0000 65%);mask-image:radial-gradient(circle at 85% 10%,#000,#0000 65%)}.panel-body{z-index:1;background:linear-gradient(to top, var(--bg-3) 55%, transparent);flex-direction:column;gap:.8rem;padding:clamp(1.5rem,2.6vw,2.25rem);display:flex;position:relative}.panel-cat{font-family:var(--f-mono);color:var(--clr);letter-spacing:.04em;font-size:.74rem}.panel h3{font-size:clamp(1.5rem,2.2vw,2rem);font-weight:600}.panel p{color:var(--txt-2);max-width:48ch;font-size:.95rem;line-height:1.65}.panel-tags{flex-wrap:wrap;gap:.4rem;margin-top:.2rem;display:flex}.panel-tags li{font-family:var(--f-mono);color:var(--txt-2);border:1px solid var(--line-s);border-radius:var(--r-pill);padding:.25rem .65rem;font-size:.7rem}.panel-link{color:var(--txt);align-items:center;gap:.5rem;margin-top:.6rem;font-size:.9rem;font-weight:700;display:inline-flex}.panel-link i{transition:transform var(--t) var(--ease)}.panel:hover .panel-link i{transform:translate(4px)}.experience{padding-block:var(--sec-pad)}.timeline{position:relative}.tl-rail{background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:clamp(84px,11vw,150px)}.tl-rail span{background:var(--accent);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.tl-row{grid-template-columns:clamp(84px,11vw,150px) 1fr;gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(2rem,3.5vw,3rem);display:grid}.tl-row+.tl-row{border-top:1px solid var(--line)}.tl-when{font-family:var(--f-head);letter-spacing:-.02em;padding-right:1.5rem;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:600;line-height:1.1}.tl-when span{color:var(--txt-3);font-size:.6em;font-weight:500}.tl-what{max-width:68ch;padding-left:clamp(1rem,3vw,2.5rem)}.tl-what h3{margin-bottom:.35rem;font-size:clamp(1.2rem,1.8vw,1.5rem)}.tl-org{font-family:var(--f-mono);color:var(--accent);margin-bottom:1rem;font-size:.78rem}.tl-what>p:not(.tl-org){color:var(--txt-2);font-size:.98rem;line-height:1.7}.chips{flex-wrap:wrap;gap:.4rem;margin-top:1.1rem;display:flex}.chips li{font-family:var(--f-mono);color:var(--txt-2);background:var(--surface-h);border-radius:var(--r-pill);padding:.25rem .65rem;font-size:.7rem}.process{padding-block:0 var(--sec-pad)}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.steps li{flex-direction:column;gap:.6rem;padding:2rem clamp(1rem,2vw,1.75rem) 0 0;display:flex}.steps li+li{border-left:1px solid var(--line);padding-left:clamp(1rem,2vw,1.75rem)}.step-num{font-family:var(--f-head);color:var(--accent);margin-bottom:.6rem;font-size:2.6rem;font-weight:600;line-height:1}.steps h3{font-size:1.1rem}.steps p{color:var(--txt-2);font-size:.9rem;line-height:1.6}.faq{padding-block:0 var(--sec-pad)}.faq-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.faq-grid .section-title{margin-bottom:0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-family:var(--f-head);letter-spacing:-.01em;transition:color var(--t);padding:1.15rem 2.5rem 1.15rem 0;font-size:clamp(1.05rem,1.4vw,1.2rem);font-weight:600;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-family:var(--f-mono);color:var(--accent);transition:transform var(--t) var(--ease);font-size:1.2rem;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.faq-list details[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq-list summary:hover{color:var(--accent)}.faq-list details p{color:var(--txt-2);max-width:62ch;padding:0 2.5rem 1.25rem 0;font-size:.97rem;line-height:1.7}.faq-list details a{color:var(--txt);text-underline-offset:3px;text-decoration:underline}.contact{padding-block:var(--sec-pad);border-top:1px solid var(--line);background:var(--bg-2)}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(3rem,7vw,7rem);display:grid}.contact-lead .section-title{margin-bottom:1.25rem}.contact-lead>p{color:var(--txt-2);max-width:44ch;margin-bottom:2.25rem;font-size:1.02rem;line-height:1.7}.contact-links{flex-direction:column;display:flex}.contact-row{border-top:1px solid var(--line);transition:padding-left var(--t) var(--ease), color var(--t);flex-direction:column;gap:.2rem;padding-block:1.1rem;display:flex}.contact-links li:last-child .contact-row{border-bottom:1px solid var(--line)}.contact-row:hover{color:var(--accent);padding-left:.5rem}.contact-label{font-family:var(--f-mono);color:var(--txt-3);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.contact-value{word-break:break-all;font-size:1.05rem;font-weight:500}.contact-form{flex-direction:column;gap:1.2rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--txt);font-size:.85rem;font-weight:700}.form-group input,.form-group textarea{background:var(--bg);border:1px solid var(--line-s);border-radius:var(--r-in);width:100%;font-family:var(--f-body);color:var(--txt);transition:border-color var(--t), box-shadow var(--t);resize:vertical;padding:.85rem 1rem;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--aR),.18)}.form-group input[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:#e5484d}.form-help{color:var(--txt-3);font-size:.8rem}.form-msg{border-radius:var(--r-in);padding:.8rem 1rem;font-size:.9rem;font-weight:600;display:none}.form-msg.success{color:#3ddc84;background:#3ddc841a;border:1px solid #3ddc8440;display:block}.form-msg.error{color:#ff7a80;background:#e5484d1a;border:1px solid #e5484d4d;display:block}[data-theme=light] .form-msg.success{color:#157a44}[data-theme=light] .form-msg.error{color:#b3261e}.footer{border-top:1px solid var(--line);padding-block:2.25rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.footer-copy{color:var(--txt-3);font-size:.85rem}.footer-social{gap:.5rem;display:flex}.footer-social a{border-radius:var(--r-pill);border:1px solid var(--line-s);width:38px;height:38px;color:var(--txt-2);transition:color var(--t), background var(--t), border-color var(--t);place-items:center;font-size:.85rem;display:grid}.footer-social a:hover{color:var(--txt);background:var(--surface-h);border-color:var(--txt-3)}.back-top{z-index:500;border-radius:var(--r-pill);background:var(--accent);width:44px;height:44px;color:var(--on-accent);opacity:0;pointer-events:none;transition:opacity var(--t), transform var(--t) var(--ease);place-items:center;font-size:.85rem;display:grid;position:fixed;bottom:1.75rem;right:1.75rem;transform:translateY(12px)}.back-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (max-width:1100px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-lead{position:static}.cap:nth-child(2n){top:0}.cap-grid{padding-bottom:0}.skill-cols{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:0}.steps li{padding-bottom:2rem}.steps li:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.steps li:nth-child(4){border-top:1px solid var(--line)}}@media (max-width:900px){.nav-menu{display:none}.nav-toggle{display:flex}.btn-sm span{display:none}.btn-sm{padding:.55rem .8rem}.hero{min-height:auto;padding-top:68px}.hero:before{width:90vw;height:90vw;top:-5%;right:-30%}.hero-inner{grid-template-columns:1fr;gap:1rem;padding-top:1rem}.hero-visual{aspect-ratio:auto;order:-1;height:min(52vh,440px);min-height:300px;max-height:none}.hero-copy,.hero-title{max-width:none}.band-list{grid-template-columns:repeat(2,1fr)}.band-list li+li{border-left:0}.band-list li:nth-child(2n){border-left:1px solid var(--line)}.band-list li:nth-child(n+3){border-top:1px solid var(--line)}.cap-grid{grid-template-columns:1fr}.pan-wrap{min-height:auto;padding-block:var(--sec-pad);overflow:visible}.pan-head{flex-direction:column;align-items:flex-start;gap:.5rem}.pan-track{padding-inline:var(--gutter);flex-direction:column;transform:none!important}.panel{flex-basis:auto;min-height:360px}.tl-rail{display:none}.tl-row{grid-template-columns:1fr;gap:.75rem}.tl-when{font-size:1.3rem}.tl-when br{display:none}.tl-when span{margin-left:.5rem}.tl-what{padding-left:0}.contact-grid{grid-template-columns:1fr;gap:3rem}.faq-grid{grid-template-columns:1fr;gap:2rem}.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.section-title{font-size:1.9rem}.hero-title{font-size:clamp(2.1rem,9vw,2.75rem)}.hero-cta{flex-direction:column;align-items:stretch}.skill-cols{grid-template-columns:1fr;gap:1.5rem}.steps{grid-template-columns:1fr}.steps li+li{border-left:0;border-top:1px solid var(--line);padding-left:0}.form-row{grid-template-columns:1fr}.back-top{bottom:1.1rem;right:1.1rem}.band-list strong{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}.marquee-track{animation:none!important}.loader{display:none!important}.stack-canvas,.stack-tag,.hero-floor{opacity:1!important}}.project-hero{align-items:center;min-height:60vh;padding:clamp(8rem,14vw,11rem) 0 clamp(5rem,8vw,7rem);display:flex;position:relative;overflow:hidden}.project-hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.ph-aurora{background:radial-gradient(ellipse 70% 60% at 20% 40%, var(--project-clr-alpha) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 80% 60%, var(--project-clr-alpha2) 0%, transparent 60%);animation:12s ease-in-out infinite phFloat;position:absolute;inset:0}@keyframes phFloat{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.ph-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.project-hero-content{z-index:1;max-width:760px;position:relative}.ph-back{font-family:var(--f-body);color:var(--txt-3);letter-spacing:.06em;text-transform:uppercase;transition:color var(--t), transform var(--t);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.8rem;font-weight:700;display:inline-flex}.ph-back:hover{color:var(--txt-2);transform:translate(-3px)}.ph-back i{font-size:.75rem}.ph-badge{font-family:var(--f-body);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--project-border);background:var(--project-bg);color:var(--project-clr);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35em 1em;font-size:.72rem;font-weight:700;display:inline-flex}.ph-title{letter-spacing:-.04em;color:var(--txt);margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.05}.ph-subtitle{color:var(--txt-2);max-width:620px;margin-bottom:2rem;font-size:clamp(.95rem,1.6vw,1.15rem);line-height:1.75}.ph-meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ph-tag{font-family:var(--f-body);color:var(--txt-2);background:var(--surface);border:1px solid var(--line);border-radius:100px;align-items:center;gap:.45rem;padding:.35em 1em;font-size:.78rem;font-weight:700;display:inline-flex}.ph-tag i{color:var(--project-clr);font-size:.75rem}.proj-section{padding-block:clamp(60px,8vw,100px)}.proj-section-alt{background:var(--bg-2)}.section-label{font-family:var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--project-clr);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.72rem;font-weight:700;display:flex}.section-label:before{content:"";background:var(--project-clr);border-radius:2px;width:20px;height:2px}.proj-heading{color:var(--txt);letter-spacing:-.025em;margin-bottom:1.5rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700}.proj-text{color:var(--txt-2);max-width:680px;font-size:clamp(.9rem,1.3vw,1rem);line-height:1.85}.proj-text+.proj-text{margin-top:1rem}.overview-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(3rem,6vw,5rem);display:grid}.overview-stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ov-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-surf);transition:border-color var(--t), transform var(--t);padding:1.5rem;position:relative;overflow:hidden}.ov-stat:before{content:"";background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--project-clr-alpha),transparent 70%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.ov-stat:hover{border-color:var(--project-border);transform:translateY(-3px)}.ov-stat:hover:before{opacity:1}.ov-stat-num{font-family:var(--f-head);color:var(--project-clr);margin-bottom:.35rem;font-size:2.25rem;font-weight:700;line-height:1}.ov-stat-label{font-family:var(--f-body);color:var(--txt-3);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:600}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem;display:grid}.feat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-surf);transition:border-color var(--t), transform var(--t), box-shadow var(--t);padding:1.75rem;position:relative;overflow:hidden}.feat-card:before{content:"";border-radius:inherit;background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--project-clr-alpha),transparent 70%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.feat-card:hover{border-color:var(--project-border);transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.feat-card:hover:before{opacity:1}.feat-icon{border-radius:var(--r-in);background:var(--project-bg);border:1px solid var(--project-border);width:48px;height:48px;color:var(--project-clr);transition:transform var(--t);z-index:1;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.2rem;display:flex;position:relative}.feat-card:hover .feat-icon{transform:scale(1.1)rotate(-5deg)}.feat-card h3{color:var(--txt);z-index:1;margin-bottom:.5rem;font-size:.95rem;font-weight:700;position:relative}.feat-card p{color:var(--txt-2);z-index:1;font-size:.83rem;line-height:1.7;position:relative}.tech-stack{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.tech-pill{font-family:var(--f-body);color:var(--txt-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-in);transition:color var(--t), background var(--t), border-color var(--t), transform var(--t);align-items:center;gap:.55rem;padding:.5em 1.1em;font-size:.83rem;font-weight:700;display:inline-flex}.tech-pill:hover{color:var(--project-clr);background:var(--project-bg);border-color:var(--project-border);transform:translateY(-2px)}.tech-pill i{color:var(--project-clr);font-size:1rem}.achievements-list{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.ach-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-surf);transition:border-color var(--t), transform var(--t);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.ach-item:hover{border-color:var(--project-border);transform:translate(4px)}.ach-icon{background:var(--project-bg);border:1px solid var(--project-border);width:36px;height:36px;color:var(--project-clr);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;font-size:.85rem;display:flex}.ach-item p{color:var(--txt-2);font-size:.9rem;line-height:1.7}.ach-item strong{color:var(--txt)}.role-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--project-clr);border-radius:var(--r-surf);margin-top:2rem;padding:2rem}.role-card h3{color:var(--txt);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.role-card ul{flex-direction:column;gap:.6rem;display:flex}.role-card li{color:var(--txt-2);align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.6;display:flex}.role-card li:before{content:"";background:var(--project-clr);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.45rem}.proj-cta{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding-block:clamp(60px,8vw,100px)}.proj-cta h2{color:var(--txt);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.proj-cta p{color:var(--txt-2);margin-bottom:2.5rem;max-width:520px;margin-inline:auto;font-size:clamp(.9rem,1.3vw,1rem);line-height:1.75}.cta-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (max-width:900px){.overview-grid{grid-template-columns:1fr}.features-grid,.overview-stats{grid-template-columns:1fr 1fr}}@media (max-width:640px){.features-grid{grid-template-columns:1fr}.overview-stats{grid-template-columns:1fr 1fr}.ph-title{font-size:2.25rem}.cta-btns{flex-direction:column;align-items:stretch}.btn{justify-content:center}.footer-inner{text-align:center;flex-direction:column;align-items:center}}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun,[data-theme=light] .theme-toggle .icon-moon{display:inline-block}.logo-icon{width:26px;height:26px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;opacity:.85;background:currentColor;flex-shrink:0}.logo-item{color:var(--txt-2)}.logo-item:hover{color:var(--txt)}.logo-item i{color:currentColor}.not-found{align-items:center;min-height:100dvh;padding-block:8rem 6rem;display:flex}.not-found .container{flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}.not-found-code{font-family:var(--f-mono);color:var(--accent);letter-spacing:.1em;font-size:.85rem}.not-found .section-title{margin-bottom:0}.not-found>.container>p{color:var(--txt-2);max-width:48ch;line-height:1.7}.not-found .hero-cta{margin-top:.5rem}.nav-back{color:var(--txt-2);border-radius:var(--r-pill);border:1px solid var(--line-s);transition:color var(--t), background var(--t);align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.88rem;font-weight:500;display:inline-flex}.nav-back:hover{color:var(--txt);background:var(--surface-h)}@media (max-width:640px){.nav-back{gap:0;padding:.55rem;font-size:0}.nav-back i{font-size:.85rem}}.gradient-text{color:var(--project-clr,var(--accent))}