@font-face{font-family:display;src:url(../media/InstrumentSerif_Regular-s.p.41luoac7rx9t6.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:display;src:url(../media/InstrumentSerif_Italic-s.p.1-yc_z3kkorr2.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:display Fallback;src:local(Times New Roman);ascent-override:117.87%;descent-override:36.91%;line-gap-override:0.0%;size-adjust:83.99%}._9SvzTq_className{font-family:display,display Fallback}._9SvzTq_variable{--font-display-face:"display", "display Fallback"}
@font-face{font-family:ui;src:url(../media/InterDisplay_Medium-s.p.2s4eg7-7m69nl.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:ui;src:url(../media/InterDisplay_SemiBold-s.p.15mal3beq32l9.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:ui Fallback;src:local(Arial);ascent-override:96.48%;descent-override:24.02%;line-gap-override:0.0%;size-adjust:100.41%}.jFV--q_className{font-family:ui,ui Fallback}.jFV--q_variable{--font-ui-face:"ui", "ui Fallback"}
@font-face{font-family:mono;src:url(../media/JetBrainsMono_Medium-s.p.02dnfobhnq535.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.KhJf4W_className{font-family:mono,mono Fallback}.KhJf4W_variable{--font-mono-face:"mono", "mono Fallback"}
:root{--bone:#efeae2;--dim:#8f8b84;--mute:#55534e;--sig:#2ef29a;--bronze:#c9a063;--obsidian:#050505;--font-display:var(--font-display-face), "Instrument Serif", Georgia, serif;--font-ui:var(--font-ui-face), "Inter Display", Inter, system-ui, sans-serif;--font-mono:var(--font-mono-face), "JetBrains Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-moz-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none}html,body{background:var(--obsidian);min-height:100%;color:var(--bone);margin:0;padding:0}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lost{background:#050506 url(/hero3/A10/f1600/0029.webp) 50%/cover no-repeat;min-height:100vh;position:relative;overflow:hidden}@media (orientation:portrait){.lost{background-image:url(/hero3/A10/m720/0029.webp)}}.lost canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lost:after{content:"";pointer-events:none;background:linear-gradient(90deg,#050506e0,#05050680 38%,#05050600 70%);position:absolute;inset:0}.lost .copy{z-index:1;max-width:38vw;position:absolute;top:50%;left:7vw;transform:translateY(-50%)}.lost .fig{font:11px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);margin:0 0 18px}.lost h1{font:400 clamp(36px, 5.4vw, 88px) / 1.02 var(--font-display);letter-spacing:-.012em;text-shadow:0 2px 28px #000000b3;margin:0}.lost .sig{color:var(--sig);font-style:italic}.lost .sub{color:var(--dim);margin:18px 0 0;font-size:clamp(15px,1.15vw,19px);line-height:1.5}.lost a{font:13px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bone);border-bottom:1px solid #c9a06380;margin-top:34px;padding-bottom:6px;text-decoration:none;display:inline-block}.lost a:hover,.lost a:focus-visible{color:var(--sig);border-color:var(--sig)}@media (max-width:760px){.lost:after{background:linear-gradient(#05050600 30%,#05050666 55%,#050506eb)}.lost .copy{max-width:none;inset:auto 8vw 12vh;transform:none}}.doc{box-sizing:content-box;max-width:720px;margin:0 auto;padding:14vh 8vw 12vh}.doc .fig{font:11px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);margin:0 0 18px}.doc h1{font:400 clamp(40px, 5vw, 72px) / 1.02 var(--font-display);letter-spacing:-.012em;margin:0}.doc .when{font:11px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:14px 0 0}.doc h2{font:11px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bone);margin:52px 0 14px}.doc p{color:var(--dim);margin:0 0 14px;font-size:17px;line-height:1.65}.doc b{color:var(--bone);font-weight:500}.doc a{color:var(--bone);border-bottom:1px solid #c9a06380;text-decoration:none}.doc a:hover,.doc a:focus-visible{color:var(--sig);border-color:var(--sig)}.doc .todo{color:#b8731f}.doc .back{font:13px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;margin-top:56px;padding-bottom:6px;display:inline-block}.about{min-height:100vh;position:relative}.about .stage{z-index:0;background:var(--obsidian);pointer-events:none;position:fixed;inset:0}.about .stage .still,.about .stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.about .stage .still{object-fit:contain;opacity:0;padding:4vh 0}.about .stage.fallback .still{opacity:1}@media (scripting:none){.about .stage .still{opacity:1}}.about .stage canvas{opacity:0;transition:opacity .6s}.about .stage.live canvas{opacity:1}.about .top{z-index:3;font:10.5px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;pointer-events:none;justify-content:space-between;align-items:center;padding:24px 5vw 0;display:flex;position:fixed;top:0;left:0;right:0}.about .top:before{content:"";z-index:-1;background:linear-gradient(#050505d9,#05050500);height:120px;position:absolute;inset:0 0 auto}.about .top a{pointer-events:auto;color:var(--bone);text-decoration:none}.about .mark{letter-spacing:.28em;align-items:center;gap:10px;display:inline-flex}.about .mark i,.about .cta i,.about .role i{background:var(--sig);border-radius:50%;width:5px;height:5px;display:block;box-shadow:0 0 10px 2px #2ef29a73}.about .cta{height:40px;color:var(--bone);font:10.5px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;border:1px solid #c9a06380;align-items:center;gap:10px;padding:0 18px;text-decoration:none;transition:border-color .3s,color .3s;display:inline-flex}.about .cta:hover,.about .cta:focus-visible{border-color:var(--sig)}.about .hero{z-index:1;pointer-events:none;height:100svh;position:relative}.about .hero .fig{font:11px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);margin:0;position:absolute;top:18vh;left:5vw}.about .hero h1{font:400 clamp(64px, 12.5vw, 248px) / .84 var(--font-display);letter-spacing:-.035em;text-shadow:0 4px 60px #050505a6;margin:0;position:absolute;bottom:13vh;left:5vw;right:5vw}.about .hero .word{padding-bottom:.06em;display:block;overflow:hidden}.about .hero .w1{text-align:right;font-style:italic}.about .hero .ch{display:inline-block}.about .hero .role{font:11px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bone);align-items:center;gap:12px;margin:0;display:inline-flex;position:absolute;bottom:7vh;left:5vw}.about .hero .cue{font:10px/1 var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--dim);align-items:center;gap:14px;margin:0;display:inline-flex;position:absolute;bottom:7vh;right:5vw}.about .hero .cue i{background:#efeae226;width:1px;height:44px;display:block;position:relative;overflow:hidden}.about .hero .cue i:after{content:"";background:var(--sig);width:1px;height:40%;animation:2.2s cubic-bezier(.6,0,.3,1) infinite about-cue;position:absolute;top:-40%;left:0}@keyframes about-cue{to{top:100%}}.about .copy{z-index:1;box-sizing:content-box;max-width:760px;margin-left:50vw;padding:6vh 6vw 0 2vw;position:relative}.about .sec{padding:16vh 0 4vh}.about .idx{font:500 11px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bone);align-items:baseline;gap:18px;margin:0 0 44px;display:flex}.about .idx span{color:var(--sig)}.about .idx:after{content:"";background:linear-gradient(90deg,#c9a06373,#c9a06300);flex:1;height:1px;transform:translateY(-3px)}.about .lede{font:400 clamp(26px, 2.35vw, 42px) / 1.22 var(--font-display);letter-spacing:-.01em;color:var(--bone);margin:0}.about .rows,.about .work{margin:0;padding:0;list-style:none}.about .rows li{border-top:1px solid #c9a06329;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"n what""n h""n sub";padding:22px 0;transition:padding-left .5s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.about .rows li:last-child{border-bottom:1px solid #c9a06329}.about .rows .n{font:10.5px/1 var(--font-mono);letter-spacing:.16em;color:var(--mute);grid-area:n;padding-top:6px}.about .rows .what{font:10.5px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);grid-area:what;margin-bottom:8px}.about .rows .h{font:400 clamp(26px, 2.4vw, 40px) / 1.1 var(--font-display);color:var(--bone);grid-area:h;transition:color .4s}.about .rows .sub{max-width:34em;color:var(--dim);grid-area:sub;margin-top:10px;font-size:15.5px;line-height:1.6}.about .rows li:before{content:"";background:var(--sig);opacity:0;border-radius:50%;width:6px;height:6px;margin-top:-3px;transition:opacity .4s,transform .4s;position:absolute;top:50%;left:-22px;transform:scale(.4);box-shadow:0 0 12px 3px #2ef29a73}@media (hover:hover){.about .rows .sub{opacity:0;max-height:0;margin-top:0;transition:max-height .6s cubic-bezier(.2,.7,.2,1),margin .6s,opacity .5s;overflow:hidden}.about .rows li:hover{padding-left:14px}.about .rows li:hover .h{color:#fff}.about .rows li:hover .sub{opacity:1;max-height:6em;margin-top:10px}.about .rows li:hover:before{opacity:1;transform:none}}.about .work li{border-top:1px solid #c9a06329;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name status""line line";gap:12px 24px;padding:30px 0;display:grid}.about .work li:last-child{border-bottom:1px solid #c9a06329}.about .work .name{font:400 clamp(38px, 4.2vw, 72px) / .95 var(--font-display);letter-spacing:-.02em;color:var(--bone);grid-area:name}.about .work li:nth-child(4) .name{color:var(--dim);font-style:italic}.about .work .status{font:10px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);white-space:nowrap;grid-area:status;align-self:start;align-items:center;gap:9px;margin-top:10px;display:inline-flex}.about .work .status i{border:1px solid var(--dim);border-radius:50%;width:5px;height:5px}.about .work .status.live{color:var(--sig)}.about .work .status.live i{background:var(--sig);border:0;box-shadow:0 0 10px 2px #2ef29a73}.about .work .line{max-width:36em;color:var(--dim);grid-area:line;font-size:15.5px;line-height:1.6}.about .work .line b{color:var(--bone);font-weight:500}.about .contact .big{font:400 clamp(48px, 5.6vw, 104px) / .95 var(--font-display);letter-spacing:-.025em;margin:0 0 26px}.about .contact .big em{color:var(--sig)}.about .mail{font:italic 400 clamp(24px, 2.6vw, 44px) / 1.1 var(--font-display);color:var(--bone);border-bottom:1px solid #c9a06380;padding-bottom:8px;text-decoration:none;transition:color .3s,border-color .3s;display:inline-block}.about .mail:hover,.about .mail:focus-visible,.about .links a:hover,.about .links a:focus-visible,.about .back:hover,.about .back:focus-visible{color:var(--sig);border-color:var(--sig)}.about .links{gap:30px;margin:34px 0 0;display:flex}.about .links a,.about .back{font:12px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bone);border-bottom:1px solid #c9a06380;padding-bottom:6px;text-decoration:none}.about .end{flex-wrap:wrap;align-items:center;gap:22px 34px;margin:60px 0 0;display:flex}.about .end .cta{height:48px;padding:0 22px;font-size:11px}.about .foot{font:10px/1.4 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);justify-content:space-between;gap:20px;padding:18vh 0 5vh;display:flex}.about .foot b{color:var(--dim);font-weight:500}.about .cursor{z-index:5;pointer-events:none;opacity:0;width:0;height:0;transition:transform .18s cubic-bezier(.2,.7,.2,1),opacity .3s;position:fixed;top:0;left:0}.about .cursor.on{opacity:1}.about .cursor:after{content:"";background:var(--sig);border-radius:50%;width:8px;height:8px;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,box-shadow .3s;position:absolute;top:-4px;left:-4px;box-shadow:0 0 14px 3px #2ef29a80}.about .cursor.over:after{box-shadow:inset 0 0 0 .25px var(--sig);background:#2ef29a14;transform:scale(4.5)}@media (prefers-reduced-motion:no-preference){.about .hero .ch{animation:1.3s cubic-bezier(.2,.75,.15,1) both about-rise;animation-delay:calc(.5s + var(--i) * 45ms)}.about .hero .fig,.about .hero .role,.about .hero .cue{animation:1.2s 1.4s both about-fade}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.about [data-reveal]{transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}.about [data-reveal]:not(.in){opacity:0;transform:translateY(28px)}}@keyframes about-rise{0%{transform:translateY(105%)}}@keyframes about-fade{0%{opacity:0}}@media (max-width:760px){.about .top{padding:14px 6vw 0}.about .cta{height:44px;padding:0 14px}.about .hero .fig{top:auto;bottom:calc(15vh + 28.6vw + 22px);left:6vw}.about .hero h1{font-size:17vw;bottom:15vh;left:6vw;right:6vw}.about .hero .role{bottom:8vh;left:6vw}.about .hero .cue{bottom:8vh;right:6vw}.about .copy{max-width:none;margin-left:0;padding:0 7vw}.about .sec{padding:11vh 0 2vh}.about .idx{margin-bottom:30px}.about .lede{font-size:25px}.about .work li{grid-template-columns:minmax(0,1fr);grid-template-areas:"name""status""line";gap:10px}.about .work .status{margin-top:0}.about .foot{flex-direction:column;padding-top:12vh}}@media (prefers-reduced-motion:reduce){.about .stage canvas{transition:none}.about .hero .cue i:after{animation:none}}