:root{--ink:#ede8e1;--muted:#ede8e1b8;--faint:#ede8e12e;--accent:#f3b36a;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Inter", system-ui, sans-serif;--gutter:clamp(16px, 3.2vw, 44px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;background:#000;overflow:hidden}#gl{width:100vw;height:100vh;display:block;position:fixed;inset:0}.grain{pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,-2%)}}.top{padding:calc(var(--gutter) * .8) var(--gutter);z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{font-family:var(--sans);letter-spacing:.42em;opacity:0;font-size:11px;font-weight:500;transition:opacity 1.2s}body.started .wordmark{opacity:.9}.sound{pointer-events:auto;color:var(--ink);font:500 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;opacity:.75;background:0 0;border:0;align-items:center;gap:10px;transition:opacity .3s;display:flex}.sound:hover{opacity:1}.bars{align-items:flex-end;gap:2px;height:12px;display:flex}.bars i{background:currentColor;width:2px;height:3px;transition:height .3s;display:block}.sound[aria-pressed=true] .bars i{animation:1.1s ease-in-out infinite bar}.sound[aria-pressed=true] .bars i:nth-child(2){animation-delay:-.3s}.sound[aria-pressed=true] .bars i:nth-child(3){animation-delay:-.6s}.sound[aria-pressed=true] .bars i:nth-child(4){animation-delay:-.9s}@keyframes bar{0%,to{height:3px}50%{height:12px}}.intro{text-align:center;padding:var(--gutter);z-index:20;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.4s,transform 1.6s;display:flex;position:fixed;inset:0}body.started .intro{opacity:0;pointer-events:none;transform:scale(1.08)}.intro-eyebrow,.end-eyebrow,.chapter-eyebrow,.ro-kind,.intro-note{font:500 10px/1.4 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.intro-title{font-family:var(--serif);letter-spacing:-.02em;text-shadow:0 0 60px #0009;margin:18px 0 14px;font-size:clamp(72px,15vw,210px);font-weight:400;line-height:.9}.intro-sub{font-family:var(--serif);color:var(--ink);opacity:.85;font-size:clamp(18px,2.2vw,24px);font-style:italic}.intro-note{margin-top:26px;font-size:9px}.explore{border:1px solid var(--faint);color:var(--ink);font:500 10px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border-radius:999px;margin-top:46px;padding:16px 38px;transition:border-color .4s,background .4s,letter-spacing .5s;position:relative}.explore:hover:not(:disabled){letter-spacing:.42em;background:#f3b36a14;border-color:#f3b36ab3}.explore:disabled{cursor:default;opacity:.55}.hint{font:500 9px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);opacity:0;pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:12px;transition:opacity 1s;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.hint.show{opacity:1}.hint-line{background:linear-gradient(var(--ink), transparent);transform-origin:top;width:1px;height:38px;animation:2s ease-in-out infinite drip}@keyframes drip{0%{opacity:1;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.chapters{pointer-events:none;z-index:4;position:fixed;inset:0}.chapters:before,.chapters:after{content:"";pointer-events:none;position:absolute;left:0;right:0}.chapters:before{background:linear-gradient(#0000 0%,#0000008c 60%,#000000d1 100%);height:58vh;bottom:0}.chapters:after{background:linear-gradient(#0009 0%,#0000 100%);height:34vh;top:0}body:not(.started) .chapters:before,body:not(.started) .chapters:after{opacity:0}.chapters:before,.chapters:after{transition:opacity 1.2s}.chapter{left:var(--gutter);max-width:min(440px, calc(100vw - 2 * var(--gutter)));opacity:0;will-change:opacity, transform;position:absolute;bottom:clamp(120px,18vh,200px)}.chapter.right{left:auto;right:var(--gutter);text-align:right}.chapter-eyebrow{color:var(--accent)}.chapter-title{font-family:var(--serif);letter-spacing:-.015em;text-shadow:0 2px 40px #000000b3;margin:14px 0 18px;font-size:clamp(44px,6.4vw,92px);font-weight:400;line-height:.95}.chapter-body{color:#f6f2ecf0;text-shadow:0 1px 2px #000000e6,0 0 24px #000000e6;font-size:15.5px;font-weight:400;line-height:1.6}.chapter-eyebrow{text-shadow:0 1px 2px #000000e6}.chapter-title{text-shadow:0 2px 4px #0009,0 2px 40px #000c}.readout,.nav,.top{text-shadow:0 1px 2px #000000f2,0 0 14px #000c}.readout{right:var(--gutter);top:calc(var(--gutter) * .8 + 52px);text-align:right;z-index:5;opacity:0;pointer-events:none;min-width:160px;transition:opacity 1s;position:fixed}body.started .readout{opacity:1}.ro-name{font-family:var(--serif);margin:8px 0 18px;font-size:26px}.readout dl{gap:12px;display:grid}.readout dt{font:500 9px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.readout dd{font:400 12px/1.2 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.04em}.nav{left:50%;bottom:calc(var(--gutter) * .9);width:min(620px, calc(100vw - 2 * var(--gutter)));z-index:6;opacity:0;transition:opacity 1s;position:fixed;transform:translate(-50%)}body.started .nav{opacity:1}.nav-track{background:var(--faint);height:1px;position:relative;overflow:hidden}.nav-fill{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.nav-stops{justify-content:space-between;margin-top:12px;list-style:none;display:flex}.nav-stops li{font:500 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .4s}.nav-stops li.active{color:var(--ink)}.nav-stops li:before{content:"";vertical-align:1px;border:1px solid;border-radius:50%;width:5px;height:5px;margin-right:8px;transition:background .4s;display:inline-block}.nav-stops li.active:before{background:var(--accent);border-color:var(--accent)}.end{text-align:center;padding:var(--gutter);z-index:15;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.end.show{pointer-events:auto}.end-title{font-family:var(--serif);margin:18px 0 26px;font-size:clamp(40px,6vw,84px);font-weight:400;line-height:1}.end-title em{color:var(--accent)}.end-body{max-width:520px;color:var(--muted);font-size:13px;font-weight:300;line-height:1.7}.end-refs{font:500 9px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:30px;display:flex}.end-refs span{color:var(--muted);width:100%;margin-bottom:4px}.end-refs a{color:var(--ink);border-bottom:1px solid var(--faint);padding-bottom:4px;text-decoration:none}.end-refs a:hover{border-color:var(--accent)}@media (width<=720px){.readout{min-width:0;top:56px}.ro-kind{display:none}.ro-name{margin:6px 0 10px;font-size:20px}.readout dl{gap:8px}.readout dl div:nth-child(2){display:none}.nav-stops li{letter-spacing:0;font-size:0}.nav-stops li:before{margin-right:0}.nav-stops li.active{letter-spacing:.18em;font-size:8px}.nav-stops li.active:before{margin-right:6px}.chapter,.chapter.right{left:var(--gutter);right:var(--gutter);text-align:left;bottom:96px}.chapter-body{font-size:15px}}.eq{-webkit-backdrop-filter:blur(10px);text-align:left;background:#0a0a0e8c;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:6px;margin-top:18px;padding:12px 16px;display:inline-flex}.eq-math{font-family:var(--serif);letter-spacing:.01em;color:var(--ink);font-size:22px}.eq-math i{font-style:italic}.eq-say{color:var(--muted);font-size:12.5px;line-height:1.45}.fallhud{left:var(--gutter);top:calc(var(--gutter) * .8 + 52px);z-index:5;opacity:0;pointer-events:none;text-shadow:0 1px 2px #000000f2,0 0 14px #000c;grid-template-columns:34px auto;align-items:center;column-gap:16px;transition:opacity .8s;display:grid;position:fixed}.fallhud.show{opacity:1}.fh-figure{grid-row:span 2;justify-content:center;align-items:center;height:96px;display:flex;overflow:hidden}.fh-body{width:8px;height:22px;fill:var(--accent);transform-origin:50%;filter:drop-shadow(0 0 6px #f3b36a99);transition:transform .15s linear}.fallhud dl{gap:10px;display:grid}.fallhud dt{font:500 9px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.fallhud dd{font:400 13px/1.2 var(--sans);font-variant-numeric:tabular-nums}.fh-note{font-family:var(--serif);color:var(--accent);grid-column:2;margin-top:8px;font-size:16px;font-style:italic}@media (width<=720px){.fallhud{top:56px;left:var(--gutter);grid-template-columns:26px auto;column-gap:12px}.fh-figure{height:72px}.fallhud dd{font-size:12px}.eq-math{font-size:19px}}.ro-kind,.ro-mass-row,.ro-dist-row{display:none}.ro-name{margin-bottom:10px}.nav-stops li{letter-spacing:0;font-size:0}.nav-stops li:before{margin-right:0}.nav-stops li.active{letter-spacing:.2em;font-size:9px}.nav-stops li.active:before{margin-right:8px}.chapter-title{margin-top:10px}.intro-title{margin-top:0}.debug{z-index:50;color:#9f9;white-space:pre-wrap;pointer-events:none;background:#000000bf;border-radius:8px;max-width:calc(100vw - 16px);margin:0;padding:8px 10px;font:11px/1.4 ui-monospace,Menlo,monospace;position:fixed;bottom:60px;left:8px}