:root{--bg: #060506;--bg-2: #0c0a0b;--bg-3: #121011;--ink: #f6f2ec;--ink-2: #c6bfb6;--ink-3: #8a8078;--ink-4: #5c554f;--surface: #121011;--surface-2: #171415;--surface-3: #1e1a1a;--stroke: rgba(246, 242, 236, .09);--stroke-strong: rgba(246, 242, 236, .2);--c-amber: #f0a13c;--c-amber-hi: #ffc46b;--c-copper: #c9714a;--c-clay: #a8532f;--c-sand: #d8b98c;--c-moss: #8a9a5b;--grad-text: linear-gradient(110deg, #fffaf2 0%, #f4e3c9 38%, #f0a13c 78%, #c9714a 100%);--grad-accent: linear-gradient(135deg, #ffc46b 0%, #f0a13c 45%, #c9714a 100%);--grad-line: linear-gradient(90deg, transparent, rgba(240, 161, 60, .55), rgba(201, 113, 74, .55), transparent);--r-xs: 8px;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-xl: 36px;--r-full: 999px;--shadow-glass: 0 24px 60px -20px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(246, 242, 236, .06);--shadow-lift: 0 40px 90px -30px rgba(0, 0, 0, .9), 0 0 0 1px rgba(246, 242, 236, .06);--glow-amber: 0 0 60px -12px rgba(240, 161, 60, .5);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--font-display: "Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-serif: "Instrument Serif", ui-serif, Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--nav-h: 74px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;scroll-behavior:smooth}::selection{background:#f0a13c52;color:#fffaf2}.bg-stage{position:fixed;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(1300px 900px at 78% -12%,rgba(var(--amb-a, 240, 161, 60),calc(.05 * var(--amb-i, 1))),transparent 62%),radial-gradient(1000px 700px at -12% 108%,rgba(var(--amb-b, 201, 113, 74),calc(.04 * var(--amb-i, 1))),transparent 62%),radial-gradient(820px 620px at 50% 46%,rgba(var(--amb-a, 240, 161, 60),calc(.022 * var(--amb-i, 1))),transparent 70%),linear-gradient(180deg,#060506,#0b0809 55%,#060506)}.aurora{position:absolute;inset:-25%;pointer-events:none;opacity:.18;mix-blend-mode:screen;will-change:transform}.aurora.a1{background:conic-gradient(from 210deg at 30% 30%,transparent 0deg,rgba(240,161,60,.24) 70deg,transparent 150deg,rgba(216,185,140,.14) 240deg,transparent 330deg);filter:blur(90px);animation:aurora-drift-a 34s var(--ease-io) infinite}.aurora.a2{background:conic-gradient(from 40deg at 72% 68%,transparent 0deg,rgba(201,113,74,.2) 90deg,transparent 190deg,rgba(168,83,47,.22) 280deg,transparent 360deg);filter:blur(110px);animation:aurora-drift-b 46s var(--ease-io) infinite;opacity:.2}@keyframes aurora-drift-a{0%,to{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(3%,-4%,0) rotate(22deg) scale(1.12)}}@keyframes aurora-drift-b{0%,to{transform:translateZ(0) rotate(0) scale(1.05)}50%{transform:translate3d(-4%,3%,0) rotate(-18deg) scale(.95)}}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.2;will-change:transform}.blob.b1{width:520px;height:520px;background:#8a5220;top:-120px;left:-120px;animation:float1 22s ease-in-out infinite}.blob.b2{width:480px;height:480px;background:#6d3a22;bottom:-160px;right:-100px;animation:float2 26s ease-in-out infinite}.blob.b3{width:380px;height:380px;background:#5c4a2a;top:40%;right:25%;animation:float3 30s ease-in-out infinite;opacity:.16}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.1)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-30px) scale(1.08)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,50px) scale(.92)}}.bg-grid{position:fixed;inset:-60px;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,black 20%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,black 20%,transparent 78%);animation:grid-crawl 40s linear infinite;will-change:transform}@keyframes grid-crawl{0%{transform:translateZ(0)}to{transform:translate3d(0,68px,0)}}.bg-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;margin:0}h1{font-size:clamp(42px,6.4vw,92px);line-height:.98;letter-spacing:-.042em}h2{font-size:clamp(30px,4vw,56px);line-height:1.04;letter-spacing:-.036em}h3{font-size:clamp(19px,1.8vw,24px);line-height:1.25;letter-spacing:-.02em}p{margin:0;color:var(--ink-2)}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3)}.eyebrow:before{content:"";width:24px;height:1px;background:var(--ink-4)}.grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.mono{font-family:var(--font-mono)}.container{max-width:1240px;margin:0 auto;padding:0 32px}.section{padding:120px 0;position:relative}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px;gap:32px;flex-wrap:wrap}.section-head h2{max-width:18ch}.section-head .lead{max-width:44ch;color:var(--ink-3)}.nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:6px;padding:8px 10px 8px 18px;background:#0c0c188c;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--stroke);border-radius:999px;box-shadow:0 8px 30px #0006}.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--ink);text-decoration:none;padding-right:14px;border-right:1px solid var(--stroke);margin-right:4px}.nav-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--grad-accent);box-shadow:0 0 12px #f0a13ccc}.nav-links{display:flex;gap:2px}.nav-link{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none;transition:all .2s ease;position:relative}.nav-link:hover{color:var(--ink);background:#ffffff0a}.nav-link.active{color:var(--ink);background:#ffffff14;box-shadow:inset 0 1px #ffffff1a}.nav-cta{margin-left:6px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--bg);background:var(--grad-text);text-decoration:none;transition:transform .2s ease,filter .2s ease}.nav-cta:hover{transform:translateY(-1px);filter:brightness(1.1)}@media(max-width:720px){.nav{gap:0;padding:6px 6px 6px 14px}.nav-brand{padding-right:10px;font-size:14px}.nav-link{padding:6px 10px;font-size:13px}.nav-cta{padding:7px 12px;font-size:13px}}.glass{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-md);box-shadow:var(--shadow-glass);position:relative}.glass:before{content:none}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary{color:#0a0a14;background:var(--grad-text);box-shadow:0 10px 30px -10px #f0a13c80}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px #f0a13cb3}.btn-ghost{color:var(--ink);background:var(--glass);border:1px solid var(--stroke-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.btn-ghost:hover{background:var(--glass-strong);border-color:#ffffff3d}.btn .arr{width:14px;height:14px;transition:transform .25s ease}.btn:hover .arr{transform:translate(2px,-2px)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}.reveal[data-delay="1"]{transition-delay:.08s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}.reveal[data-delay="5"]{transition-delay:.4s}.footer{padding:40px 0 32px;border-top:1px solid var(--stroke);margin-top:40px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.footer-brand{font-family:var(--font-display);font-weight:600;color:var(--ink)}.footer-meta{font-family:var(--font-mono);font-size:12px;color:var(--ink-4);letter-spacing:.05em}.footer-links{display:flex;gap:22px}.footer-links a{font-size:13px;color:var(--ink-3);text-decoration:none;transition:color .2s ease}.cursor-spot{position:fixed;top:0;left:0;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(240,161,60,.12),rgba(201,113,74,.06) 30%,transparent 60%);mix-blend-mode:screen;filter:blur(20px);will-change:transform}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--grad-text);transform-origin:0 50%;transform:scaleX(0);z-index:100;box-shadow:0 0 12px #f0a13c99}[data-split=words] .word{display:inline-block;opacity:0;transform:translateY(80%) rotateX(-30deg);transform-origin:0 50%;transition:opacity .8s cubic-bezier(.2,.6,.2,1) var(--wd, 0s),transform .9s cubic-bezier(.2,.6,.2,1) var(--wd, 0s);will-change:transform,opacity}[data-split=words].in .word{opacity:1;transform:translateY(0) rotateX(0)}.grad-text .word{background:var(--grad-text);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:grad-flow 8s ease-in-out infinite}.grad-text{background-size:100% 100%!important}.tilt{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.6,.2,1);will-change:transform;position:relative}.tilt .sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:background .2s ease;mix-blend-mode:overlay}.tilt>*{transform:translateZ(0)}.magnetic{will-change:transform;transition:transform .5s cubic-bezier(.2,.6,.2,1)}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;background:linear-gradient(135deg,#f0a13c,#ffc46b);border-radius:50%;filter:blur(.3px);box-shadow:0 0 6px #d8b98c80;animation:drift linear infinite}@keyframes drift{0%{transform:translate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translate(-80px,-120vh);opacity:0}}.shimmer{position:relative;background:linear-gradient(90deg,var(--ink) 0%,var(--c-cyan) 50%,var(--ink) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 3.5s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.pulse-ring{position:relative}.pulse-ring:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1px solid rgba(240,161,60,.5);animation:pulse-ring 2.4s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.float-y{animation:float-y 6s ease-in-out infinite}.float-y.slow{animation-duration:9s}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.glow-pulse:hover{box-shadow:0 0 #f0a13c80;animation:glow-pulse 1.6s ease-out infinite}@keyframes glow-pulse{0%{box-shadow:0 0 #f0a13c80}to{box-shadow:0 0 0 24px #f0a13c00}}.scramble-trigger{cursor:pointer}.marquee-glow span{transition:color .3s ease,text-shadow .3s ease}.marquee-glow span:hover{color:var(--c-cyan)!important;text-shadow:0 0 24px rgba(201,113,74,.6)}.under-link{position:relative;text-decoration:none}.under-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--grad-accent);transform-origin:right;transform:scaleX(0);transition:transform .5s cubic-bezier(.2,.6,.2,1)}.under-link:hover:after{transform-origin:left;transform:scaleX(1)}.nav{animation:nav-in .9s cubic-bezier(.2,.6,.2,1) .1s both}@keyframes nav-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.word-stack{padding:140px 0 80px}.word-stack-eyebrow{margin-bottom:40px}.word-stack .wsw{font-family:var(--font-display);font-size:clamp(48px,9vw,140px);line-height:.98;letter-spacing:-.04em;font-weight:600;color:var(--ink);display:block;opacity:0;transform:translateY(60px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);will-change:transform,opacity}.word-stack .wsw.in{opacity:1;transform:translateY(0)}.word-stack .wsw.accent{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.word-stack .wsw.dim{color:var(--ink-3);font-weight:400}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:880px){.bento-grid{grid-template-columns:1fr}}.bento-card{display:flex;flex-direction:column;text-decoration:none!important;color:inherit;overflow:hidden;transition:transform .5s cubic-bezier(.2,.6,.2,1)}.bento-card *{text-decoration:none!important}.bento-vis{aspect-ratio:16 / 10;position:relative;background:linear-gradient(135deg,#f0a13c2e,#c9714a1a),repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 2px,transparent 2px 16px);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-bottom:1px solid var(--stroke)}.bento-glow{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}.bento-glow.a{background:#f0a13c;top:-60px;left:-60px}.bento-glow.b{background:#d8b98c;bottom:-60px;right:-60px}.bento-phone{width:36%;aspect-ratio:9 / 18;border-radius:18px 18px 0 0;border:1px solid rgba(255,255,255,.16);border-bottom:none;background:linear-gradient(160deg,#141420d9,#0a0a14a6);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff12;padding:16px 12px 0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1;transform:translateY(0);transition:transform .6s cubic-bezier(.2,.6,.2,1)}.bento-card:hover .bento-phone{transform:translateY(-6px)}.bp-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:32%;height:14px;border-radius:0 0 10px 10px;background:#000}.bp-bar{height:8px;border-radius:4px;background:#ffffff14}.bp-bar.w-50{width:50%}.bp-bar.w-70{width:70%}.bp-bar.w-90{width:90%}.bp-bar.accent{background:var(--grad-accent)}.bp-card{height:56px;border-radius:8px;background:linear-gradient(140deg,#f0a13c59,#c9714a26);border:1px solid rgba(255,255,255,.07)}.bp-card.lg{height:88px}.bp-row-mini{display:flex;gap:6px;margin-top:auto;padding-bottom:10px}.bp-row-mini span{flex:1;height:22px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06)}.bento-info{padding:26px 28px 28px;display:flex;flex-direction:column;gap:14px;flex:1}.bento-tags{display:flex;flex-wrap:wrap;gap:8px}.bento-title{font-family:var(--font-display);font-size:clamp(20px,1.6vw,24px);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0;color:var(--ink);text-wrap:balance}.bento-desc{font-size:14.5px;line-height:1.55;color:var(--ink-3);margin:0}.bento-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:12px}.bento-role{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.bento-arrow{width:36px;height:36px;border-radius:50%;background:var(--glass);border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center;color:var(--ink-2);transition:all .3s cubic-bezier(.2,.6,.2,1)}.bento-card:hover .bento-arrow{background:var(--grad-text);border-color:transparent;color:var(--bg);transform:rotate(-45deg)}.hover-preview-list{display:flex;flex-direction:column}.hp-row{display:flex;align-items:baseline;justify-content:space-between;gap:32px;padding:32px 0;border-bottom:1px solid var(--stroke);cursor:pointer;position:relative;text-decoration:none!important;color:inherit;transition:color .4s ease,padding .5s cubic-bezier(.2,.7,.2,1)}.hp-row *{text-decoration:none!important}.hp-row:hover{padding-left:24px}.hp-row:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:1px;background:var(--grad-text);transition:width .5s cubic-bezier(.2,.7,.2,1)}.hp-row:hover:before{width:14px}.hp-row .hp-num{font-family:var(--font-mono);font-size:13px;color:var(--ink-4);letter-spacing:.1em;flex-shrink:0;width:60px}.hp-row .hp-title{flex:1;font-family:var(--font-display);font-size:clamp(36px,5.5vw,80px);font-weight:600;line-height:1.05;letter-spacing:-.035em;color:var(--ink-3);transition:color .4s ease,transform .5s cubic-bezier(.2,.7,.2,1);text-wrap:balance}.hp-row:hover .hp-title{color:var(--ink)}.hp-row .hp-meta{flex-shrink:0;text-align:right;display:flex;flex-direction:column;gap:6px}.hp-row .hp-meta .role{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.hp-row .hp-meta .yr{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.preview-phone{width:100%;height:100%;position:relative;background:linear-gradient(160deg,#141420f2,#0a0a14f2);display:flex;flex-direction:column;gap:10px;padding:22px 18px;overflow:hidden}.preview-phone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 0%,rgba(240,161,60,.4),transparent 60%),radial-gradient(circle at 100% 100%,rgba(201,113,74,.3),transparent 60%);pointer-events:none}.preview-phone .pp-bar{height:8px;border-radius:4px;background:#ffffff14;position:relative;z-index:1}.preview-phone .pp-bar.w-50{width:50%}.preview-phone .pp-bar.w-70{width:70%}.preview-phone .pp-bar.w-90{width:90%}.preview-phone .pp-bar.accent{background:var(--grad-accent)}.preview-phone .pp-card{height:90px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(140deg,#f0a13c66,#c9714a26);position:relative;z-index:1}[data-clip]{display:inline-block}.clip-mask{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:inherit}.clip-inner{display:inline-block;transform:translateY(110%);transition:transform 1.1s cubic-bezier(.2,.7,.2,1) var(--clip-d, 0s);will-change:transform}.clip-in .clip-inner{transform:translateY(0)}.hscroll{position:relative}.hscroll-pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}.hscroll-track{display:flex;gap:48px;padding:0 6vw;will-change:transform}.hscroll-panel{flex-shrink:0;width:72vw;max-width:1100px;height:70vh;display:flex;align-items:stretch}.mega-marquee{position:relative;overflow:hidden;padding:80px 0;border-block:1px solid var(--stroke);background:#08081066}.mega-marquee .mm-row{display:flex;gap:72px;white-space:nowrap;animation:mm-roll 28s linear infinite;width:max-content}.mega-marquee .mm-row.reverse{animation-direction:reverse;animation-duration:36s}.mega-marquee .mm-row+.mm-row{margin-top:28px}.mega-marquee span{font-family:var(--font-display);font-size:clamp(56px,9vw,140px);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink);-webkit-text-stroke:1px var(--ink-4);-webkit-text-fill-color:transparent;text-fill-color:transparent}.mega-marquee .mm-row.solid span{-webkit-text-fill-color:var(--ink);text-fill-color:var(--ink);color:var(--ink)}.mega-marquee .mm-row.solid span:nth-child(2n){background:var(--grad-text);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:grad-flow 8s ease-in-out infinite}.mega-marquee .star{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;-webkit-text-stroke:0;-webkit-text-fill-color:var(--c-iris)}@keyframes mm-roll{to{transform:translate(-50%)}}.boot-overlay{position:fixed;inset:0;z-index:9999;background:#04040a;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);transition:opacity .8s ease}.boot-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 500px at 50% 50%,rgba(240,161,60,.15),transparent 60%),radial-gradient(600px 400px at 50% 80%,rgba(201,113,74,.08),transparent 60%);pointer-events:none}.boot-overlay.fade-out{opacity:0;pointer-events:none}.boot-frame{width:min(600px,92vw);background:#0a0a14f2;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 30px 100px #f0a13c40,inset 0 1px #ffffff14;position:relative;z-index:1;animation:bootFrame .6s cubic-bezier(.2,.6,.2,1)}@keyframes bootFrame{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.boot-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.boot-header .td{width:11px;height:11px;border-radius:50%}.boot-header .d1{background:#ff5f57}.boot-header .d2{background:#febc2e}.boot-header .d3{background:#28c840}.boot-title{margin-left:12px;font-size:11px;color:#6a6a8a;letter-spacing:.04em}.boot-body{padding:22px 24px 20px;font-size:13px;line-height:1.85;color:#9b9bae;min-height:260px;font-variant-numeric:tabular-nums}.boot-line{animation:bootLineIn .25s ease-out;white-space:pre-wrap}.boot-line .ok{color:#4ade80;font-weight:700}.boot-line .hl{color:#c4b5fd}.boot-line .dim{color:#5a5a78}@keyframes bootLineIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.boot-bar{height:2px;background:#ffffff0a;position:relative;overflow:hidden}.boot-bar-fill{position:absolute;inset:0;background:var(--grad-text);transform-origin:0 50%;transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}html.has-custom-cursor,html.has-custom-cursor body,html.has-custom-cursor *{cursor:none!important}html.has-custom-cursor input,html.has-custom-cursor textarea{cursor:text!important}.cur-dot,.cur-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9998;will-change:transform,width,height;opacity:0;transition:opacity .25s ease}.cur-dot.on,.cur-ring.on{opacity:1}.cur-dot{width:6px;height:6px;border-radius:50%;background:#fff}.cur-ring{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);border-radius:999px;transition:opacity .25s ease,border-radius .35s cubic-bezier(.2,.6,.2,1),border-color .25s ease;display:flex;align-items:center;justify-content:center}.cur-ring.snap{border-radius:14px;border-color:#c4b5fdf2;background:#f0a13c0f}.cur-ring.press{transform:scale(.85)!important}.cur-label{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#fffc;opacity:0;transition:opacity .25s ease}.cur-ring.has-label .cur-label{opacity:1}.ide{padding:0;overflow:hidden;transform:perspective(1400px) rotateY(-6deg) rotateX(3deg)}.ide-header{display:flex;align-items:center;background:#ffffff05;border-bottom:1px solid var(--stroke)}.ide-traffic{display:flex;gap:8px;padding:12px 16px;border-right:1px solid var(--stroke)}.ide-traffic .td{width:11px;height:11px;border-radius:50%}.ide-traffic .d1{background:#ff5f57}.ide-traffic .d2{background:#febc2e}.ide-traffic .d3{background:#28c840}.ide-tabs{display:flex;gap:0;flex:1;overflow:hidden}.ide-tab{padding:12px 18px 12px 14px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.02em;cursor:pointer;border-right:1px solid var(--stroke);display:flex;align-items:center;gap:8px;transition:all .25s ease;position:relative;white-space:nowrap}.ide-tab:hover{color:var(--ink-2);background:#ffffff05}.ide-tab.active{color:var(--ink);background:#ffffff0a}.ide-tab.active:after{content:"";position:absolute;inset:auto 0 0;height:1.5px;background:var(--grad-text)}.ide-tab .tab-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-4);transition:background .25s ease}.ide-tab.active .tab-dot{background:#c4b5fd;box-shadow:0 0 8px #c4b5fdb3}.ide-body{padding:20px 20px 22px;font-family:var(--font-mono);font-size:13px;line-height:1.75;min-height:280px}.ide-body .kw{color:#c084fc}.ide-body .fn{color:#ffc46b}.ide-body .str{color:#fbbf24}.ide-body .cm{color:var(--ink-4);font-style:italic}.ide-body .ty{color:#f0abfc}.ide-body .pn{color:var(--ink-3)}.ide-row{display:block}.ide-row .ln{color:var(--ink-4);margin-right:14px;-webkit-user-select:none;user-select:none;font-size:11px}.ide-row .caret{display:inline-block;width:7px;height:1em;background:#ffc46b;margin-left:1px;vertical-align:-3px;animation:blink 1s steps(2) infinite;box-shadow:0 0 8px #ffc46b}.ide-status{display:flex;align-items:center;gap:14px;padding:8px 16px;background:#0000004d;border-top:1px solid var(--stroke);font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.04em}.ide-status .status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:pulse 1.8s ease-in-out infinite}.ide-status .spacer{flex:1}[data-glitch]{font-variant-ligatures:none}html.page-loading body{opacity:0}html.page-loaded body{opacity:1;transition:opacity .5s ease}html.page-leaving body{opacity:0;transform:translateY(-12px);transition:opacity .3s ease,transform .3s ease}.spacer-sm{height:32px}.spacer-md{height:64px}.spacer-lg{height:120px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--stroke);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pill .live-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}html,body{background:transparent!important}html{background-color:var(--bg)!important}html.page-loading body,html.page-leaving body{opacity:1!important;transform:none!important}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.route-shell{min-height:100vh;position:relative;z-index:1}.page-enter{animation:pageIn .65s cubic-bezier(.22,1,.36,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(28px) scale(.985);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}.blob.mouse-parallax{transition:transform .15s ease-out}.particles-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.nav-indicator{position:absolute;inset:4px;border-radius:999px;background:#f6f2ec14;box-shadow:inset 0 1px #f6f2ec1f;z-index:-1}.hero{min-height:100vh;display:flex;align-items:center;padding-top:120px;padding-bottom:80px}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px}}.hero h1 .typed-wrap{display:inline-flex;align-items:baseline;gap:4px;vertical-align:top}.typed-stack{display:inline-grid;vertical-align:top}.typed-stack>*{grid-area:1 / 1;white-space:pre}.typed-stack .typed{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;min-height:1.02em}.typed-stack .typed-ghost{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.hero h1 .typed{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;min-height:1.02em}.caret{display:inline-block;width:4px;height:.85em;background:#ffc46b;margin-left:6px;transform:translateY(2px);border-radius:2px;animation:blink 1s steps(2) infinite;box-shadow:0 0 12px #ffc46b}@keyframes blink{50%{opacity:0}}.hero-sub{margin-top:28px;font-size:18px;line-height:1.6;color:var(--ink-2);max-width:48ch}.hero-meta{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-cta{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap}.stats{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--stroke);border:1px solid var(--stroke);border-radius:var(--r-md);overflow:hidden}@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{padding:28px 24px;background:#0c0c1873}.stat .num{font-family:var(--font-display);font-size:36px;font-weight:600;letter-spacing:-.03em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.stat .lbl{margin-top:6px;font-size:13px;color:var(--ink-3)}.marquee-wrap{margin-top:28px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.about-hero{padding-top:160px;padding-bottom:60px}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:flex-start}@media(max-width:980px){.about-grid{grid-template-columns:1fr}}.portrait{aspect-ratio:4 / 5;border-radius:var(--r-lg);position:relative;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(168,83,47,.4),transparent 50%),radial-gradient(circle at 80% 80%,rgba(201,113,74,.3),transparent 50%),linear-gradient(160deg,#f6f2ec0f,#f6f2ec05);border:1px solid var(--stroke-strong);display:flex;align-items:center;justify-content:center}.portrait .placeholder{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding:8px 14px;border:1px dashed var(--stroke-strong);border-radius:999px;background:#0000004d}.portrait .ring{position:absolute;inset:12px;border-radius:calc(var(--r-lg) - 8px);border:1px solid rgba(246,242,236,.1);pointer-events:none}.about-body p+p{margin-top:16px}.about-body p{font-size:17px;line-height:1.65;color:var(--ink-2)}.about-body p strong{color:var(--ink);font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:860px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.skills-grid{grid-template-columns:1fr}}.skill-card{padding:24px}.skill-card .icn{width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,#a8532f40,#c9714a26);border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-family:var(--font-mono);font-size:18px;font-weight:600;color:#c4b5fd}.skill-card h3{font-size:17px;margin-bottom:6px}.skill-card p{font-size:14px;color:var(--ink-3);line-height:1.5}.skill-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}.tag{font-family:var(--font-mono);font-size:11px;padding:4px 9px;border-radius:6px;background:#f6f2ec0a;border:1px solid var(--stroke);color:var(--ink-2)}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,transparent,var(--stroke-strong) 10%,var(--stroke-strong) 90%,transparent)}.tl-item{position:relative;padding-bottom:40px}.tl-item:before{content:"";position:absolute;left:-28px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--c-clay);box-shadow:0 0 0 4px #a8532f26,0 0 16px #a8532f80}.tl-item .when{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}.tl-item h3{margin-top:8px;font-size:20px}.tl-item .where{font-size:14px;color:var(--ink-2);margin-top:2px}.tl-item p{margin-top:10px;font-size:14px;color:var(--ink-3);line-height:1.6;max-width:55ch}.quote{padding:56px 64px;text-align:center;font-family:var(--font-display);font-size:clamp(24px,3vw,36px);line-height:1.3;font-weight:500;letter-spacing:-.02em}.quote .mark{font-size:72px;line-height:0;color:var(--c-clay);vertical-align:-10px;margin-right:8px;font-family:serif}.projects-hero{padding-top:160px;padding-bottom:40px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.chip{padding:8px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--stroke);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chip.active{background:var(--grad-text);color:var(--bg);border-color:transparent}.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:56px}@media(max-width:880px){.proj-grid{grid-template-columns:1fr}}.proj-card{padding:28px;display:flex;flex-direction:column;gap:22px;text-decoration:none;color:inherit;cursor:pointer}.proj-vis{aspect-ratio:16 / 11;border-radius:var(--r-sm);position:relative;overflow:hidden;border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center}.proj-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.proj-meta .left{display:flex;gap:8px;flex-wrap:wrap}.proj-title{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;justify-content:space-between;gap:12px}.proj-desc{font-size:14px;color:var(--ink-3);line-height:1.6}.proj-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.proj-stat .v{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink)}.proj-stat .k{font-size:11px;color:var(--ink-4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.oss-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:740px){.oss-list{grid-template-columns:1fr}}.oss-card{padding:22px 24px;display:flex;flex-direction:column;gap:10px}.oss-name{font-family:var(--font-mono);font-size:14px;color:var(--ink);font-weight:500}.oss-stars{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.oss-desc{font-size:13.5px;color:var(--ink-3);line-height:1.55}.contact-hero{padding-top:160px;padding-bottom:80px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:flex-start}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}.email-card{padding:40px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}.email-card .glow{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}.email-card .g1{background:#a8532f;top:-120px;right:-80px}.email-card .g2{background:#c9714a;bottom:-120px;left:-80px}.email-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3)}.email-value{font-family:var(--font-display);font-size:clamp(24px,3.4vw,36px);font-weight:500;letter-spacing:-.025em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-all;text-decoration:none}.email-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.icon-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--stroke);color:var(--ink-2);font-size:13px;font-family:var(--font-mono);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-decoration:none}.icon-btn:hover{color:var(--ink);background:var(--glass-strong)}.icon-btn.copied{color:#4ade80;border-color:#4ade804d}.icon-btn svg{width:14px;height:14px}.meta-stack{display:flex;flex-direction:column;gap:16px}.meta-card{padding:24px 26px;display:flex;align-items:center;gap:18px}.meta-card .ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,#a8532f40,#c9714a26);border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center;color:#c4b5fd;flex-shrink:0}.meta-card .ic svg{width:18px;height:18px}.meta-card .k{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}.meta-card .v{font-family:var(--font-display);font-size:17px;color:var(--ink);margin-top:4px;font-weight:500}.socials{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:700px){.socials{grid-template-columns:repeat(2,1fr)}}.social-card{padding:22px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}.form-card{padding:36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:8px}.field label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}.field input,.field textarea,.field select{padding:14px 16px;border-radius:12px;background:#f6f2ec08;border:1px solid var(--stroke);color:var(--ink);font-family:var(--font-body);font-size:15px;transition:all .2s ease}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#a8532f80;background:#a8532f0f;box-shadow:0 0 0 4px #a8532f1a}.field textarea{resize:vertical;min-height:120px}.success{margin-top:20px;padding:16px 20px;background:#4ade8014;border:1px solid rgba(74,222,128,.25);border-radius:12px;color:#86efac;font-size:14px;display:none;align-items:center;gap:12px}.success.show{display:flex}.faq-list{display:flex;flex-direction:column;gap:12px}.faq{padding:22px 26px}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-family:var(--font-display);font-size:17px;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq .answer{margin-top:14px;padding-top:14px;border-top:1px solid var(--stroke);font-size:15px;color:var(--ink-3);line-height:1.6}.hscroll-pin{position:relative;height:260vh}.hscroll-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:28px;overflow:hidden;padding:60px 0 32px}.hscroll-head{flex-shrink:0}.hscroll-head h2{max-width:22ch}.hscroll-track-wrap{overflow:hidden;width:100%}.page-curtain{position:fixed;inset:0;z-index:80;background:radial-gradient(800px 500px at 50% 50%,rgba(168,83,47,.2),transparent 60%),linear-gradient(180deg,#0c0c18,#04040a);display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform}.page-curtain:before,.page-curtain:after{content:"";position:absolute;left:0;right:0;height:80px}.page-curtain:before{top:-1px;background:linear-gradient(180deg,rgba(216,185,140,.4),transparent)}.page-curtain:after{bottom:-1px;background:linear-gradient(0deg,rgba(240,171,252,.3),transparent)}.page-curtain-inner{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.curtain-eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.3em;color:var(--ink-3)}.curtain-label{font-family:var(--font-display);font-size:clamp(40px,7vw,96px);font-weight:600;letter-spacing:-.04em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.curtain-bars{display:flex;gap:8px;margin-top:12px}.curtain-bars span{width:28px;height:3px;border-radius:2px;background:linear-gradient(90deg,#f0a13c,#ffc46b);animation:barPulse .9s ease-in-out infinite}.curtain-bars span:nth-child(2){animation-delay:.12s}.curtain-bars span:nth-child(3){animation-delay:.24s}.curtain-bars span:nth-child(4){animation-delay:.36s}@keyframes barPulse{0%,to{transform:scaleX(.4);opacity:.4}50%{transform:scaleX(1);opacity:1}}.cursor-trail{position:fixed;inset:0;pointer-events:none;z-index:60;mix-blend-mode:screen}.hover-preview{position:fixed;top:0;left:0;width:auto;height:auto;max-width:60vw;transform:translate(-50%,calc(-100% - 18px));padding:8px 14px;border-radius:999px;background:#0c0c18d9;border:1px solid var(--stroke-strong);color:var(--ink);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;pointer-events:none;z-index:70;opacity:0;scale:.8;transition:opacity .18s ease,scale .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;overflow:visible;box-shadow:0 12px 30px #00000080,0 0 0 1px #f6f2ec0a inset}.hover-preview.on{opacity:1;scale:1}.underline-draw{display:block;margin-top:12px;max-width:100%;height:auto}.proj-swap{position:relative;perspective:1400px;display:grid;grid-template-rows:1fr;align-items:stretch;height:100%}.proj-swap>*{grid-row:1;grid-column:1}.proj-swap-pane{width:100%;height:100%;transform-style:preserve-3d;display:flex}.proj-swap-pane>*{flex:1}.proj-card-back{position:relative;min-height:100%;height:100%;padding:28px;border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:22px;border:1px solid var(--stroke-strong);background:linear-gradient(140deg,#a8532f2e,#c9714a1a),#0c0c18e6;box-sizing:border-box}.proj-back-glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(80px);opacity:.45;top:-120px;right:-120px;pointer-events:none;z-index:0}.proj-back-top{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}.proj-back-title{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,2.4vw,32px);line-height:1.1;letter-spacing:-.02em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.proj-back-desc{margin:0;font-size:14px;line-height:1.55;color:var(--ink-3);max-width:38ch}.proj-back-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:1}.proj-back-stat .v{font-family:var(--font-display);font-size:22px;font-weight:600;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.proj-back-stat .k{margin-top:4px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.proj-back-foot{display:flex;justify-content:flex-end;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--stroke);font-size:13px;color:var(--ink-3);font-family:var(--font-mono);position:relative;z-index:1}.proj-back-arrow{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.hscroll-track{display:flex;gap:28px;padding:0 32px;will-change:transform}.hscroll-card{flex:0 0 min(420px,78vw);padding:32px;min-height:380px;display:flex;flex-direction:column;justify-content:space-between}.shader-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;opacity:.75}.click-burst-canvas{position:fixed;inset:0;z-index:65;pointer-events:none;mix-blend-mode:screen}.orbit-stage{position:absolute;top:45%;left:35%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.orbit-track{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.orbit-anchor{position:absolute;top:50%;transform:translateY(-50%)}@media(max-width:980px){.orbit-stage{display:none}}.cursor-spotlight{position:fixed;inset:0;pointer-events:none;z-index:0;mix-blend-mode:screen;background:radial-gradient(400px circle at var(--cx, 50%) var(--cy, 50%),rgba(168,83,47,.18),rgba(201,113,74,.06) 30%,transparent 60%);transition:background .05s linear}@keyframes ideFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ide-floater{animation:ideFloat 7s ease-in-out infinite;will-change:transform}.grad-text{background-size:200% 100%!important;animation:gradShift 8s ease-in-out infinite}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.eyebrow:before{transition:width .6s cubic-bezier(.22,1,.36,1)}.reveal-eyebrow .eyebrow:before{width:0;animation:ebGrow .8s .2s cubic-bezier(.22,1,.36,1) forwards}@keyframes ebGrow{to{width:24px}}.glass.lift{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.glass.lift:hover{transform:translateY(-6px);box-shadow:0 24px 60px -20px #a8532f66,inset 0 1px #f6f2ec1a}.stat .num{position:relative}.stat .num:after{content:"";position:absolute;inset:-8px;border-radius:12px;background:radial-gradient(circle,rgba(168,83,47,.3),transparent 70%);opacity:0;animation:numPulse 2.4s ease-out .6s 1 forwards;pointer-events:none}@keyframes numPulse{0%{opacity:0;transform:scale(.7)}35%{opacity:.8}to{opacity:0;transform:scale(1.4)}}.section{padding:80px 0!important}.section.hero,.section.about-hero,.section.projects-hero,.section.contact-hero{padding-top:140px!important}.cta-panel{padding:64px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.cta-panel-row{padding:48px 64px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.page-enter,.caret,.blob{animation:none!important}}.container{max-width:1280px;padding:0 40px}.section{padding:clamp(88px,12vh,148px) 0;position:relative}@media(max-width:720px){.container{padding:0 22px}.section{padding:72px 0}}.eyebrow{font-size:11.5px;letter-spacing:.2em;color:var(--ink-3)}.eyebrow:before{width:28px;background:linear-gradient(90deg,transparent,var(--c-amber))}.tag{display:inline-flex;align-items:center;padding:5px 11px;border-radius:var(--r-full);border:1px solid var(--stroke);background:#f6f2ec08;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--ink-3);transition:color .3s var(--ease-out),border-color .3s var(--ease-out),background .3s var(--ease-out)}.tag:hover{color:var(--ink);border-color:var(--stroke-strong);background:#f6f2ec0f}.lead{color:var(--ink-3);font-size:16px;line-height:1.65;max-width:46ch}.btn{position:relative;isolation:isolate;border-radius:var(--r-full);padding:14px 26px;font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:-.01em;overflow:hidden;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .3s var(--ease-out),color .3s var(--ease-out)}.btn-primary{background:var(--grad-accent);color:#1a1005;font-weight:600;box-shadow:0 12px 34px -14px #f0a13ce6}.btn-primary:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 20%,rgba(246,242,236,.55),transparent 80%);transform:translate(-120%);transition:transform .9s var(--ease-out)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 50px -16px #f0a13cf2}.btn-primary:hover:after{transform:translate(120%)}.btn-ghost{background:#f6f2ec09;border:1px solid var(--stroke);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{transform:translateY(-2px);border-color:#f6f2ec42;background:#f6f2ec13}.btn-quiet{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:var(--r-full);border:1px solid transparent;color:var(--ink-3);font-family:var(--font-display);font-size:15px;font-weight:500;text-decoration:none;transition:color .3s var(--ease-out),border-color .3s var(--ease-out),transform .4s var(--ease-out)}.btn-quiet:hover{color:var(--ink);border-color:var(--stroke);transform:translateY(-2px)}.live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade8099;animation:live-pulse 2.4s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 9px #4ade8000}to{box-shadow:0 0 #4ade8000}}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:clamp(44px,6vw,72px);flex-wrap:wrap}.section-head.is-center{flex-direction:column;align-items:center;text-align:center}.section-head.is-left{flex-direction:column;align-items:flex-start}.section-head-main{flex:1 1 460px;min-width:0}.section-head-aside{flex:0 1 400px;padding-bottom:6px}.section-title{max-width:17ch;margin-top:18px}.word-reveal{display:block}.wr{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em;margin-right:.24em}.wr-in{display:inline-block;will-change:transform}.hairline{display:block;width:100%;height:1px;margin-top:26px;background:#f6f2ec14;overflow:hidden}.hairline-fill{display:block;height:100%;width:100%;transform-origin:left;background:var(--grad-line)}.seam{position:relative;height:1px;max-width:1280px;margin:0 auto;padding:0 40px}.seam-line{position:absolute;left:40px;right:40px;top:0;height:1px;transform-origin:center;background:linear-gradient(90deg,transparent,rgba(var(--amb-a, 240, 161, 60),.32) 35%,rgba(var(--amb-b, 201, 113, 74),.4) 50%,rgba(var(--amb-a, 240, 161, 60),.32) 65%,transparent)}.seam-bloom{position:absolute;left:50%;top:-70px;width:min(620px,70vw);height:140px;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(var(--amb-a, 240, 161, 60),.14),transparent 70%);filter:blur(14px)}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:calc(var(--nav-h) + 56px) 0 96px;overflow:hidden}.hero-inner{position:relative;z-index:2;width:100%}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(70px);will-change:transform;z-index:1}.hero-orb.o1{width:460px;height:460px;top:-8%;right:4%;background:radial-gradient(circle at 35% 35%,rgba(240,161,60,.5),transparent 66%)}.hero-orb.o2{width:380px;height:380px;bottom:2%;left:-6%;background:radial-gradient(circle at 60% 40%,rgba(201,113,74,.34),transparent 66%)}.hero-orb.o3{width:260px;height:260px;top:42%;right:28%;background:radial-gradient(circle at 50% 50%,rgba(168,83,47,.3),transparent 66%)}.hero-beam{position:absolute;top:-40%;left:30%;width:42vw;height:190%;pointer-events:none;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,214,160,.055),transparent);filter:blur(28px);animation:beam-sweep 16s var(--ease-io) infinite}@keyframes beam-sweep{0%,to{transform:rotate(18deg) translate(-12%);opacity:.5}50%{transform:rotate(14deg) translate(14%);opacity:1}}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:var(--r-full);border:1px solid var(--stroke);background:#f6f2ec09;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--ink-2)}.hero-type{margin:30px 0 0}.hero-headline{font-size:clamp(44px,7.4vw,112px);line-height:.94;letter-spacing:-.05em;font-weight:600}.hero-line{display:block;white-space:nowrap}.hw-in{background-image:radial-gradient(58vw 58vw at var(--mx, 42vw) var(--my, 40vh),#ffffff 0%,#f7efe1 26%,#cdbfa8 58%,#a2968a 100%);background-attachment:fixed;-webkit-background-clip:text;background-clip:text;color:transparent}.hero-headline .serif{background-image:linear-gradient(100deg,#ffc46b,#f0a13c 52%,#c9714a);background-attachment:scroll;font-size:1.12em;letter-spacing:-.02em}.hw{display:inline-block;overflow:hidden;vertical-align:baseline;padding:.16em .05em .22em;margin:-.16em .1em -.22em -.05em}.hw-in{display:inline-block;will-change:transform}.hero-lede{margin-top:38px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:34px 56px}.hero-sub{max-width:52ch;font-size:clamp(15.5px,1.25vw,17.5px);line-height:1.62;color:var(--ink-2)}.hero-roll{display:flex;flex-direction:column;gap:8px;min-width:250px}.roll-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-4)}.roll{position:relative;display:block;height:30px;overflow:hidden;font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em}.roll-item{position:absolute;inset:0;display:flex;align-items:center;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.roll-static{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--ink)}.hero-cta{margin-top:44px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-cta .btn .arr{width:16px;height:16px;margin-left:2px;transition:transform .35s var(--ease-out)}.hero-cta .btn:hover .arr{transform:translateY(3px)}.stats-band{padding:0 0 clamp(24px,4vw,48px);position:relative}.hero-stats{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--stroke);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.hstat{background:#05050580;padding:26px 24px 24px;display:flex;flex-direction:column;gap:6px;transition:background .4s var(--ease-out)}.hstat:hover{background:#f6f2ec09}.hstat-v{font-family:var(--font-display);font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.hstat-k{margin:0;font-size:13.5px;color:var(--ink-2);display:flex;flex-direction:column;gap:3px}.hstat-sub{font-family:var(--font-mono);font-size:11px;color:var(--ink-4);letter-spacing:.03em}.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--ink-4);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;transition:color .3s var(--ease-out)}.scroll-cue:hover{color:var(--ink-2)}.cue-track{width:22px;height:36px;border:1px solid var(--stroke-strong);border-radius:var(--r-full);display:flex;justify-content:center;padding-top:6px}.cue-dot{width:3px;height:7px;border-radius:2px;background:var(--c-copper);animation:cue-fall 1.9s var(--ease-io) infinite}@keyframes cue-fall{0%{transform:translateY(0);opacity:0}30%{opacity:1}70%{transform:translateY(14px);opacity:1}to{transform:translateY(16px);opacity:0}}@media(max-width:980px){.hero-headline{max-width:100%}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-lede{gap:26px}}@media(max-width:560px){.hero-cta .btn,.hero-cta .btn-quiet{flex:1 1 auto;justify-content:center}.scroll-cue{display:none}}.showcase{position:relative}.showcase-stage{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}.showcase-wash{position:absolute;inset:0;pointer-events:none;transition:background .9s var(--ease-out)}.showcase-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:56px;width:100%}.showcase-copy{max-width:34rem}.showcase-counter{display:flex;align-items:baseline;gap:6px;font-size:12px;letter-spacing:.16em;color:var(--ink-4);margin-bottom:22px}.showcase-counter .cur{color:var(--ink);font-size:15px}.showcase-counter .sep{opacity:.5}.showcase-domain{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}.showcase-title{font-size:clamp(40px,5.4vw,76px);line-height:.98;letter-spacing:-.045em}.showcase-sub{margin-top:12px;font-size:clamp(17px,1.6vw,21px);color:var(--ink);font-family:var(--font-display);font-weight:400;letter-spacing:-.02em}.showcase-desc{margin-top:16px;font-size:15.5px;line-height:1.65;color:var(--ink-3);max-width:46ch}.showcase-stats{list-style:none;margin:30px 0 0;padding:0;display:flex;gap:34px;flex-wrap:wrap}.showcase-stats li{display:flex;flex-direction:column;gap:4px}.showcase-stats .v{font-family:var(--font-display);font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.04em;transition:color .6s var(--ease-out)}.showcase-stats .k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4)}.showcase-tech{margin-top:26px;display:flex;flex-wrap:wrap;gap:7px}.showcase-rail{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rail-dot{appearance:none;background:none;border:0;padding:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:9px}.rail-line{display:block;height:2px;border-radius:2px;background:#f6f2ec1c;overflow:hidden}.rail-fill{display:block;height:100%;width:100%;transform-origin:left;transition:transform .15s linear}.rail-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-4);transition:color .35s var(--ease-out)}.rail-dot.on .rail-label,.rail-dot:hover .rail-label{color:var(--ink)}.showcase-device{position:relative;height:82svh;display:flex;align-items:center;justify-content:center}.showcase-device canvas{display:block}.device-halo{position:absolute;width:120%;aspect-ratio:1;border-radius:50%;filter:blur(72px);opacity:.5;pointer-events:none;transition:background .9s var(--ease-out)}@media(max-width:900px){.showcase-stage{height:auto;min-height:100svh;padding:96px 0 64px}.showcase-inner{grid-template-columns:1fr;gap:40px}.showcase-device{height:auto;order:-1}.showcase-rail{grid-template-columns:repeat(2,1fr)}}.phone-frame{position:relative;display:flex;justify-content:center;perspective:1200px}.phone-frame.floating .phone-body{animation:phone-float 7s var(--ease-io) infinite}@keyframes phone-float{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-16px) rotate(.6deg)}}.phone-body{position:relative;width:clamp(216px,25vw,290px);aspect-ratio:540 / 1170;border-radius:14.5%/7.1%;padding:2.8%;background:linear-gradient(150deg,#6a707c,#2c2f36 22%,#4a4e58 52%,#23262c 78%,#5c616c);box-shadow:0 50px 90px -30px #000000e6,0 0 0 1px #f6f2ec14,0 0 90px -24px rgba(var(--amb-a, 240, 161, 60),.5);will-change:transform}.phone-screen{width:100%;height:100%;display:block;border-radius:12%/5.9%;background:#0a0809}.phone-island{position:absolute;top:4.2%;left:50%;transform:translate(-50%);width:27%;height:2.6%;border-radius:var(--r-full);background:#000}.phone-gloss{position:absolute;inset:2.8%;border-radius:12%/5.9%;pointer-events:none;background:linear-gradient(128deg,rgba(246,242,236,.14) 0%,transparent 34%,transparent 66%,rgba(246,242,236,.06) 100%)}.manifesto{position:relative;padding:clamp(96px,16vh,180px) 0 clamp(72px,10vh,120px);overflow:hidden}.manifesto-lines{display:flex;flex-direction:column;align-items:center;gap:.02em;text-align:center}.mf-line{font-family:var(--font-display);font-size:clamp(38px,8.4vw,122px);font-weight:600;line-height:.94;letter-spacing:-.05em;will-change:transform}.mf-mask{display:block;overflow:hidden;padding-bottom:.06em}.mf-word{display:block;will-change:transform}.tone-dim .mf-word{color:var(--ink-4)}.tone-normal .mf-word{color:var(--ink)}.tone-accent .mf-word{font-family:var(--font-serif);font-style:italic;font-weight:400;background:linear-gradient(100deg,#ffc46b,#f0a13c 55%,#c9714a);-webkit-background-clip:text;background-clip:text;color:transparent}.manifesto-marquee{margin-top:clamp(52px,8vh,88px)}.about-lede{margin-bottom:clamp(56px,8vw,92px)}.shl{font-family:var(--font-display);font-size:clamp(21px,2.5vw,33px);line-height:1.42;letter-spacing:-.028em;font-weight:400;max-width:30ch;color:var(--ink)}.shl-word{display:inline-block;white-space:pre}.about-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(36px,5vw,72px);align-items:start}.about-prose{display:flex;flex-direction:column;gap:20px}.about-prose p{font-size:16px;line-height:1.72;color:var(--ink-2);max-width:54ch}.about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.craft-panel{position:sticky;top:calc(var(--nav-h) + 24px);min-width:0}.craft-panel .ide{overflow:hidden;border-radius:var(--r-lg);min-width:0}.craft-panel .ide-header{min-width:0}.craft-panel .ide-tabs{min-width:0;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.craft-panel .ide-tabs::-webkit-scrollbar{display:none}.craft-panel .ide-tab{flex:0 0 auto}.philosophy{margin-top:clamp(72px,10vw,120px)}.philosophy-title{font-size:clamp(22px,2.4vw,30px);margin-bottom:30px;color:var(--ink-2)}.philosophy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.phil-card{position:relative;isolation:isolate;overflow:hidden;padding:26px 24px 28px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:linear-gradient(180deg,#f6f2ec0b,#f6f2ec03);transition:transform .5s var(--ease-out),border-color .4s var(--ease-out)}.phil-card:hover{transform:translateY(-6px);border-color:#f6f2ec2e}.phil-k{font-size:11px;letter-spacing:.16em;color:var(--c-amber)}.phil-card h4{margin:14px 0 10px;font-family:var(--font-display);font-size:17.5px;font-weight:600;letter-spacing:-.022em;color:var(--ink)}.phil-card p{font-size:14px;line-height:1.62;color:var(--ink-3)}.phil-glow{position:absolute;z-index:-1;inset:auto -30% -60%;height:150px;background:radial-gradient(ellipse at center,rgba(240,161,60,.28),transparent 70%);opacity:0;transition:opacity .5s var(--ease-out)}.phil-card:hover .phil-glow{opacity:1}@media(max-width:1080px){.philosophy-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.about-split{grid-template-columns:1fr}.craft-panel{position:static}}@media(max-width:560px){.philosophy-grid{grid-template-columns:1fr}}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.chip{position:relative;isolation:isolate;appearance:none;cursor:pointer;padding:9px 17px;border-radius:var(--r-full);border:1px solid var(--stroke);background:#f6f2ec05;color:var(--ink-3);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;transition:color .3s var(--ease-out),border-color .3s var(--ease-out)}.chip:hover{color:var(--ink);border-color:var(--stroke-strong)}.chip.active{color:#1a1005;border-color:transparent}.chip-bg{position:absolute;inset:0;z-index:-1;border-radius:var(--r-full);background:var(--grad-accent)}.chip-label{position:relative}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}.tech-card{--accent: var(--c-amber);position:relative;isolation:isolate;border-radius:var(--r-md);padding:1px;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .45s var(--ease-out);animation:tech-float 8s var(--ease-io) infinite;animation-delay:var(--float-delay, 0s);will-change:transform}@keyframes tech-float{0%,to{translate:0 0}50%{translate:0 -7px}}.tech-edge{position:absolute;inset:0;z-index:-2;border-radius:inherit;background:radial-gradient(220px circle at var(--gx, 50%) var(--gy, 0%),var(--accent),transparent 62%),linear-gradient(180deg,#f6f2ec1c,#f6f2ec08);opacity:.5;transition:opacity .4s var(--ease-out)}.tech-card:hover .tech-edge{opacity:1}.tech-glow{position:absolute;z-index:-1;inset:-20%;border-radius:50%;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%),color-mix(in srgb,var(--accent) 40%,transparent),transparent 62%);filter:blur(30px);opacity:0;transition:opacity .5s var(--ease-out);pointer-events:none}.tech-card:hover .tech-glow{opacity:.75}.tech-body{position:relative;height:100%;border-radius:calc(var(--r-md) - 1px);padding:20px 20px 22px;background:linear-gradient(180deg,#0b0b12,#08080e);display:flex;flex-direction:column;gap:10px;transition:transform .45s var(--ease-out)}.tech-card:hover .tech-body{transform:translateZ(28px)}.tech-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tech-name{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.024em;color:var(--ink)}.tech-cat{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.85}.tech-note{font-size:13px;line-height:1.5;color:var(--ink-3);flex:1}.tech-meter{height:3px;border-radius:2px;background:#f6f2ec14;overflow:hidden}.tech-meter-fill{display:block;height:100%;width:100%;transform-origin:left;border-radius:2px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#ffffff))}.timeline{position:relative;list-style:none;margin:0;padding:0 0 0 clamp(28px,4vw,52px)}.timeline:before{content:none}.timeline-spine{position:absolute;left:5px;top:8px;bottom:8px;width:2px;border-radius:2px;background:#f6f2ec12;overflow:hidden}.timeline-spine-fill{display:block;width:100%;height:100%;transform-origin:top;background:linear-gradient(180deg,var(--c-amber),var(--c-copper) 55%,var(--c-clay));box-shadow:0 0 18px #f0a13c8c}.role{position:relative;padding-bottom:clamp(48px,6vw,76px)}.role:last-child{padding-bottom:0}.role-node{position:absolute;left:calc(clamp(28px,4vw,52px)*-1);top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--c-amber);box-shadow:0 0 0 5px #f0a13c1f,0 0 20px #f0a13c99}.role-study .role-node{border-color:var(--ink-4);box-shadow:0 0 0 5px #f6f2ec0d}.role-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.role-when{font-size:11.5px;letter-spacing:.12em;color:var(--c-copper);text-transform:uppercase}.role-span{font-size:10.5px;letter-spacing:.1em;color:var(--ink-4);padding:3px 9px;border:1px solid var(--stroke);border-radius:var(--r-full)}.role-title{margin-top:12px;font-size:clamp(21px,2.3vw,30px);letter-spacing:-.032em;color:var(--ink);max-width:22ch}.role-where{margin-top:7px;font-size:14.5px;color:var(--ink-2)}.role-where strong{color:var(--ink);font-weight:600}.dot-sep{margin:0 8px;color:var(--ink-4)}.role-summary{margin-top:14px;font-size:15.5px;line-height:1.65;color:var(--ink-3);max-width:62ch}.role-wins{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.role-wins li{display:grid;grid-template-columns:86px 1fr;gap:20px;align-items:start;padding:15px 16px 15px 0;border-top:1px solid var(--stroke);transition:background .4s var(--ease-out)}.role-wins li:last-child{border-bottom:1px solid var(--stroke)}.role-wins li:hover{background:#f6f2ec06}.win-metric{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.04em;line-height:1.3;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.win-text{font-size:14.5px;line-height:1.6;color:var(--ink-2);max-width:68ch}.role-tech{margin-top:22px;display:flex;flex-wrap:wrap;gap:7px}@media(max-width:640px){.role-wins li{grid-template-columns:1fr;gap:6px}.win-metric{font-size:17px}}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}@media(max-width:900px){.case-grid{grid-template-columns:1fr}}.case-card{--accent: var(--c-amber);--accent-2: var(--c-copper);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:30px 30px 26px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:linear-gradient(180deg,#f6f2ec0d,#f6f2ec04);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .55s var(--ease-out),border-color .4s var(--ease-out),box-shadow .55s var(--ease-out)}.case-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 44px 90px -40px #000000f2,0 0 70px -30px var(--accent)}.case-card.open{transform:none}.case-wash{position:absolute;z-index:-1;inset:-40% -20% auto;height:320px;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 68%);opacity:.55;transition:opacity .5s var(--ease-out)}.case-card:hover .case-wash{opacity:1}.case-sheen{position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(246,242,236,.07),transparent 70%);transform:translate(-110%);transition:transform 1s var(--ease-out)}.case-card:hover .case-sheen{transform:translate(110%)}.case-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.case-index{font-size:12px;letter-spacing:.14em;color:var(--accent)}.case-domain{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}.case-title{margin-top:20px;font-family:var(--font-display);font-size:clamp(28px,3.2vw,40px);font-weight:600;letter-spacing:-.042em;line-height:1;color:var(--ink)}.case-subtitle{margin-top:10px;font-size:15.5px;color:var(--ink-2);letter-spacing:-.012em}.case-desc{margin-top:14px;font-size:14.5px;line-height:1.62;color:var(--ink-3)}.case-stats{margin:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-stats .v{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.035em;color:var(--ink)}.case-stats .k{margin:4px 0 0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4)}.case-detail{overflow:hidden}.case-detail-inner{padding-top:26px;margin-top:26px;border-top:1px solid var(--stroke);display:flex;flex-direction:column;gap:22px}.case-block h4{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-weight:500}.case-block p{font-size:14.5px;line-height:1.68;color:var(--ink-2)}.case-block ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.case-block li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}.case-block li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.8}.case-result{color:var(--ink)!important;font-weight:500}.case-foot{margin-top:26px;padding-top:20px;border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.case-tech{display:flex;flex-wrap:wrap;gap:6px}.case-toggle{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:var(--r-full);border:1px solid var(--stroke);background:#f6f2ec08;color:var(--ink);font-family:var(--font-display);font-size:13.5px;font-weight:500;white-space:nowrap;transition:border-color .3s var(--ease-out),background .3s var(--ease-out)}.case-toggle:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:#f6f2ec0f}.case-chev{display:inline-flex;transition:transform .4s var(--ease-out)}.case-chev svg{width:15px;height:15px}.case-chev.up{transform:rotate(180deg)}.case-role{margin-top:10px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.85}.projects-more{margin-top:40px;display:flex;justify-content:center}.projects-more .arr{width:15px;height:15px;margin-left:6px;transition:transform .35s var(--ease-out)}.projects-more .btn:hover .arr{transform:translate(3px,-3px)}.contact-section{position:relative;overflow:hidden}.contact-aurora{position:absolute;inset:-40% -10% auto;height:90%;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 30% 80%,rgba(240,161,60,.22),transparent 70%),radial-gradient(ellipse 50% 40% at 74% 60%,rgba(201,113,74,.16),transparent 70%);filter:blur(30px)}.contact-open{position:relative;max-width:46rem}.contact-title{margin-top:20px;font-size:clamp(34px,5.2vw,74px);letter-spacing:-.045em;line-height:.98}.contact-lede{margin-top:24px;font-size:16.5px;line-height:1.68;color:var(--ink-3);max-width:54ch}.contact-email{position:relative;margin:clamp(48px,7vw,86px) 0 clamp(40px,6vw,64px);display:flex;flex-direction:column;align-items:flex-start;gap:18px}.email-mega{display:inline-block;text-decoration:none;font-family:var(--font-display);font-size:clamp(26px,6.2vw,88px);font-weight:600;letter-spacing:-.05em;line-height:1;word-break:break-word}.email-mega-text{background:linear-gradient(100deg,#fff,#f4e3c9 40%,#ffc46b 78%,#f0a13c);background-size:220% 100%;background-position:0% 0%;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position .9s var(--ease-out)}.email-mega:hover .email-mega-text{background-position:100% 0%}.copy-btn{appearance:none;cursor:pointer;padding:10px 18px;border-radius:var(--r-full);border:1px solid var(--stroke);background:#f6f2ec08;color:var(--ink-3);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;transition:color .3s var(--ease-out),border-color .3s var(--ease-out)}.copy-btn:hover{color:var(--ink);border-color:var(--stroke-strong)}.copy-btn.copied{color:#4ade80;border-color:#4ade8059}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:860px){.social-grid{grid-template-columns:repeat(2,1fr)}}.social-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:24px 22px 22px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:#f6f2ec07;text-decoration:none;transition:transform .5s var(--ease-out),border-color .4s var(--ease-out),background .4s var(--ease-out)}.social-card:hover{transform:translateY(-6px);border-color:#f6f2ec38;background:#f6f2ec0e}.social-sheen{position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(246,242,236,.09),transparent 65%);transform:translate(-110%);transition:transform .95s var(--ease-out)}.social-card:hover .social-sheen{transform:translate(110%)}.social-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-platform{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.024em;color:var(--ink)}.social-card .ext{width:15px;height:15px;color:var(--ink-4);transition:transform .4s var(--ease-out),color .3s}.social-card:hover .ext{transform:translate(3px,-3px);color:var(--c-copper)}.social-handle{font-size:14px;color:var(--ink-2);word-break:break-word}.social-note{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4)}.contact-meta{margin-top:44px;border-top:1px solid var(--stroke)}.meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--stroke);flex-wrap:wrap}.meta-row .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4)}.meta-row .v{font-size:15px;color:var(--ink)}.skip-link{position:fixed;top:10px;left:50%;transform:translate(-50%,-220%);z-index:200;padding:12px 20px;border-radius:var(--r-full);background:var(--c-amber);color:#1a1005;font-family:var(--font-display);font-weight:600;font-size:14px;text-decoration:none;transition:transform .3s var(--ease-out)}.skip-link:focus-visible{transform:translate(-50%)}.nav{position:fixed;top:0;left:0;right:0;z-index:90;height:var(--nav-h);animation:none;transform:none;width:auto;max-width:none;border-radius:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 40px;border-bottom:1px solid transparent;background:transparent;transition:height .45s var(--ease-out),background .45s var(--ease-out),border-color .45s var(--ease-out),backdrop-filter .45s var(--ease-out)}.nav.condensed{height:62px;background:#050507b3;border-bottom-color:var(--stroke);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex-shrink:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--grad-accent);color:#1a1005;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:-.03em;box-shadow:0 8px 22px -10px #f0a13ce6}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-family:var(--font-display);font-size:14.5px;font-weight:600;letter-spacing:-.02em}.brand-role{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4)}.nav-links{display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-full);border:1px solid var(--stroke);background:#f6f2ec06;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-link{position:relative;isolation:isolate;appearance:none;border:0;cursor:pointer;background:none;padding:8px 15px;border-radius:var(--r-full);color:var(--ink-3);font-family:var(--font-display);font-size:13.5px;font-weight:500;letter-spacing:-.01em;text-decoration:none;transition:color .3s var(--ease-out)}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-indicator{position:absolute;inset:0;z-index:-1;border-radius:var(--r-full);background:#f6f2ec17;border:1px solid var(--stroke)}.nav-link-label{position:relative}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-resume{font-size:12px;letter-spacing:.06em;color:var(--ink-3);text-decoration:none;padding:8px 4px;transition:color .3s var(--ease-out)}.nav-resume:hover{color:var(--ink)}.nav-cta{padding:10px 18px;border-radius:var(--r-full);background:var(--grad-accent);color:#1a1005;font-family:var(--font-display);font-size:13.5px;font-weight:600;text-decoration:none;box-shadow:0 10px 26px -12px #f0a13ce6;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 16px 34px -12px #f0a13c}.nav-burger{display:none;appearance:none;cursor:pointer;width:40px;height:40px;border-radius:12px;border:1px solid var(--stroke);background:#f6f2ec08;flex-direction:column;align-items:center;justify-content:center;gap:5px}.nav-burger span{display:block;width:17px;height:1.5px;border-radius:1px;background:var(--ink);transition:transform .35s var(--ease-out),opacity .25s}.nav-burger.open span:first-child{transform:translateY(3.25px) rotate(45deg)}.nav-burger.open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.nav-sheet{position:fixed;top:62px;left:14px;right:14px;z-index:89;display:none;flex-direction:column;padding:12px;border-radius:var(--r-lg);border:1px solid var(--stroke);background:#08080cf0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow-lift)}.nav-sheet a,.nav-sheet button{appearance:none;border:0;background:none;cursor:pointer;text-align:left;padding:14px 12px;border-radius:var(--r-sm);color:var(--ink-2);font-family:var(--font-display);font-size:16px;font-weight:500;text-decoration:none;transition:background .25s,color .25s}.nav-sheet a:hover,.nav-sheet button:hover{background:#f6f2ec0d;color:var(--ink)}@media(max-width:1080px){.nav-links{display:none}.nav-burger,.nav-sheet{display:flex}}@media(max-width:720px){.nav{padding:0 18px}.nav-resume,.nav-cta,.brand-role{display:none}}.page-hero{padding-top:calc(var(--nav-h) + 74px);padding-bottom:40px}.page-hero-title{margin-top:20px;max-width:19ch;font-size:clamp(34px,5vw,68px);line-height:1}.page-enter>.contact-section:first-child{padding-top:calc(var(--nav-h) + 62px)}.page-hero-lede{margin-top:26px;max-width:58ch;font-size:17px;line-height:1.66;color:var(--ink-2)}.page-hero-facts{margin-top:42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--stroke);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);max-width:800px}.page-hero-facts>div{background:#05050580;padding:20px 22px;display:flex;flex-direction:column;gap:7px}.page-hero-facts .k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4)}.page-hero-facts .v{font-size:14.5px;color:var(--ink)}@media(max-width:700px){.page-hero-facts{grid-template-columns:1fr}}.about-prose-wide{max-width:68ch}.about-prose-wide p{max-width:none}.device-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;align-items:start}.device-wall-item{margin:0;display:flex;flex-direction:column;align-items:center;gap:20px}.device-wall-item .phone-body{width:100%;max-width:236px}.device-wall figcaption{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.dw-title{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.024em;color:var(--ink)}.dw-sub{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4)}@media(max-width:980px){.device-wall{grid-template-columns:repeat(2,1fr);gap:34px}}@media(max-width:520px){.device-wall{grid-template-columns:1fr}}.footer{border-top:1px solid var(--stroke);padding:52px 0 44px;margin-top:0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:5px}.footer-name{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.024em;color:var(--ink)}.footer-role{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{font-size:13.5px;color:var(--ink-3);text-decoration:none;transition:color .3s var(--ease-out)}.footer-links a:hover{color:var(--ink)}.footer-meta{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-4)}.footer-meta a{color:inherit;text-decoration:none}.footer-meta a:hover{color:var(--ink-2)}.route-loading{min-height:70svh}.skills-section,.projects-section,.device-wall-section{content-visibility:auto;contain-intrinsic-size:auto 900px}.hero-sub{margin-top:0}.tl-item:before{content:none}.skill-card .icn{font-family:var(--font-display);font-size:20px;font-weight:600}.quote{font-family:var(--font-display);font-size:clamp(20px,2.4vw,30px);line-height:1.42;letter-spacing:-.028em;font-weight:400}.quote em{font-family:var(--font-serif);font-style:italic}.faq-list{display:flex;flex-direction:column;gap:10px}:where(a,button,summary,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--c-copper);outline-offset:3px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.showcase{height:auto!important}.showcase-stage{position:relative;height:auto;padding:72px 0}.hero-beam,.aurora,.bg-grid{display:none}}.glass,.nav,.nav.condensed,.nav-links,.nav-sheet,.hero-badge,.btn-ghost,.case-card,.chip,.ide,.form-card,.faq,.social-card,.skill-card,.oss-card,.meta-card,.email-card,.hscroll-card,.tech-body,.phil-card,.cur-ring{backdrop-filter:none;-webkit-backdrop-filter:none}.glass:before,.tilt .sheen{display:none}.social-sheen,.case-sheen{background:linear-gradient(115deg,transparent 32%,rgba(240,161,60,.12),transparent 68%)}.glass,.form-card,.faq,.skill-card,.oss-card,.meta-card,.email-card,.hscroll-card,.ide{background:var(--surface)}.nav.condensed{background:#060506f0}.nav-links,.nav-sheet,.hero-badge{background:var(--surface)}.btn-ghost{background:var(--surface-2)}.btn-ghost:hover{background:var(--surface-3);border-color:var(--stroke-strong)}.chip{background:var(--surface)}.tag{background:var(--surface-2)}.tag:hover{background:var(--surface-3)}.case-card,.phil-card{background:var(--surface);box-shadow:0 1px #f6f2ec0a inset}.social-card{background:var(--surface)}.social-card:hover{background:var(--surface-2)}.tech-body,.hstat{background:var(--surface)}.hstat:hover{background:var(--surface-2)}.page-hero-facts>div{background:var(--surface)}.stat{background:var(--surface)}