:root{--blue: #005aff;--pale: #9cc2ff;--ink: #d8dde0;--outline: #59606a;--hairline: #22262c;--stroke: 1px;--sans: "Geist Variable", "Helvetica Neue", Arial, sans-serif;--mono: "Geist Mono Variable", ui-monospace, Menlo, monospace;--edge-x: 5vw;--edge-y: 4.5vh;--logo: 56px;--brand-x: calc(var(--edge-x) + var(--logo) * .86 + 8px);color-scheme:dark}@media(max-resolution:1.5dppx){:root{--stroke: 1.5px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#000}body{color:var(--ink);font:400 13px/1.5 var(--mono);-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.corner{position:fixed;z-index:2;border:0;background:none;color:var(--ink);font:500 11px/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:opacity .4s ease}.top-left{left:var(--brand-x);top:var(--edge-y)}.top-left .logo{position:absolute;left:calc(var(--edge-x) - var(--brand-x) - var(--logo) * .07);top:calc(2.5px - var(--logo) * .1875);width:var(--logo);height:var(--logo)}.top-right{right:var(--edge-x);top:var(--edge-y);opacity:.55}.bottom-left{left:var(--edge-x);bottom:var(--edge-y);opacity:.55}.bottom-right{right:var(--edge-x);bottom:var(--edge-y)}.top-right:hover,.bottom-left:hover,.corner:focus-visible{opacity:1}.search-dialog{margin:14vh auto 0;width:min(40rem,calc(100% - 2rem));max-width:none;border:1px solid var(--hairline);background:#050608;color:var(--ink)}.search-dialog::backdrop{background:#000000bf}.search-field{display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--hairline)}#search-input{flex:1;min-width:0;height:52px;border:0;background:none;color:inherit;font:inherit;font-size:14px;outline:none}.search-field kbd{font:inherit;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.5}#search-results{max-height:60vh;overflow-y:auto;padding:8px;list-style:none}#search-results:empty{display:none}.search-hit{display:block;padding:10px 12px;color:inherit;text-decoration:none}.search-hit:hover,.search-hit[aria-selected=true]{background:#005aff1f;box-shadow:inset 2px 0 0 var(--blue)}.search-hit-title{display:block;color:#fff}.search-hit-page{display:block;font-size:11px;color:var(--pale)}.search-hit-text{display:block;margin-top:4px;font-size:11px;opacity:.6}.search-empty{padding:24px 12px;text-align:center;opacity:.6}#search-more{display:block;padding:10px 16px;border-top:1px solid var(--hairline);color:var(--ink);font-size:11px;text-decoration:none;opacity:.6}#search-more:hover{opacity:1}:root{--words: min(10vw, 12vh)}html,body{height:100%;overflow:hidden}body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.open{touch-action:none}input{user-select:text;-webkit-user-select:text}#canvas{position:fixed;inset:0;display:block;width:100%!important;height:100%!important;outline:none;opacity:0;pointer-events:none;touch-action:none;-webkit-tap-highlight-color:transparent;transition:opacity 1.2s ease}.ready #canvas{opacity:1}.stills img{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.stills img.on{opacity:1}.mask{position:fixed;inset:0;background:#000;mix-blend-mode:multiply;pointer-events:none;transition:background-color .7s ease}.leak{position:absolute;left:-10%;right:-10%;top:var(--leak-top, 20vh);height:30vh;background:radial-gradient(closest-side,rgb(255 255 255 / .28),transparent);transition:top .3s ease}.open .mask{background:#fff}.static .mask{display:none}main{pointer-events:none;transition:opacity .4s ease}.works{position:absolute;top:17vh;left:4.5vw;list-style:none;font:900 var(--words) / .88 var(--sans);letter-spacing:-.045em;transition:opacity .4s ease}.works a,.works span{display:block;width:max-content;color:transparent;text-decoration:none}main .works a{pointer-events:auto;outline:none;-webkit-text-stroke:var(--stroke) var(--outline);transition:-webkit-text-stroke-color .2s ease}main .works a:hover,main .works a:focus-visible{-webkit-text-stroke-color:#9aa3ad}main .works a[aria-current=true]{-webkit-text-stroke-width:0}.static main .works a[aria-current=true]{color:var(--pale)}.mask .works span{color:#000}.mask .works span.on{color:#fff}.open .mask .works{opacity:0}.readout{position:absolute;top:var(--readout-top, 20vh);left:var(--readout-left, 50vw);font-size:clamp(10px,1.05vw,13px);color:var(--pale);white-space:nowrap;transition:top .3s ease,left .3s ease}.readout span{display:block;color:var(--ink);opacity:.6}.what{position:fixed;z-index:2;left:var(--brand-x);top:calc(var(--edge-y) + 22px);max-width:60%;font-size:clamp(11px,1.1vw,14px);line-height:1.4;opacity:.8;transition:opacity .4s ease}.back{opacity:0;pointer-events:none}.open .back{opacity:.8;pointer-events:auto}.open main,.open .what{opacity:0}.open main .works a{pointer-events:none}body:not(.ready,.static,.still) :is(main,.what,.corner){opacity:0}body:not(.ready,.static,.still) :is(main .works a,.corner){pointer-events:none}.boot{position:fixed;inset:0;z-index:3;display:grid;place-content:center;grid-auto-flow:column;color:var(--pale);font-size:clamp(14px,1.6vw,20px);line-height:1;letter-spacing:.28em;text-shadow:0 0 2px #fff,0 0 8px rgb(0 90 255 / .9),0 0 22px rgb(0 90 255 / .6);pointer-events:none;animation:flicker 4.5s infinite;transition:opacity .8s ease}.boot-text{animation:pulse 3s ease-in-out infinite}.boot:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .28) 0 1px,transparent 1px 3px)}.boot-cursor{animation:blink 1s steps(1) infinite}.ready .boot,.static .boot,.still .boot{opacity:0}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes flicker{0%,92%,to{filter:none}93%{filter:brightness(.6)}94%{filter:brightness(1.2)}96%{filter:brightness(.8)}}@media(max-width:760px){:root{--words: 15vw}.works{top:20vh}.what{max-width:85%}.readout{top:auto;bottom:12vh;left:5vw;white-space:normal}}@media(prefers-reduced-motion:reduce){.boot,.boot-text,.boot-cursor{animation:none}}