@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-italic.woff2)format("woff2")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-tight-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-tight-latin-500-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2")}@property --tone{syntax:"<number>";inherits:true;initial-value:0}@property --title-em{syntax:"<length>";inherits:true;initial-value:0}:root{--ink:#2a1b14;--paper:#f6ece2;--veil-light:#f2e0cf;--veil-dark:#150f0c;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:"Inter Tight", "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter:clamp(20px, 2.6vw, 40px);--ease:cubic-bezier(.6, 0, .2, 1)}:root,.tone{--fg:color-mix(in oklab, var(--paper) calc(var(--tone) * 100%), var(--ink));--fg-soft:color-mix(in oklab, var(--fg) 92%, transparent);--rule:color-mix(in oklab, var(--fg) 30%, transparent);--halo:color-mix(in oklab, var(--ink) calc(var(--tone) * 100%), var(--paper));--veil:color-mix(in oklab, var(--veil-dark) calc(var(--tone) * 100%), var(--veil-light))}.tone{color:var(--fg)}.chapter.tone[data-on=true]{transition:--tone .9s var(--ease)}.tone.is-paper{--tone:1}.masthead .tone,.steps,.signature,.hint{text-shadow:0 0 10px color-mix(in oklab, var(--halo) 42%, transparent)}.step-text,.counter,.end-note,.kicker,.step-title .num{text-shadow:0 0 2px color-mix(in oklab, var(--halo) 55%, transparent), 0 0 14px color-mix(in oklab, var(--halo) 40%, transparent)}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;background:#e9c8b0;margin:0;overflow:hidden}body{touch-action:none;position:fixed;inset:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--fg);outline-offset:3px;box-shadow:0 0 0 7px color-mix(in oklab, var(--halo) 78%, transparent);border-radius:2px}.preloader__poster img.is-feathered{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 12% 88%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.stage{height:100vh;z-index:0;pointer-events:none;height:100svh;position:fixed;inset:0 0 auto}.stage canvas{width:100%;height:100%;display:block}.stage__fade{opacity:0;background:#120e0c;position:absolute;inset:0}.fallback{display:none}.scroller{height:100vh;z-index:1;overscroll-behavior:none;scrollbar-width:none;-webkit-overflow-scrolling:auto;outline:none;height:100svh;position:fixed;inset:0 0 auto;overflow:hidden scroll}.scroller::-webkit-scrollbar{display:none}.scroller__content{width:1px;height:calc((var(--cycle,7) + 1) * 100%)}.masthead{z-index:5;padding:calc(env(safe-area-inset-top) + var(--gutter) * .8 - 11px) var(--gutter) 0;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.masthead__brand{pointer-events:auto;min-height:44px;font:400 23px/1 var(--serif);letter-spacing:-.005em;align-items:center;text-decoration:none;display:inline-flex}.sound{pointer-events:auto;min-width:44px;min-height:44px;color:var(--fg);font:400 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;margin-right:-6px;padding:0 6px 0 12px;display:inline-flex}.sound__bars{align-items:flex-end;gap:2px;height:11px;display:inline-flex;position:relative}.sound__bars i{width:1.5px;height:3px;transition:height .4s var(--ease);background:currentColor;display:block}.sound__bars:after{content:"";height:1px;transition:opacity .35s var(--ease), transform .35s var(--ease);background:currentColor;position:absolute;top:50%;left:-3px;right:-3px;transform:rotate(-38deg)}.sound[aria-pressed=true] .sound__bars:after{opacity:0;transform:rotate(-38deg)scaleX(.2)}.sound[aria-pressed=false] .sound__bars i{opacity:.7;height:2px}.sound[aria-pressed=true] .sound__bars i{animation:bar 1.1s var(--ease) infinite alternate}.sound[aria-pressed=true] .sound__bars i:nth-child(2){animation-delay:-.4s}.sound[aria-pressed=true] .sound__bars i:nth-child(3){animation-delay:-.75s}.sound[aria-pressed=true] .sound__bars i:nth-child(4){animation-delay:-.2s}@keyframes bar{0%{height:3px}to{height:11px}}.story{z-index:3;pointer-events:none;position:fixed;inset:0}.scrim{display:none}.chapter{--v:0;--a:clamp(0, var(--v), 1);--b:clamp(0, calc(var(--v) - 1), 1);isolation:isolate;opacity:calc(clamp(0, var(--a) * 2, 1) * (1 - clamp(0, var(--b) * 1.6, 1)));margin:0;position:absolute}.chapter--end[data-on=false]{visibility:hidden}.veil{z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--veil) 64%, transparent), color-mix(in oklab, var(--veil) 56%, transparent) 38%, color-mix(in oklab, var(--veil) 30%, transparent) 66%, color-mix(in oklab, var(--veil) 8%, transparent) 86%, transparent);position:absolute;inset:-26% -16% -30% -12%}.ln{clip-path:inset(-.3em -.6em 0);margin-bottom:-.1em;padding-bottom:.1em;display:block}.ln>span{--li:clamp(0, calc(var(--a) * 1.6 - var(--i,0) * .2), 1);--lo:clamp(0, calc(var(--b) * 1.6 - var(--i,0) * .14), 1);transform:translate3d(0, calc((1 - var(--li)) * 108% - var(--lo) * 60%), 0);will-change:transform;display:inline-block}.chapter--intro{left:var(--gutter);bottom:calc(var(--gutter) * 2.4 + 34px);max-width:60vw}.chapter>.veil{inset:-26% -16% -30% -12%}.chapter--intro>.veil{inset:-54% -22% -60% -14%}.display{font:400 clamp(92px, 13.5vw, 228px) / .86 var(--serif);letter-spacing:-.028em;margin:0 0 0 -.04em}.display .ln{margin-bottom:-.14em;padding-bottom:.14em}.display .ln>span{transform:translate3d(0, calc((1 - var(--li)) * 118% - var(--lo) * 60%), 0)}.lede{font:italic 400 clamp(24px, 2.35vw, 40px) / 1.1 var(--serif);letter-spacing:-.005em;margin:.55em 0 0}.kicker{font:400 10.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-soft);margin:0 0 1.6em}.chapter--intro .kicker{position:absolute;top:-2.6em}.hint{left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--gutter) * 1.1 + 6px);font:400 10px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-soft);opacity:calc(clamp(0, var(--a) * 2 - 1, 1) * (1 - var(--b)));flex-direction:column;align-items:center;gap:12px;margin:0;display:flex;position:fixed;transform:translate(-50%)}.hint>.veil{inset:-40% -60%}.hint__line{background:var(--rule);width:1px;height:38px;position:relative;overflow:hidden}.hint__line:after{content:"";width:1px;height:40%;animation:hint 2.4s var(--ease) infinite;background:currentColor;position:absolute;top:0;left:0}@keyframes hint{0%{transform:translateY(-100%)}60%,to{transform:translateY(260%)}}.chapter--statement{left:var(--gutter);top:24vh}.chapter--statement>.veil{inset:-38% -26% -40% -18%}.statement{max-width:14ch;font:italic 400 clamp(38px, 4.6vw, 76px) / 1.02 var(--serif);letter-spacing:-.012em;text-wrap:balance;margin:0}.chapter--step{left:var(--gutter);bottom:calc(var(--gutter) * 2.4 + 34px);max-width:min(36rem,44vw)}.step-title{--title-em:1em;font:400 clamp(46px, 5.2vw, 88px) / .95 var(--serif);letter-spacing:-.02em;margin:0}.step-title .num{--num:max(10px, calc(var(--title-em) * .19));font-family:var(--mono);font-size:var(--num);letter-spacing:.12em;vertical-align:calc(var(--title-em) * .27 - var(--num) * .36);margin-right:.2em}.step-title .dash{vertical-align:.12em;font-size:.6em}.step-text{max-width:30ch;font:400 clamp(15px, 1.12vw, 18px) / 1.45 var(--sans);color:var(--fg-soft);text-wrap:pretty;margin:1.05em 0 0}.counter{font:400 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-soft);margin:1.4em 0 0}.counter__value{letter-spacing:.02em;min-width:5.2ch;color:var(--fg);font-variant-numeric:tabular-nums;vertical-align:-.12em;margin-right:.9em;font-size:22px;display:inline-block}.chapter--end{left:var(--gutter);bottom:calc(var(--gutter) * 2.4 + 34px);max-width:52vw}.chapter--end>.veil{inset:-46% -18% -30% -12%}.end-lede{font:italic 400 clamp(22px, 2.1vw, 34px) / 1.2 var(--serif);margin:0}.end-credit{max-width:13.5ch;font:400 clamp(52px, 5.6vw, 100px) / .94 var(--serif);letter-spacing:-.024em;text-wrap:balance;margin:.3em 0 0}.end-credit a{pointer-events:auto;transition:background-size .7s var(--ease);background:linear-gradient(currentColor,currentColor) 0 92%/0 1px no-repeat;text-decoration:none}.end-credit a:hover{background-size:100% 1px}.end-note{max-width:36ch;font:400 12px/1.45 var(--sans);letter-spacing:.01em;color:var(--fg-soft);text-wrap:balance;margin:1.5em 0 0}.steps{z-index:4;left:calc(var(--gutter) - 10px);bottom:calc(env(safe-area-inset-bottom) + var(--gutter) * .9 - 16px);position:fixed}.steps__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.steps button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;font:400 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:9px;padding:0 10px;display:flex;position:relative}.steps__name{white-space:nowrap;opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease);color:var(--fg);pointer-events:none;position:absolute;bottom:calc(100% - 8px);left:10px;transform:translateY(4px)}.steps__num{color:var(--fg-soft);transition:color .4s var(--ease)}.steps__rule{background:var(--rule);width:28px;height:1px;display:block;position:relative;overflow:hidden}.steps__fill{transform-origin:0;background:currentColor;display:block;position:absolute;inset:0;transform:scaleX(0)}.steps button:hover .steps__name,.steps button:focus-visible .steps__name{opacity:1;transform:none}.steps button[aria-current=step] .steps__num,.steps button:hover .steps__num{color:var(--fg)}.signature{z-index:5;right:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + var(--gutter) * .9);font:400 11px/1.2 var(--sans);letter-spacing:.02em;align-items:baseline;gap:.7em;display:flex;position:fixed}.signature>span{color:var(--fg-soft)}.signature a{color:var(--fg);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 14px)/100% 1px no-repeat;margin:-16px 0;padding:16px 0;text-decoration:none;display:inline-block}.signature__dot{opacity:.6}@media (max-width:1000px) and (min-aspect-ratio:4/5){.hint{left:auto;right:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + var(--gutter) * .9 + 34px);align-items:flex-end;transform:none}}@media (max-width:720px),(max-aspect-ratio:4/5){:root{--gutter:20px}.masthead__brand{font-size:21px}.chapter--intro,.chapter--step{left:var(--gutter);right:var(--gutter);bottom:auto;top:calc(env(safe-area-inset-top) + 92px);max-width:none}.chapter--intro{flex-direction:column;display:flex}.chapter>.veil{background:radial-gradient(closest-side, color-mix(in oklab, var(--veil) 82%, transparent), color-mix(in oklab, var(--veil) 74%, transparent) 40%, color-mix(in oklab, var(--veil) 44%, transparent) 68%, color-mix(in oklab, var(--veil) 12%, transparent) 88%, transparent);inset:-40% -34% -46%}.step-text,.counter,.end-note,.kicker{text-shadow:0 0 6px color-mix(in oklab, var(--halo) 70%, transparent), 0 0 16px color-mix(in oklab, var(--halo) 45%, transparent)}.chapter--intro .kicker{order:-1;margin:0 0 1.4em;position:static}.display{font-size:clamp(84px,25vw,150px)}.lede{font-size:clamp(22px,6.4vw,30px)}.step-title{font-size:clamp(40px,11.5vw,62px)}.step-text{max-width:28ch;font-size:15px;font-weight:500}.statement{max-width:14ch;font-size:clamp(34px,10vw,52px)}.chapter--statement{top:calc(env(safe-area-inset-top) + 92px);transform:none}.chapter--end{left:var(--gutter);right:var(--gutter);bottom:auto;top:calc(env(safe-area-inset-top) + 92px);max-width:none}.end-credit{font-size:clamp(46px,13vw,72px)}.hint{bottom:calc(env(safe-area-inset-bottom) + 100px)}.steps{left:calc(var(--gutter) - 4px);right:calc(var(--gutter) - 4px);bottom:calc(env(safe-area-inset-bottom) + 44px)}.steps__list{justify-content:space-between;gap:4px}.steps__list li{flex:1}.steps button{flex-direction:column-reverse;justify-content:center;align-items:flex-start;gap:8px;width:100%;padding:0 4px}.steps__rule{width:100%}.steps__name{display:none}.signature{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 14px);justify-content:center;font-size:10.5px}}html.no-webgl,html.no-webgl body{touch-action:auto;height:auto;position:static;overflow:auto}html.no-webgl .stage,html.no-webgl .scroller,html.no-webgl .steps,html.no-webgl .sound,html.no-webgl .hint,html.no-webgl .counter,html.no-webgl .preloader{display:none}html.no-webgl .fallback{object-fit:cover;object-position:55% 47.5%;z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}html.no-webgl .story{z-index:2;pointer-events:auto;padding:30vh var(--gutter) 16vh;gap:42vh;display:grid;position:relative}html.no-webgl .chapter{opacity:1;visibility:visible;background:color-mix(in oklab, var(--paper) 84%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:40rem;padding:28px 32px;position:static;transform:none}html.no-webgl .veil{display:none}html.no-webgl .ln>span{transform:none}html.no-webgl .chapter--intro{flex-direction:column;display:flex}html.no-webgl .chapter--intro .kicker{order:-1;margin:0 0 1.4em;position:static}html.no-webgl .masthead{position:absolute}html.no-webgl .signature{z-index:2;padding:26px var(--gutter) calc(env(safe-area-inset-bottom) + 26px);background:color-mix(in oklab, var(--paper) 88%, transparent);flex-wrap:wrap;justify-content:center;position:relative;bottom:auto;left:auto;right:auto}@media (prefers-reduced-motion:reduce){.hint__line:after,.sound[aria-pressed=true] .sound__bars i{animation:none}}html.no-ui .masthead,html.no-ui .story,html.no-ui .scrim,html.no-ui .steps,html.no-ui .signature{display:none}html.is-capture *,html.is-capture :before,html.is-capture :after{transition:none!important}