*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0}#root{width:100%;min-height:100vh}:root{--bg:#09090a;--bg-raise:#0f1012;--surface:#ffffff08;--surface-hi:#ffffff0e;--line:#ffffff14;--line-hi:#ffffff29;--text:#f1ede6;--text-soft:#b9b5ad;--text-mute:#86837d;--silver:#c9ccd1;--cyan:#8fd0da;--cyan-dim:#8fd0da8c;--font-sans:"Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Instrument Serif", "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(20px, 5vw, 64px);--max:1240px;--ease:cubic-bezier(.22, .8, .22, 1);--nav-h:72px}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 8px);background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}.site-root{min-height:100vh;position:relative;overflow-x:clip}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}::selection{color:var(--text);background:#8fd0da47}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--text);color:var(--bg);transition:top .2s var(--ease);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:500;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}.section{padding-block:clamp(88px,12vw,168px);position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:12px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--line-hi);width:28px;height:1px}.display{letter-spacing:-.035em;font-weight:500;line-height:.98}.serif-em{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.btn{border:1px solid var(--line-hi);letter-spacing:-.005em;color:var(--text);background:var(--surface);-webkit-backdrop-filter:blur(10px);transition:background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease), color .3s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-size:14.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-hi);border-color:#ffffff47}.btn svg{transition:transform .3s var(--ease)}.btn:hover svg{transform:translate(2px,-2px)}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}.reveal{opacity:0;transition:opacity .9s var(--ease) var(--d,0s), transform .9s var(--ease) var(--d,0s);transform:translateY(22px)}.reveal[data-reveal=above]{transform:translateY(-22px)}.reveal[data-reveal=in]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.reveal,.reveal[data-reveal]{opacity:1;transform:none}}.nav-bar{z-index:100;height:var(--nav-h);position:fixed;inset:0 0 auto}.nav-bar:before{content:"";border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);opacity:0;transition:opacity .4s var(--ease);background:#09090ae6;position:absolute;inset:0}.nav-bar.is-solid:before{opacity:1}.nav-inner{height:100%;max-width:var(--max);padding-inline:var(--gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}.brand{letter-spacing:-.01em;z-index:2;align-items:center;gap:12px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.brand-mark{background:radial-gradient(circle at 35% 30%, #fff, var(--cyan) 55%, #3b6b74);border-radius:50%;width:10px;height:10px;box-shadow:0 0 14px #8fd0da73}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--text-mute);transition:color .3s var(--ease);border-radius:999px;padding:8px 14px;font-size:14px;position:relative}.nav-links a:after{content:"";background:var(--cyan);transform-origin:0;height:1px;transition:transform .4s var(--ease);position:absolute;bottom:3px;left:14px;right:14px;transform:scaleX(0)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{transform:scaleX(1)}.menu-btn{z-index:2;width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;margin-right:-10px;display:none;position:relative}.burger,.burger:before,.burger:after{width:18px;height:1.5px;transition:transform .35s var(--ease), opacity .2s;background:currentColor;border-radius:2px;position:absolute;left:13px}.burger{top:21px}.burger:before,.burger:after{content:"";left:0}.burger:before{top:-6px}.burger:after{top:6px}.burger.open{background:0 0}.burger.open:before{transform:translateY(6px)rotate(45deg)}.burger.open:after{transform:translateY(-6px)rotate(-45deg)}@media (width<=760px){.menu-btn{display:block}.nav-links{z-index:1;padding:var(--nav-h) var(--gutter) 40px;background:var(--bg);opacity:0;visibility:hidden;transition:opacity .35s var(--ease), visibility .35s;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;position:fixed;inset:0}.nav-links.open{opacity:1;visibility:visible}.nav-links a{letter-spacing:-.03em;color:var(--text-mute);padding:6px 0;font-size:clamp(34px,11vw,48px);font-weight:500}.nav-links a:after{width:100%;bottom:4px;left:0;right:auto}}.hero{min-height:100svh;padding-top:calc(var(--nav-h) + 24px);isolation:isolate;align-items:center;padding-bottom:72px;display:flex;position:relative;overflow:hidden}.hero-atmos{z-index:-2;background:radial-gradient(60% 55% at 78% 38%,#8fd0da1a,#0000 70%),radial-gradient(45% 50% at 12% 0,#ffffff12,#0000 70%),radial-gradient(70% 40% at 50% 110%,#ffcd960d,#0000 70%);position:absolute;inset:0}.hero-grain{z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hero-inner{width:100%;max-width:var(--max);padding-inline:var(--gutter);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(24px,4vw,64px);margin:0 auto;display:grid;position:relative}.hero-tag{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(10px);color:var(--text-soft);transition:border-color .3s var(--ease), background .3s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 12px;font-size:13px;display:inline-flex}.hero-tag:hover{border-color:var(--line-hi);background:var(--surface-hi)}.hero-tag-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.hero-tag svg{color:var(--text-mute);transition:transform .3s var(--ease)}.hero-tag:hover svg{transform:translate(3px)}.hero h1{background:linear-gradient(#fbf8f2 20%,#a9a69f 120%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:32px;font-size:clamp(46px,9.2vw,124px)}.hero h1 .line{display:block}.hero h1 .serif-em{background:linear-gradient(100deg, #f1ede6 10%, var(--cyan) 95%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.08em;font-size:1.06em}.hero-lede{max-width:560px;color:var(--text-soft);margin-top:32px;font-size:clamp(16px,1.5vw,19px);line-height:1.65}.hero-lede strong{color:var(--text);font-weight:500}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.hero-art{aspect-ratio:1/1.05;width:100%;max-width:460px;margin-left:auto;position:relative}.hero-art-inner{width:100%;height:100%;transform:translate3d(0, calc(var(--py,0) * -.06px), 0);will-change:transform}.hero-art svg{width:100%;height:100%;overflow:visible}.hero-art .slab{animation:9s ease-in-out infinite float}.hero-art .slab:nth-child(2){animation-delay:-2s}.hero-art .slab:nth-child(3){animation-delay:-4s}.hero-art .slab:nth-child(4){animation-delay:-6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.hero-meta{left:var(--gutter);right:var(--gutter);max-width:var(--max);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);justify-content:space-between;gap:16px;margin:0 auto;font-size:11.5px;display:flex;position:absolute;bottom:28px}.hero-in>*{opacity:0;animation:rise 1s var(--ease) forwards}.hero-in>:first-child{animation-delay:50ms}.hero-in>:nth-child(2){animation-delay:.15s}.hero-in>:nth-child(3){animation-delay:.3s}.hero-in>:nth-child(4){animation-delay:.42s}.hero-art{opacity:0;animation:rise 1.4s var(--ease) .35s forwards}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (width<=900px){.hero{align-items:flex-start}.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-art{z-index:-1;width:72%;margin:0;animation:none;position:absolute;top:6%;right:-18%;opacity:.22!important}.hero-meta{display:none}.hero-cta .btn{flex:auto}}.section-title{max-width:14ch;margin-top:24px;font-size:clamp(36px,6vw,80px)}.section-title.wide{max-width:18ch}.about-statement{letter-spacing:-.035em;max-width:22ch;color:var(--text);margin-top:32px;font-size:clamp(34px,6.2vw,84px);font-weight:500;line-height:1.02}.about-statement .serif-em{color:var(--cyan)}.about-cols{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(40px,7vw,112px);margin-top:clamp(56px,8vw,104px);display:grid}.about-copy p{color:var(--text-soft);font-size:clamp(16px,1.4vw,18px);line-height:1.75}.about-copy p+p{margin-top:1.4em}.about-path{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,36px)}.about-path-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);font-size:12px;font-weight:400}.about-path ol{gap:28px;margin-top:24px;display:grid}.about-path li{color:var(--text-soft);gap:6px;font-size:15.5px;line-height:1.6;display:grid}.about-path-date{font-family:var(--font-serif);color:var(--text);font-size:28px;font-style:italic;line-height:1.1}@media (width<=860px){.about-cols{grid-template-columns:minmax(0,1fr)}.about-path{border-left:0;border-top:1px solid var(--line);padding-top:32px;padding-left:0}}.exp{border-top:1px solid var(--line)}.timeline{margin-top:clamp(48px,7vw,96px);position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--line-hi), var(--line) 80%, transparent);width:1px;position:absolute;top:8px;bottom:8px;left:calc(min(30%,340px) + 0px)}.tl-item{grid-template-columns:min(30%,340px) minmax(0,1fr);padding-bottom:clamp(48px,7vw,96px);display:grid;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--bg);border:1px solid var(--silver);border-radius:50%;width:9px;height:9px;position:absolute;top:9px;left:min(30%,340px);transform:translate(-50%)}.tl-item:first-child:before{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 5px #8fd0da24,0 0 18px #8fd0da80}.tl-side{flex-direction:column;align-items:flex-start;gap:12px;padding-right:40px;display:flex}.tl-date{font-family:var(--font-serif);color:var(--text);font-size:clamp(22px,2.4vw,30px);font-style:italic;line-height:1.15}.tl-status{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:8px;font-size:11px;display:inline-flex}.tl-status-dot{background:var(--text-mute);border-radius:50%;width:6px;height:6px}.tl-status.is-live{color:var(--cyan)}.tl-status.is-live .tl-status-dot{background:var(--cyan);animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #8fd0da80}50%{box-shadow:0 0 0 6px #8fd0da00}}.tl-body{padding-left:40px}.tl-body h3{letter-spacing:-.025em;font-size:clamp(22px,2.6vw,32px);font-weight:500;line-height:1.15}.tl-org{color:var(--text-mute);margin-top:8px;font-size:15px}.tl-body ul{gap:18px;max-width:62ch;margin-top:28px;display:grid}.tl-body li{color:var(--text-soft);padding-left:22px;font-size:16px;line-height:1.7;position:relative}.tl-body li:before{content:"";background:var(--cyan-dim);width:10px;height:1px;position:absolute;top:.85em;left:0}@media (width<=700px){.timeline:before{left:4px}.tl-item{grid-template-columns:minmax(0,1fr);padding-left:30px}.tl-item:before{left:4px}.tl-side{margin-bottom:18px;padding-right:0}.tl-body{padding-left:0}}.work,.proj{border-top:1px solid var(--line)}.wk-lede{max-width:46ch;color:var(--text-soft);margin-top:28px;font-size:clamp(16px,1.5vw,19px);line-height:1.65}.wk-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);font-size:11.5px;font-weight:400;display:block}.wk-block+.wk-block{margin-top:32px}.wk-block p,.wk-list li{max-width:62ch;color:var(--text-soft);margin-top:12px;font-size:16px;line-height:1.75}.wk-feature{border:1px solid var(--line);background:radial-gradient(90% 70% at 100% 0%, #8fd0da12, transparent 60%), var(--bg-raise);border-radius:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);margin-top:clamp(56px,8vw,104px);padding:clamp(24px,4vw,56px);display:grid}.wk-side h3{letter-spacing:-.035em;margin-top:14px;font-size:clamp(30px,3.6vw,48px);font-weight:500;line-height:1.04}.wk-meta{gap:18px;margin:36px 0 0;display:grid}.wk-meta div{border-top:1px solid var(--line);padding-top:14px}.wk-meta dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);font-size:11px}.wk-meta dd{color:var(--text);overflow-wrap:anywhere;margin:6px 0 0;font-size:15px;line-height:1.5}.wk-list{gap:4px;display:grid}.wk-list li{padding-left:22px;position:relative}.wk-list li:before{content:"";background:var(--cyan-dim);width:10px;height:1px;position:absolute;top:1.05em;left:0}.wk-artifacts{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:16px;margin-top:16px;display:grid}.code-fig,.flow-fig{border:1px solid var(--line);background:var(--bg-raise);border-radius:24px;min-width:0;margin:0;padding:clamp(22px,2.6vw,32px)}.code-fig pre{border:1px solid var(--line);font-family:var(--font-mono);color:var(--silver);tab-size:2;background:#00000059;border-radius:14px;margin:20px 0 0;padding:18px 20px;font-size:12.5px;line-height:1.75;overflow-x:auto}.code-fig code{font-family:inherit}.flow-caption{max-width:60ch;color:var(--text-mute);margin-top:16px;font-size:13px;line-height:1.6}.wk-note{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-mute);margin-top:20px;font-size:11.5px}.flow{gap:18px;margin-top:22px;display:grid;position:relative}.flow:before{content:"";background:var(--line-hi);width:1px;position:absolute;top:8px;bottom:8px;left:4px}.flow li{gap:2px;padding-left:26px;display:grid;position:relative}.flow li:before{content:"";background:var(--bg-raise);border:1px solid var(--silver);border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:0}.flow li:first-child:before,.flow li:last-child:before{background:var(--cyan);border-color:var(--cyan)}.flow strong{color:var(--text);font-size:15px;font-weight:500}.flow span{color:var(--text-mute);font-size:13.5px;line-height:1.5}.pj-list{gap:clamp(64px,9vw,120px);margin-top:clamp(48px,7vw,96px);display:grid}.pj{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.pj:nth-child(2n) .pj-art,.pj:nth-child(2n) .pj-shots{order:-1}.pj-copy h3{letter-spacing:-.04em;margin-top:14px;margin-bottom:36px;font-size:clamp(40px,5.6vw,76px);font-weight:500;line-height:1}.pj-stack{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-mute);margin-top:28px;font-size:12px}.pj-status{color:var(--cyan);margin-top:12px;font-size:14px}.pj-art{border:1px solid var(--line);background:var(--bg-raise);border-radius:24px;min-width:0;padding:clamp(22px,2.6vw,32px)}.pj-art .flow-fig{background:0 0;border:0;padding:0}.pj-admin{border-top:1px solid var(--line);color:var(--text-soft);margin-top:22px;padding-top:18px;font-size:14px}.pj-shots{min-width:0;margin:0}.pj-shots-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(12px,2vw,20px);display:grid}.pj-shots img{border:1px solid var(--line);background:var(--bg-raise);border-radius:20px;width:100%;height:auto;display:block}.pj-shots img:nth-child(2){margin-top:clamp(20px,4vw,48px)}.pj-shots figcaption{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-mute);margin-top:18px;font-size:11.5px}.case-links{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.earlier{border-top:1px solid var(--line);margin-top:clamp(72px,10vw,128px);padding-top:32px}.earlier ul{gap:24px;margin-top:24px;display:grid}.earlier h3{letter-spacing:-.02em;font-size:20px;font-weight:500}.earlier p{max-width:56ch;color:var(--text-soft);margin-top:6px;font-size:15px}.earlier .earlier-note{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-mute);font-size:11.5px}@media (width<=900px){.wk-feature,.wk-artifacts,.pj{grid-template-columns:minmax(0,1fr)}.pj:nth-child(2n) .pj-art,.pj:nth-child(2n) .pj-shots{order:0}.wk-feature{border-radius:22px}}.contact{border-top:1px solid var(--line);isolation:isolate;position:relative;overflow:hidden}.contact:before{content:"";z-index:-1;background:radial-gradient(50% 60% at 50% 100%,#8fd0da1f,#0000 70%),radial-gradient(40% 40% at 90% 0,#ffffff0d,#0000 70%);position:absolute;inset:0}.contact h2{max-width:11ch;margin-top:24px;font-size:clamp(48px,10.5vw,156px)}.contact h2 .serif-em{color:var(--cyan)}.contact-lede{max-width:48ch;color:var(--text-soft);margin-top:32px;font-size:clamp(16px,1.5vw,19px);line-height:1.7}.contact-links{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.footer{border-top:1px solid var(--line);padding-block:28px}.footer .wrap{color:var(--text-mute);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:13px;display:flex}