*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}*{-webkit-tap-highlight-color:transparent}body{min-height:100svh;line-height:var(--leading-body)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--oxide);outline-offset:3px}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-variable.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic-variable.woff2)format("woff2-variations");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-variable.woff2)format("woff2-variations");font-weight:100 800;font-style:normal;font-display:swap}:root{--plaster:#d6d6d6;--plaster-lift:#e2e2e2;--plaster-shade:#c2c2c2;--graphite:#333533;--ink:#202020;--gloom:#141210;--sun-spot:#ffcf6a;--ink-dim:#2020209e;--ink-faint:#20202057;--hairline:#20202029;--banana:#fdc700;--banana-deep:#ffd100;--banana-bright:#ffee32;--font-display:"Fraunces", "Times New Roman", Georgia, serif;--font-body:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--step--2:clamp(.66rem, .64rem + .09vw, .72rem);--step--1:clamp(.79rem, .76rem + .15vw, .88rem);--step-0:clamp(.95rem, .91rem + .2vw, 1.06rem);--step-1:clamp(1.14rem, 1.07rem + .34vw, 1.38rem);--step-2:clamp(1.37rem, 1.25rem + .56vw, 1.79rem);--step-3:clamp(1.64rem, 1.46rem + .88vw, 2.33rem);--step-4:clamp(1.97rem, 1.69rem + 1.36vw, 3.03rem);--step-5:clamp(2.36rem, 1.94rem + 2.06vw, 3.93rem);--step-6:clamp(2.83rem, 2.21rem + 3.08vw, 5.11rem);--leading-tight:.9;--leading-body:1.55;--tracking-tight:-.035em;--tracking-wide:.16em;--tracking-wider:.26em;--space-2xs:clamp(.4rem, .37rem + .14vw, .5rem);--space-xs:clamp(.6rem, .55rem + .24vw, .78rem);--space-s:clamp(.9rem, .82rem + .4vw, 1.19rem);--space-m:clamp(1.35rem, 1.22rem + .63vw, 1.78rem);--space-l:clamp(2rem, 1.79rem + 1.05vw, 2.72rem);--space-xl:clamp(3rem, 2.63rem + 1.79vw, 4.25rem);--space-2xl:clamp(4.5rem, 3.86rem + 3.21vw, 6.75rem);--gutter:clamp(1.1rem, .7rem + 2vw, 2.6rem);--measure:34rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--dur-fast:.32s;--dur-med:.7s;--dur-slow:1.2s;--z-canvas:0;--z-grain:2;--z-hud:20;--z-titles:40;--z-loader:60;--z-cursor:90}html{background:var(--gloom);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0)}body{background:var(--gloom);overscroll-behavior:none;touch-action:none;overflow:hidden}html.has-custom-cursor,html.has-custom-cursor *{cursor:none}:root{--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}.gl{width:100vw;height:100svh;z-index:var(--z-canvas);opacity:1;position:fixed;inset:0}.grain{z-index:var(--z-grain);pointer-events:none;opacity:.26;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");animation:.9s steps(3,end) infinite grain-shift;position:fixed;inset:-50%}@keyframes grain-shift{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}.vignette{z-index:var(--z-grain);pointer-events:none;background:radial-gradient(at 50% 46%,#0000 46%,#2020202e 100%);position:fixed;inset:0}.mono{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--plaster-shade)}.display{font-family:var(--font-display);font-variation-settings:"opsz" 144, "wght" 620, "SOFT" 0, "WONK" 1;font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.titles{z-index:var(--z-titles);pointer-events:none;opacity:0;transition:opacity var(--dur-slow) var(--ease-out);position:fixed;inset:0}html.phase-titles .titles{opacity:1}.titles__stack{place-items:center;display:grid;position:absolute;inset:0}.titles__line{text-align:center;opacity:0;will-change:opacity;grid-area:1/1;width:100%;padding-inline:8vw}.titles__sm{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--plaster-lift);font-size:clamp(.78rem,1.5vw,1.05rem);line-height:1.6}.titles__big{font-family:var(--font-display);font-variation-settings:"opsz" 144, "wght" 600, "SOFT" 0, "WONK" 1;letter-spacing:-.01em;color:#f4efe6;vertical-align:baseline;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.02;display:inline-block}.titles__big.is-yellow{color:var(--banana)}.titles__logo{opacity:0;width:clamp(7rem,11vw,10rem);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud{z-index:var(--z-hud);pointer-events:none;opacity:0;transition:opacity 1.6s var(--ease-out);position:fixed;inset:0}html.phase-gallery .hud{opacity:1}.hud__logo{pointer-events:auto;width:clamp(5rem,8vw,7.5rem);position:absolute;inset-block-start:calc(var(--space-m) + var(--safe-t));inset-inline-start:calc(var(--gutter) + var(--safe-l))}.hud__logo img{width:100%;height:auto}.hud__nav{pointer-events:none;justify-content:center;display:flex;position:absolute;inset-block-start:calc(var(--space-m) + var(--safe-t));inset-inline:0}.hud__nav ul{gap:var(--space-m);white-space:nowrap;pointer-events:auto;font-family:var(--font-mono);letter-spacing:.08em;flex-wrap:nowrap;display:flex}.hud__navitem{pointer-events:auto;color:var(--plaster-shade);transition:color var(--dur-fast) var(--ease-out);white-space:nowrap;align-items:baseline;min-height:30px;display:inline-flex}.hud__navitem:hover .hud__navindex{color:var(--banana)}.hud__navtitle{display:none}.hud__navindex{color:var(--sun-spot,#ffcf6a);transition:color var(--dur-fast) var(--ease-out);font-size:1em}.hud__sound{pointer-events:auto;border:1px solid var(--sun-spot);color:var(--banana);min-height:44px;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:.5em .9em;position:absolute;inset-block-end:calc(var(--space-m) + var(--safe-b));inset-inline-start:calc(var(--gutter) + var(--safe-l))}.hud__sound:hover{border-color:var(--banana);color:var(--banana-bright,#ffe14d)}.hud__label{text-align:end;white-space:nowrap;position:absolute;inset-block-end:calc(var(--space-m) + var(--safe-b));inset-inline-end:calc(var(--gutter) + var(--safe-r))}.hud__label em{color:var(--plaster-shade);font-style:italic}.peel-note{text-align:end;opacity:0;max-width:20rem;color:var(--banana);position:absolute;inset-block-end:calc(var(--space-m) + var(--safe-b) + 3.4rem);inset-inline-end:calc(var(--gutter) + var(--safe-r))}.colophon{z-index:var(--z-hud);text-align:center;opacity:0;transition:opacity var(--dur-med) var(--ease-out);pointer-events:none;color:var(--plaster-shade);position:fixed;inset-block-end:calc(var(--space-s) + var(--safe-b));inset-inline:0}html.has-open-panel .colophon{opacity:1}.sr-list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cursor{z-index:var(--z-cursor);pointer-events:none;position:fixed;inset:0}.cursor__pip,.cursor__ring,.cursor__label{will-change:transform;position:absolute;top:0;left:0}.cursor__pip{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 1.5px rgba(16,14,12,.85),0 0 6px 1px rgba(16,14,12,.55)}.cursor__ring{border:1.5px solid rgba(255,255,255,.92);width:34px;height:34px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;box-shadow:0 0 0 1px rgba(16,14,12,.6),inset 0 0 0 1px rgba(16,14,12,.6),0 0 10px rgba(16,14,12,.35)}.cursor.is-active .cursor__ring{border-color:#fff;box-shadow:0 0 0 1.5px rgba(16,14,12,.75),inset 0 0 0 1.5px rgba(16,14,12,.75),0 0 14px rgba(16,14,12,.45)}.cursor[data-mode=peel] .cursor__ring{border-color:var(--banana);border-width:2.5px;box-shadow:0 0 0 1.5px rgba(16,14,12,.8),inset 0 0 0 1.5px rgba(16,14,12,.8),0 0 16px rgba(253,199,0,.4)}.cursor__ticks{opacity:0;transition:opacity var(--dur-fast) var(--ease-out);background:conic-gradient(from 0deg, #fff 0 2.5deg, transparent 2.5deg 87.5deg, #fff 87.5deg 92.5deg, transparent 92.5deg 177.5deg, #fff 177.5deg 182.5deg, transparent 182.5deg 267.5deg, #fff 267.5deg 272.5deg, transparent 272.5deg 360deg);position:absolute;inset:-7px;mask:radial-gradient(circle,#0000 60%,#000 61% 68%,#0000 69%);filter:drop-shadow(0 0 1.5px rgba(16,14,12,.9))}.cursor__label{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#f4efe6;white-space:nowrap;background:rgba(16,14,12,.78);padding:.28em .5em .24em;border-radius:2px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);line-height:1}.cursor__label:empty{display:none}html.no-js body{overflow:auto}html.no-js .gl,html.no-js .grain,html.no-js .vignette{display:none}html.no-js .titles{opacity:1;padding-block:var(--space-2xl);position:static}html.no-js .titles__stack{display:block;position:static}html.no-js .titles__line{opacity:1;padding-inline:var(--gutter);margin-block-end:var(--space-m);position:static;text-align:start!important}html.no-js .titles__big{font-size:var(--step-3);display:inline}html.no-js .titles__logo{opacity:1;width:8rem;margin-top:var(--space-l);position:static;transform:none}html.no-js .hud{opacity:1;padding:var(--space-l) var(--gutter);position:static}html.no-js .hud__logo,html.no-js .hud__label,html.no-js .hud__sound{margin-block-end:var(--space-s);position:static}html.no-js .peel-note{display:none}html.no-js .sr-list{clip-path:none;white-space:normal;width:auto;height:auto;position:static}html.no-js .sr-list li{max-width:var(--measure);margin-block-end:var(--space-xl)}html.no-js .sr-list h2{font-family:var(--font-display);text-transform:uppercase;font-size:var(--step-4);margin-block-end:var(--space-xs)}html.no-js .sr-list dt{margin-block-start:var(--space-xs);font-weight:700}html.no-js .colophon{opacity:1;text-align:start;padding:var(--space-l) var(--gutter);position:static}@media (prefers-reduced-motion:reduce){.grain{animation:none}.cursor{display:none}html.has-custom-cursor,html.has-custom-cursor *{cursor:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=760px){.hud__label{display:none}.hud__nav{justify-content:flex-end}.hud__nav ul{gap:var(--space-s);padding-inline-start:4.5rem;padding-inline-end:calc(var(--gutter) + var(--safe-r));font-size:.9rem}.peel-note{inset-block-end:calc(var(--space-m) + var(--safe-b) + 2.6rem);inset-inline:calc(var(--gutter) + var(--safe-l)) calc(var(--gutter) + var(--safe-r));text-align:center;max-width:none}.colophon{display:none}.titles__big{font-size:clamp(1.9rem,8vw,3.2rem)}.titles__sm{font-size:.8rem}.titles__logo{width:7rem}}@media (height<=460px){.titles__big{font-size:clamp(1.6rem,7vw,2.6rem)}.hud__label,.colophon{display:none}}.enter{z-index:var(--z-titles);cursor:pointer;opacity:0;transition:opacity var(--dur-slow) var(--ease-out);pointer-events:auto;text-align:center;background:0 0;border:0;place-content:center;gap:.4rem;display:grid;position:fixed;inset:0}.enter[hidden]{display:none}html.can-enter .enter{opacity:1}.enter.is-leaving{opacity:0;pointer-events:none}.enter__word{font-family:var(--font-display);font-variation-settings:"opsz" 144, "wght" 600, "SOFT" 0, "WONK" 1;color:var(--banana);font-size:clamp(2.6rem,8vw,5rem);line-height:1}.enter__sub{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--plaster-lift);font-size:clamp(.78rem,1.6vw,1rem)}.enter:hover .enter__word{color:var(--banana-bright,#ffe14d)}
.titles__skip{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--plaster-shade);opacity:0;transition:opacity 1.2s var(--ease-out);position:absolute;left:50%;bottom:calc(var(--space-l) + var(--safe-b));transform:translateX(-50%);pointer-events:none;text-align:center;mix-blend-mode:normal}html.can-skip-titles .titles__skip{opacity:.42}