@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/comfortaa-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/comfortaa-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ink:#0E0608;--bone:#EDE7DD;--screen:#9FD8FF;--line:rgba(237,231,221,.2);--mono:ui-monospace,"SF Mono","JetBrains Mono","Roboto Mono",Menlo,Consolas,monospace;--sans:"Comfortaa","Helvetica Neue",Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}canvas{display:block;touch-action:none}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 92% 84% at 50% 42%,transparent 52%,rgba(8,3,4,.34) 100%);mix-blend-mode:multiply}.ui{position:fixed;inset:0;pointer-events:none;z-index:3;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(18px,3.2vw,44px)}.ui a,.ui button,.ui input{pointer-events:auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mark{display:flex;align-items:center;gap:11px;font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.13em;text-transform:uppercase;opacity:.75}.mark .dot{width:6px;height:6px;border-radius:50%;background:var(--screen);box-shadow:0 0 14px var(--screen);animation:blink 5s steps(1,end) infinite}@keyframes blink{0%,72%{opacity:1}73%,80%{opacity:.25}81%,to{opacity:1}}.lang button{appearance:none;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:2px;color:var(--bone);font-family:var(--mono);font-size:11px;letter-spacing:.18em;transition:background .25s,border-color .25s}.lang button:hover,.lang button:focus-visible{background:#ede7dd14;border-color:#ede7dd6b}.lang span{opacity:.34;transition:opacity .25s,color .25s}.lang span[aria-current=true]{opacity:1;color:var(--screen)}.lang i{font-style:normal;opacity:.22}.stage{align-self:end;max-width:min(580px,100%)}.panel{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;opacity:.5;margin:0 0 14px}h1{margin:0;font-size:clamp(36px,6.8vw,70px);line-height:1.02;letter-spacing:-.012em;font-weight:700;text-shadow:0 2px 30px rgba(6,2,3,.6)}h1 em{font-style:normal;opacity:.4}.lede{margin:16px 0 0;max-width:42ch;font-size:clamp(14px,1.5vw,16.5px);line-height:1.65;opacity:.78;font-weight:400}.works{list-style:none;margin:14px 0 0;padding:0}.works li{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:13px 0;border-top:1px solid var(--line);font-size:clamp(15px,1.9vw,18px);letter-spacing:0;font-weight:500}.works li:last-child{border-bottom:1px solid var(--line)}.works a{color:inherit;text-decoration:none}.works a:hover{text-decoration:underline;text-underline-offset:5px}.works span{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;opacity:.5;text-transform:uppercase}.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.links a{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);text-decoration:none;padding:9px 15px;border:1px solid var(--line);border-radius:2px;transition:background .25s,border-color .25s,transform .25s}.links a:hover,.links a:focus-visible{background:#ede7dd1a;border-color:#ede7dd80;transform:translateY(-1px)}.foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(22px,4vh,38px);flex-wrap:wrap}.foot nav{display:flex;gap:4px;padding:4px;background:#0e07099e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(237,231,221,.22);border-radius:4px}.foot nav button{appearance:none;background:none;border:0;cursor:pointer;border-radius:2px;color:var(--bone);font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:11px 16px;opacity:.62;transition:opacity .25s,background .25s,color .25s}.foot nav button:hover{opacity:1;background:#ede7dd14}.foot nav button[aria-current=true]{opacity:1;color:var(--ink);background:var(--screen);box-shadow:0 0 18px #9fd8ff59}.dial{display:flex;align-items:center;gap:12px}.dial label,.dial output{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase}.dial label{opacity:.5}.dial output{min-width:64px;opacity:.85}input[type=range]{-webkit-appearance:none;appearance:none;width:clamp(90px,16vw,150px);background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--line)}input[type=range]::-moz-range-track{height:1px;background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4.5px;border-radius:50%;background:var(--bone);box-shadow:0 0 12px var(--screen)}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--bone);box-shadow:0 0 12px var(--screen)}:focus-visible{outline:2px solid var(--screen);outline-offset:3px}.boot{position:fixed;inset:0;z-index:9;background:var(--ink);display:grid;place-content:center;gap:14px;justify-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:#ede7dd8c;transition:opacity .9s ease}.boot.done{opacity:0;pointer-events:none}.boot span:first-child{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.13em}.boot .bar{width:120px;height:1px;background:var(--line);overflow:hidden}.boot .bar i{display:block;height:100%;background:var(--screen);transition:width .3s}.recentre{appearance:none;background:none;cursor:pointer;margin-left:4px;padding:6px 10px;border:1px solid var(--line);border-radius:2px;color:var(--bone);font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.6;transition:opacity .25s,background .25s,border-color .25s;animation:rise .35s cubic-bezier(.2,.7,.2,1) both}.recentre:hover,.recentre:focus-visible{opacity:1;background:#ede7dd14;border-color:#ede7dd6b}.drag-hint{margin:10px 0 0;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.34;animation:hintfade 5s ease both}@keyframes hintfade{0%{opacity:0}12%{opacity:.4}76%{opacity:.4}to{opacity:0}}.topright{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.legal{position:relative;pointer-events:auto}.legal>button{appearance:none;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:0;color:var(--bone);font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.34;transition:opacity .25s}.legal>button:hover,.legal>button:focus-visible,.legal>button[aria-expanded=true]{opacity:.85}.legal>button i{width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;transition:transform .25s}.legal>button i.up{transform:rotate(180deg)}.legal-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:4;display:flex;flex-direction:column;min-width:172px;background:#10090cf0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:2px;padding:5px;box-shadow:0 18px 44px #0000008c;animation:drop .22s cubic-bezier(.2,.7,.2,1) both}.legal-menu[hidden]{display:none}@keyframes drop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.legal-menu a{color:var(--bone);text-decoration:none;white-space:nowrap;font-family:var(--mono);font-size:10px;letter-spacing:.12em;padding:8px 11px;border-radius:2px;opacity:.62;transition:opacity .2s,background .2s}.legal-menu a:hover,.legal-menu a:focus-visible{opacity:1;background:#ede7dd14}@media (max-width:620px){.foot{flex-direction:column-reverse;align-items:stretch;gap:14px}.foot nav{width:100%;gap:5px;background:#0e0709db;border-color:#ede7dd57}.foot nav button{flex:1;min-height:52px;padding:11px 6px;font-size:12.5px;letter-spacing:.1em;opacity:.8}.dial{gap:9px;flex-wrap:wrap}.dial label{opacity:.66}.dial output{min-width:auto}input[type=range]{flex:1;min-width:110px}.works li{padding:16px 0}.work-btn{min-height:30px}.works span{font-size:11px;opacity:.65}.lang button{font-size:12px;padding:9px 13px;background:#0e0709b3;border-color:#ede7dd52}.lang span{opacity:.5}.legal>button{font-size:11px;padding:8px 9px;opacity:.62}.legal-menu a{font-size:12px;padding:12px 13px;opacity:.85}.mark{opacity:.9}.eyebrow{font-size:11.5px;opacity:.68}.lede{opacity:.88}}@media (prefers-reduced-motion:reduce){.panel,.mark .dot,.legal-menu,.recentre{animation:none}.drag-hint{animation:none;opacity:.4}}.work-btn{appearance:none;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;display:inline-flex;align-items:center;gap:10px;transition:opacity .2s}.work-btn:hover{opacity:.75}.work-btn .cue{width:7px;height:7px;border-radius:50%;border:1px solid rgba(237,231,221,.45);transition:background .3s,box-shadow .3s,border-color .3s}.work-btn[aria-pressed=true] .cue{background:var(--screen);border-color:var(--screen);box-shadow:0 0 12px var(--screen);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.works li:has(.work-btn[aria-pressed=true]) span{opacity:.9;color:var(--screen)}