@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-moda-latin.woff2)format("woff2-variations");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight-latin.woff2)format("woff2-variations");font-weight:300 500;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}html:not(.lenis){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}img,picture{max-width:100%;display:block}:root{--ink:#0a0c10;--ash:#9ba2ad;--bone:#e8e4dc;--blue:#5c7a96;--ember:#b4553a;--display:"Bodoni Moda", "Didot", "Bodoni MT", Georgia, serif;--text:"Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--measure:min(36rem, 40vw);--pad-x:clamp(1.5rem, 6vw, 6.5rem);--nav-gutter:0rem;--nav-edge:clamp(1rem, 2.5vw, 2rem);--nav-hold:14rem;--nav-fade:19rem;--pad-y:clamp(4rem, 12vh, 9rem);--rule:#e8e4dc2e}body{background:var(--ink);color:var(--bone);font-family:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:clamp(1rem,.96rem + .2vw,1.0625rem);font-weight:300;line-height:1.78}::selection{background:var(--blue);color:var(--ink)}:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.skip{z-index:100;background:var(--bone);color:var(--ink);padding:.75rem 1.25rem;position:absolute;left:-9999px}.skip:focus{top:1rem;left:1rem}.movement{position:relative}.media{z-index:0;height:100vh;width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.plate{position:absolute;inset:0}.plate img{object-fit:cover;background:var(--ink);width:100%;height:100%}.scrim{--hold:calc(var(--pad-x) + var(--measure) + 1rem);--s0:calc(var(--hold) - 4rem);--span:calc(100% - var(--s0));background:linear-gradient(90deg, #0a0c10d9 0, #0a0c10d9 var(--s0), #0a0c10d3 calc(var(--s0) + .1 * var(--span)), #0a0c10c5 calc(var(--s0) + .2 * var(--span)), #0a0c10af calc(var(--s0) + .3 * var(--span)), #0a0c1095 calc(var(--s0) + .4 * var(--span)), #0a0c1079 calc(var(--s0) + .5 * var(--span)), #0a0c105d calc(var(--s0) + .6 * var(--span)), #0a0c1043 calc(var(--s0) + .7 * var(--span)), #0a0c102d calc(var(--s0) + .8 * var(--span)), #0a0c101f calc(var(--s0) + .9 * var(--span)), #0a0c101a 100%);position:absolute;inset:0}.movement.overture{min-height:165svh}.movement.colophon{min-height:130svh}.copy{z-index:2;margin-top:-100vh;min-height:100vh;min-height:100svh;padding:var(--pad-y) calc(var(--pad-x) + var(--nav-gutter)) var(--pad-y) var(--pad-x);align-content:center;gap:1.55rem;margin-top:-100svh;display:grid;position:relative}.copy>*{max-width:var(--measure)}.copy>h1{max-width:9ch}.copy>header h1,.copy>header h2{max-width:13ch}[data-anchor=top] .copy{align-content:start}h1{font-family:var(--display);letter-spacing:-.021em;text-wrap:balance;font-size:clamp(2.75rem,8.5vw,7.5rem);font-weight:400;line-height:.92}h2{font-family:var(--display);letter-spacing:-.016em;text-wrap:balance;font-size:clamp(2rem,5.2vw,4.25rem);font-weight:400;line-height:1.02}h3{font-family:var(--text);letter-spacing:.22em;text-transform:uppercase;color:var(--ash);font-size:.74rem;font-weight:500}.movement header{gap:1.5rem;margin-bottom:.5rem;display:grid}.numeral{letter-spacing:.34em;color:var(--ash);align-items:center;gap:1rem;font-size:.72rem;font-weight:500;display:flex}.numeral:after{content:"";opacity:.42;background:currentColor;flex:none;width:3.25rem;height:1px}.subtitle,.lede{color:var(--ash);text-wrap:pretty;font-size:clamp(1.05rem,.98rem + .4vw,1.3rem);line-height:1.55}p{text-wrap:pretty}.pull{gap:1rem;margin:1.4rem 0 .6rem;display:grid}.pull blockquote p{font-family:var(--display);letter-spacing:-.012em;max-width:22ch;color:var(--bone);font-size:clamp(1.45rem,3.1vw,2.5rem);font-weight:400;line-height:1.2}.epigraph{gap:.9rem;max-width:46ch;margin-top:1.2rem;display:grid}.epigraph blockquote p{font-family:var(--display);color:var(--bone);font-size:clamp(1.1rem,1.8vw,1.6rem);line-height:1.32}.aside-quote{border-left:1px solid var(--rule);gap:.55rem;padding-left:1.15rem;display:grid}.aside-quote blockquote p{color:var(--bone);font-size:1rem;line-height:1.65}.contested{border-left:1px solid color-mix(in srgb, var(--ember) 55%, transparent);gap:.85rem;margin-top:1.1rem;padding-left:1.15rem;display:grid}.contested p{color:var(--ash);font-size:.97rem;line-height:1.72}.refs{gap:.3rem;padding:0;list-style:none;display:grid}cite{font-style:normal}.cite{letter-spacing:.015em;color:var(--ash);font-size:.78rem;display:block}.cite-note{color:var(--ash);margin-top:.3rem;font-size:.72rem;display:block}figcaption .cite:before{content:"— "}.sources{border-top:1px solid var(--rule);margin-top:.9rem;padding-top:.9rem}.sources summary{cursor:pointer;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);font-size:.74rem;list-style:none}.sources summary::-webkit-details-marker{display:none}.sources summary:after{content:" +"}.sources[open] summary:after{content:" −"}.sources summary:hover{color:var(--bone)}.sources ul{gap:.5rem;padding:.9rem 0 0;list-style:none;display:grid}.caveats{gap:1.1rem;margin-top:.6rem;display:grid}.caveats dt{font-family:var(--display);font-size:1.15rem;line-height:1.3}.caveats dd{color:var(--ash);margin:.35rem 0 0;font-size:.97rem}.scroll-hint{letter-spacing:.32em;text-transform:uppercase;color:var(--ash);margin-top:2.5rem;font-size:.7rem}.index-scrim{pointer-events:none;z-index:1;background-image:linear-gradient(270deg, #0a0c10a6 0, #0a0c10a6 var(--nav-hold), #0a0c10a1 calc(var(--nav-hold) + .1 * var(--nav-fade)), #0a0c1094 calc(var(--nav-hold) + .2 * var(--nav-fade)), #0a0c1082 calc(var(--nav-hold) + .3 * var(--nav-fade)), #0a0c106b calc(var(--nav-hold) + .4 * var(--nav-fade)), #0a0c1053 calc(var(--nav-hold) + .5 * var(--nav-fade)), #0a0c103a calc(var(--nav-hold) + .6 * var(--nav-fade)), #0a0c1024 calc(var(--nav-hold) + .7 * var(--nav-fade)), #0a0c1011 calc(var(--nav-hold) + .8 * var(--nav-fade)), #0a0c1005 calc(var(--nav-hold) + .9 * var(--nav-fade)), #0a0c1000 calc(var(--nav-hold) + var(--nav-fade)));position:fixed;inset:0}.index{right:var(--nav-edge);z-index:10;position:fixed;top:50%;transform:translateY(-50%)}.index ol{text-align:right;gap:.55rem;padding:0;list-style:none;display:grid}.index a{letter-spacing:.06em;color:var(--bone);font-size:.7rem;font-weight:400;text-decoration:none;display:block;position:relative}.index .n{text-align:right;min-width:1.6em;color:inherit;letter-spacing:.14em;margin-right:.85em;font-size:.92em;display:inline-block}.index li.sub a{font-size:.66rem}.index a:before{content:"";transform-origin:100%;background:currentColor;width:1.5rem;height:1px;margin-right:.9rem;transition:transform .4s;position:absolute;top:50%;right:100%;transform:scaleX(0)}.index li[aria-current=true] a{font-weight:500}.index li[aria-current=true] a:before,.index a:hover:before,.index a:focus-visible:before{transform:none}@media (prefers-reduced-motion:reduce){.index a:before{transition:none}}@media (max-width:900px){.index,.index-scrim{display:none}}@media (min-width:901px){:root{--nav-gutter:12rem}}.grain{z-index:20;pointer-events:none;opacity:.42;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:fixed;inset:0}@media (max-width:720px){:root{--measure:100%;--ash:#c6ccd5}.scrim{background:#0a0c10b3}.copy{align-content:end;padding-bottom:clamp(3rem,10vh,6rem)}[data-anchor=top] .copy{align-content:start}}.stage{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.webgl .plate img,.plate-b img{opacity:0}.webgl .grain{display:none}.hud{z-index:50;color:#cfd6de;white-space:pre;pointer-events:none;background:#06080bd1;border:1px solid #e8e4dc24;margin:0;padding:.6rem .8rem;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:.75rem;left:.75rem}.sound{z-index:12;min-height:2.75rem;color:var(--bone);font:inherit;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#0a0c1099;border:1px solid #e8e4dc57;align-items:center;gap:.6rem;padding:.62rem 1rem;font-size:.68rem;transition:opacity 1.1s,transform .9s cubic-bezier(.2,.7,.3,1),color .5s,border-color .5s,background-color .5s;display:flex;position:fixed;bottom:clamp(1rem,2.5vw,2rem);right:clamp(1rem,2.5vw,2rem);transform:translateY(.9rem)}.sound--in{opacity:1;pointer-events:auto;transform:translateY(0)}.sound--in[aria-pressed=false]{animation:5.5s ease-in-out 1.6s infinite sound-breathe}@keyframes sound-breathe{0%,to{box-shadow:0 0 #5c7a9600}50%{box-shadow:0 0 2.2rem -.3rem #5c7a9680}}.sound:hover,.sound:focus-visible{background:#0a0c10c7;border-color:#e8e4dc9e;transform:translateY(-2px)}.sound:active{transition-duration:80ms;transform:translateY(0)scale(.98)}.sound[aria-pressed=true]{color:color-mix(in srgb, var(--ash) 88%, transparent);border-color:var(--rule);background:#0a0c106b}.sound[aria-pressed=true]:hover{color:var(--bone)}.sound-pitch{white-space:nowrap;font-family:var(--display);letter-spacing:.01em;text-transform:none;color:var(--bone);text-shadow:0 1px 14px #0a0c10d9;opacity:0;font-size:.95rem;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.3,1);position:absolute;top:50%;right:calc(100% + .2rem);transform:translate(.7rem)}.sound-pitch:after{content:"";vertical-align:middle;opacity:.55;background:currentColor;width:1.5rem;height:1px;margin-left:.6rem;display:inline-block}.sound--pitching .sound-pitch{opacity:1;transform:translate(0)}.sound-text{display:none}.sound[aria-pressed=false] .sound-text--off,.sound[aria-pressed=true] .sound-text--on{display:inline}.sound-meter{align-items:flex-end;gap:2px;height:11px;display:flex}.sound-meter i{opacity:.9;background:currentColor;width:2px;height:3px}.sound-meter i:nth-child(2){animation-delay:.16s}.sound-meter i:nth-child(3){animation-delay:.32s}.sound-meter i:nth-child(4){animation-delay:.48s}.sound--in[aria-pressed=false] .sound-meter i{animation:3.6s ease-in-out infinite sound-wave}.sound[aria-pressed=true] .sound-meter i{animation:1.9s ease-in-out infinite sound-bar}@keyframes sound-wave{0%,to{height:3px}50%{height:7px}}@keyframes sound-bar{0%,to{height:3px}50%{height:11px}}@media (max-width:64rem){.sound-pitch{white-space:normal;text-align:right;max-width:13rem;line-height:1.45;top:auto;bottom:calc(100% + .6rem);right:0;translate:none}.sound-pitch:after{display:none}}@media (prefers-reduced-motion:reduce){.sound,.sound-meter i{animation:none!important}.sound{transition:opacity .6s,color .4s,border-color .4s;transform:none}.sound:hover,.sound:active{transform:none}.sound-meter i{height:6px}.sound-pitch{transition:opacity .6s;transform:none}}.credit{border-top:1px solid var(--rule);letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin-top:2.2rem;padding-top:1.1rem;font-size:.72rem}.credit a{color:inherit;border-bottom:1px solid var(--rule);text-decoration:none}.credit a:hover{color:var(--bone);border-bottom-color:currentColor}
