:root{--paper:#ede4d3;--ink:#3b2a1e;--night:#07090d;--fg:#e9e4da;--fg-dim:#e9e4da9e;--fg-faint:#e9e4da47;--line:#e9e4da2e;--accent:#e9e4da;--glass:#0e121a85;--serif:"Cormorant Garamond", "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.65, 0, .35, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(16px, 3.2vw, 44px)}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--fg);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:1px solid var(--fg-dim);outline-offset:4px}#stage{position:fixed;inset:0}#gl{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}body.paper-ui{--accent:var(--ink)}#sketch{pointer-events:none;opacity:1;will-change:opacity;contain:strict;position:absolute}#sketch svg{width:100%;height:100%;display:block;overflow:visible}#sketch .ink{stroke:var(--ink)}#sketch .guides{stroke:#8a6b4b;opacity:.32}#sketch .muscles{opacity:.55}#sketch .hatch{opacity:.42}#sketch .draw{stroke-dasharray:1 1;stroke-dashoffset:1px}#sketch .hatch path{opacity:0;transition:opacity .9s;transition-delay:calc(var(--i) * 70ms)}#sketch.drawn-hatch .hatch path{opacity:1}#sketch .notes text{fill:var(--ink);opacity:0;font-family:Homemade Apple,cursive;transition:opacity 2.2s}#sketch.drawn-notes .notes text{opacity:.55}#sketch .notes .small{font-size:15px}#sketch .notes .big{font-size:26px}#intro{z-index:30;transition:opacity 1.6s var(--ease), visibility 1.6s;color:var(--ink);place-items:center;display:grid;position:fixed;inset:0}#intro.gone{opacity:0;visibility:hidden}.intro-inner{text-align:center;padding:0 var(--gutter)}.intro-title{letter-spacing:.32em;opacity:0;transition:opacity 2s var(--ease-out), transform 2s var(--ease-out);margin:.25em 0 .1em;padding-left:.32em;font-size:clamp(54px,11vw,132px);font-weight:300;transform:translateY(14px)}.intro-sub{opacity:0;transition:opacity 2s .4s var(--ease-out);margin:0 0 2.6em;font-size:clamp(17px,2.2vw,22px);font-style:italic}.intro-note{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:0;margin-top:2.2em;font-size:11px;transition:opacity 2s 1s}#intro.ready .intro-title{opacity:1;transform:none}#intro.ready .intro-sub,#intro.ready .intro-note{opacity:.75}.loader{flex-direction:column;align-items:center;gap:10px;transition:opacity .8s;display:flex}.loader svg{width:min(320px,70vw);height:4px;overflow:visible}.loader line{stroke:var(--ink);stroke-width:1px;stroke-dasharray:400;stroke-dashoffset:calc(400 - var(--p,0) * 4);transition:stroke-dashoffset .3s}.loader .pct{font-family:var(--mono);letter-spacing:.2em;opacity:.6;font-size:11px}#intro.ready .loader{opacity:0}.begin{font-family:var(--mono);letter-spacing:.42em;text-transform:uppercase;opacity:0;border:1px solid #3b2a1e80;border-radius:999px;padding:18px 44px 18px 50px;font-size:12px;transition:opacity 1.6s .8s,background .5s,color .5s;position:relative}#intro.ready .begin{opacity:1}.begin[disabled]{pointer-events:none}#ui{pointer-events:none;z-index:10;transition:opacity 1.2s var(--ease);position:fixed;inset:0}#ui.hidden{opacity:0}#ui.hidden *{pointer-events:none!important}#ui.idle .fade-idle{opacity:0}#ui>*{pointer-events:auto}.brand{top:var(--gutter);left:var(--gutter);text-align:left;display:block;position:absolute}.brand .mark{letter-spacing:.42em;transition:letter-spacing .6s var(--ease-out), text-shadow .6s;font-size:15px;font-weight:400;display:block}.brand .sub{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);margin-top:6px;font-size:10px;display:grid}.top-actions{top:calc(var(--gutter) - 6px);right:var(--gutter);align-items:center;gap:12px;display:flex;position:absolute}.pill{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d1359;border-radius:999px;padding:11px 18px;font-size:11px;transition:background .4s,border-color .4s}.pill:hover{border-color:var(--fg-dim);background:#e9e4da14}.pill.quiet{color:var(--fg-dim);background:0 0;border-color:#0000}.icon{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon svg{width:18px;height:18px;fill:var(--fg)}.icon .off,.icon[aria-pressed=false] .on{display:none}.icon[aria-pressed=false] .off{display:block}#gauge{right:var(--gutter);width:150px;height:min(56vh,460px);position:absolute;top:50%;transform:translateY(-50%)}.gauge-track{background:var(--line);width:1px;position:absolute;top:0;bottom:0;right:0}.gauge-fill{width:1px;height:var(--g,0%);background:var(--fg);transition:height 2.4s var(--ease);position:absolute;top:0;left:0;box-shadow:0 0 10px #ffffff80}.gauge-stops{margin:0;padding:0;list-style:none;position:absolute;inset:0}.gauge-stops li{cursor:pointer;align-items:center;gap:12px;display:flex;position:absolute;right:0;transform:translateY(-50%)}.gauge-stops li .lab{text-align:right;opacity:.38;transition:opacity .5s}.gauge-stops li .nm{font-size:15px;font-style:italic;line-height:1.1;display:block}.gauge-stops li .mm{font-family:var(--mono);letter-spacing:.14em;color:var(--fg-dim);text-transform:uppercase;font-size:9.5px}.gauge-stops li .tick{border:1px solid var(--fg-dim);background:var(--night);border-radius:50%;width:9px;height:9px;margin-right:-4px;transition:transform .5s,background .5s}.gauge-stops li:hover .lab,.gauge-stops li.on .lab{opacity:1}.gauge-stops li.on .tick{background:var(--fg);transform:scale(1.25);box-shadow:0 0 12px #fff9}.gauge-stops li.past .tick{background:var(--fg-dim)}#chapter{left:var(--gutter);bottom:calc(var(--gutter) + 8px);width:min(470px, calc(100vw - 2 * var(--gutter)));position:absolute;pointer-events:none!important}#chapter>*{opacity:0;transition:opacity 1.1s var(--ease-out), transform 1.4s var(--ease-out);transform:translateY(12px)}#chapter.show>*{opacity:1;transform:none}#chapter.show>:nth-child(2){transition-delay:.12s}#chapter.show>:nth-child(3){transition-delay:.22s}#chapter.show>:nth-child(4){transition-delay:.42s}#chapter.show>:nth-child(5){transition-delay:.7s}#chapter .numeral{letter-spacing:.3em;color:var(--fg-dim);font-size:15px}#chapter .kicker{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin-top:10px;font-size:10.5px}#chapter .title{letter-spacing:-.005em;margin:10px 0 14px;font-size:clamp(40px,5.6vw,72px);font-weight:300;line-height:.98}#chapter .body{color:var(--fg-dim);max-width:34em;margin:0 0 16px;font-size:clamp(17px,1.5vw,20px);line-height:1.45}#chapter .fact{border-left:1px solid var(--line);color:var(--fg);max-width:32em;margin:0;padding-left:14px;font-size:16px;font-style:italic;line-height:1.45}#chapter .fact-label{font-style:normal;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:4px;font-size:9.5px;display:block}#advance{right:var(--gutter);bottom:calc(var(--gutter) + 4px);flex-direction:column;align-items:flex-end;gap:14px;transition:opacity .8s;display:flex;position:absolute}#advance.hidden{opacity:0;pointer-events:none}.ghost{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--fg-dim);font-size:10.5px;transition:color .4s}.ghost:hover{color:var(--fg)}#btn-prev{letter-spacing:0;opacity:.6;font-size:14px}#btn-prev[disabled]{visibility:hidden}.next{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.next .line{background:linear-gradient(var(--fg-dim), transparent);width:1px;height:46px;position:relative;overflow:hidden}.next .line:after{content:"";background:var(--fg);width:1px;height:40%;animation:drip 2.2s var(--ease) infinite;position:absolute;top:-40%;left:0}@keyframes drip{to{top:110%}}#hotspots{pointer-events:none;position:absolute;inset:0}.hotspot{pointer-events:auto;opacity:0;will-change:transform;border-radius:50%;place-items:center;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .8s;display:grid;position:absolute;top:0;left:0}.hotspot.show{opacity:1}.hotspot:before{content:"";background:var(--fg);width:9px;height:9px;transform:scale(calc(.85 + var(--beat,0) * .35));border-radius:50%;box-shadow:0 0 12px #ffffffd9}.hotspot:after{content:"";transform:scale(calc(1 + var(--beat,0) * .5));opacity:calc(1 - var(--beat,0) * .8);border:1px solid #ffffff8c;border-radius:50%;position:absolute;inset:4px}.hotspot .hs-label{white-space:nowrap;color:var(--fg);text-shadow:0 1px 12px #000c;opacity:0;pointer-events:none;font-size:15px;font-style:italic;transition:opacity .35s,transform .35s;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.hotspot.flip .hs-label{left:auto;right:30px}.hotspot:hover .hs-label,.hotspot:focus-visible .hs-label{opacity:1}.hotspot.active:before{background:#fff}#leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#leaders path{fill:none;stroke:#e9e4da8c;stroke-width:1px}#card{right:calc(var(--gutter) + 170px);width:min(360px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);transition:opacity .7s var(--ease-out), transform .9s var(--ease-out);border-radius:4px;padding:28px 28px 26px;position:absolute;top:50%;transform:translateY(-50%)}#card.closed{opacity:0;pointer-events:none;transform:translateY(-46%)}#card .close{color:var(--fg-dim);font-size:22px;position:absolute;top:12px;right:16px}.card-kicker{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);font-size:9.5px}.card-title{margin:10px 0 4px;font-size:34px;font-weight:400;line-height:1.02}.card-latin{color:var(--fg-dim);margin-bottom:16px;font-size:16px;font-style:italic}.card-text{color:var(--fg-dim);margin:0 0 14px;font-size:17px;line-height:1.5}.card-fact{border-top:1px solid var(--line);padding-top:12px;font-size:15.5px;font-style:italic;line-height:1.45}.card-text .type{opacity:0}#explorer{left:var(--gutter);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:228px;transition:opacity .6s, transform .8s var(--ease-out);border-radius:4px;padding:20px;position:absolute;top:50%;transform:translateY(-50%)}#explorer.closed{opacity:0;pointer-events:none;transform:translate(-16px,-50%)}.ex-title{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin:2px 0 10px;font-size:9.5px}.ex-title:not(:first-child){margin-top:20px}.ex-layers{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ex-layers button{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:6px 0;font-size:17px;display:flex}.ex-layers .sw{border-radius:50%;width:9px;height:9px;margin-right:10px;display:inline-block}.ex-layers .st{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:9.5px}.ex-layers button[data-state=hidden]{opacity:.4}.ex-lens{flex-wrap:wrap;gap:6px;display:flex}.ex-lens button{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--fg-dim);border-radius:999px;padding:6px 10px;font-size:9.5px}.ex-lens button.on{color:var(--night);background:var(--fg);border-color:var(--fg)}.ex-hint{font-family:var(--mono);letter-spacing:.06em;color:var(--fg-faint);margin:18px 0 0;font-size:9.5px;line-height:1.6}#lens-ring{border:1px solid #ffffff8c;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #00000040,inset 0 0 40px #a0dcff2e;pointer-events:none!important}#lens-ring.hidden{display:none}#lens-ring:after{content:attr(data-label);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);white-space:nowrap;font-size:9.5px;position:absolute;top:100%;left:50%;transform:translate(-50%,10px)}#outro{z-index:20;color:var(--ink);transition:opacity 1.6s var(--ease);pointer-events:none;place-items:end center;padding-bottom:3.5vh;display:grid;position:fixed;inset:0}#outro.hidden{opacity:0}#outro:not(.hidden) .outro-actions{pointer-events:auto}.outro-inner{text-align:center;background:radial-gradient(closest-side,#ede4d3eb,#ede4d300);padding:18px 28px}.outro-mark{letter-spacing:.42em;font-size:15px}.outro-line{margin:10px 0 24px;font-size:clamp(22px,3vw,32px);font-style:italic}.outro-actions{justify-content:center;gap:10px;display:flex}#outro .pill{color:var(--ink);background:#ede4d399;border-color:#3b2a1e59}#outro .pill.quiet{background:0 0;border-color:#0000}#caption{z-index:25;text-align:center;pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease);text-shadow:0 2px 24px #0009;max-width:90vw;font-size:clamp(20px,2.4vw,30px);font-style:italic;position:fixed;bottom:13vh;left:50%;transform:translate(-50%)}#caption.show{opacity:1}#caption.ink{color:var(--ink);text-shadow:none}@media (max-width:760px){#gauge{width:26px;height:40vh;top:46%;right:14px}.gauge-stops li .lab{display:none}#chapter .body{font-size:16px}#chapter .fact{display:none}#chapter{bottom:98px}#card{width:auto;inset:auto 16px 16px;transform:none}#card.closed{transform:translateY(20px)}#explorer{width:calc(100vw - 32px);padding:14px;top:auto;bottom:16px;transform:none}#explorer.closed{transform:translateY(16px)}.ex-layers{grid-template-columns:1fr 1fr;column-gap:14px}.brand .sub{display:none}.pill{padding:9px 13px;font-size:10px}#advance{bottom:18px;right:16px}.next .line{height:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.3s!important;animation:none!important}}body.teaser .top-actions,body.teaser #advance,body.teaser #hotspots,body.teaser #card,body.teaser #explorer,body.teaser #chapter .body,body.teaser #chapter .fact,body.teaser .outro-actions,body.teaser #leaders{display:none!important}body.teaser #chapter .title{font-size:clamp(46px,7vw,84px)}body.teaser #chapter{bottom:calc(var(--gutter) + 20px)}body.teaser .outro-line{margin-bottom:0}@media (max-width:760px){body.teaser #chapter{bottom:7vh}body.teaser #gauge{right:18px}body.teaser #caption{font-size:26px;bottom:9vh}body.teaser #outro{padding-bottom:5vh}#caption{font-size:22px;top:13vh;bottom:auto}body.teaser #caption{font-size:28px;top:12vh;bottom:auto}}.card-plate{background:#05070a;border-radius:4px 4px 0 0;height:min(34vh,300px);margin:-28px -28px 18px;position:relative;overflow:hidden}.card-plate img{object-fit:cover;object-position:center 40%;opacity:0;width:100%;height:100%;transition:opacity 1s var(--ease-out), transform 2.4s var(--ease-out);display:block;transform:scale(1.04)}.card-plate.in img{opacity:1;transform:none}.card-plate:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -40px 50px -20px #0e121a8c}#card .close{z-index:2;color:var(--fg-dim)}@media (max-width:760px){.card-plate{height:19vh;margin:-28px -28px 14px}#card{max-height:62vh;overflow:auto}}.card-voice{opacity:0;align-items:center;gap:3px;height:14px;margin:2px 0 10px;transition:opacity .6s;display:flex}#card.speaking .card-voice{opacity:.85}.card-voice i{background:var(--fg);border-radius:1px;width:2px;height:100%;transform:scaleY(.25)}#card.speaking .card-voice i{animation:1.1s ease-in-out infinite vbar}.card-voice i:nth-child(2){animation-delay:.15s!important}.card-voice i:nth-child(3){animation-delay:.32s!important}.card-voice i:nth-child(4){animation-delay:80ms!important}.card-voice i:nth-child(5){animation-delay:.24s!important}.card-voice span{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin-left:8px;font-size:9px}@keyframes vbar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}#sketch .muscles,#sketch .hatch{display:none}#sketch .plate{mix-blend-mode:multiply;filter:saturate(.78)brightness(1.09)contrast(1.04)}#sketch .outline path{stroke-width:2.1px}#credits{z-index:40;font-family:var(--mono);letter-spacing:.12em;color:#8c82788c;text-transform:uppercase;white-space:nowrap;font-size:9px;text-decoration:none;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}#credits a{color:inherit;text-decoration:none;transition:color .4s}#credits a:hover{color:#c8beb4e6}#credits strong{color:#cdc4b8c7;font-weight:400}#credits .sep{margin:0 .9em}body.teaser #credits{display:none}#intro{color:var(--fg)}.loader line{stroke:var(--fg)}.begin{border-color:#e9e4da66}.begin:hover{background:var(--fg);color:var(--night)}#outro{color:var(--fg)}.outro-inner{background:radial-gradient(closest-side,#07090dd9,#07090d00)}#outro .pill{color:var(--fg);border-color:var(--line);background:#0a0d1373}#outro .pill.quiet{color:var(--fg-dim);background:0 0;border-color:#0000}#sketch{display:none!important}#caption{top:12vh;bottom:auto}.brand{border-radius:4px;margin:-6px -8px;padding:6px 8px}.brand .sub>span{transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);grid-area:1/1}.brand .sub-b{opacity:0;color:var(--fg-dim);transform:translate(-6px)}.brand:hover .mark,.brand:focus-visible .mark{letter-spacing:.5em;text-shadow:0 0 18px #ffffff59}.brand:hover .sub-a,.brand:focus-visible .sub-a{opacity:0;transform:translate(6px)}.brand:hover .sub-b,.brand:focus-visible .sub-b{opacity:1;transform:none}@media (hover:none){.brand .sub-a{display:none}.brand .sub-b{opacity:.8;transform:none}}#btn-skip{right:var(--gutter);bottom:calc(var(--gutter) + 4px);z-index:26;transition:opacity 1s var(--ease), color .4s;padding:10px 0;position:fixed}#btn-skip.hidden{opacity:0;pointer-events:none}.hs-label:after{content:"· listen";font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);margin-left:8px;font-size:9px;font-style:normal}#hotspots.hint .hotspot.show .hs-label{opacity:1;animation:hintlabel 2.4s var(--ease) infinite}@keyframes hintlabel{50%{opacity:.55}}@media (hover:none){.hotspot.show .hs-label{opacity:.85}}body.teaser #btn-skip{display:none!important}.outro-actions{flex-wrap:wrap}@media (max-width:760px){#btn-skip{bottom:30px;right:16px}}@media (min-width:1000px){#caption:not(.ink){top:calc(var(--gutter) + 2px);max-width:min(620px,52vw)}body.teaser #caption{max-width:90vw;top:12vh}}.intro-sub,#caption,.outro-line,#chapter .body{text-wrap:balance}#chapter .body,#chapter .fact,#chapter .kicker{text-shadow:0 1px 14px #07090df2,0 0 2px #07090dcc}@media (max-width:760px){#caption{max-width:min(84vw,340px);font-size:16.5px;line-height:1.3;top:calc(9vh + 18px)}body.teaser #caption{max-width:90vw;font-size:28px;top:12vh}}.card-plate{aspect-ratio:5/4;background:#04060a;height:auto}.card-plate img{object-fit:contain;object-position:center}.card-plate:after{box-shadow:inset 0 -24px 30px -20px #0e121a80}@media (max-width:760px){.card-plate{aspect-ratio:auto;height:min(24vh,80vw - 25.6px)}#credits{flex-direction:column;align-items:center;gap:3px;font-size:8px;display:flex;bottom:6px}#credits .sep{display:none}}#pick{border:1px solid var(--line);border-left:2px solid var(--c,#fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;white-space:nowrap;background:#080b10b8;border-radius:3px;flex-direction:column;gap:3px;max-width:min(320px,80vw);padding:8px 12px 9px;transition:opacity .25s;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}#pick.show{opacity:1}#pick .pk-name{text-overflow:ellipsis;font-size:16px;font-style:italic;overflow:hidden}#pick .pk-layer{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);font-size:9px}body.teaser #pick{display:none!important}.brand .sub-c,.outro-by{display:none}body.teaser .brand .sub{margin-top:7px;display:grid!important}body.teaser .brand .sub-a,body.teaser .brand .sub-b{display:none}body.teaser .brand .sub-c{color:var(--fg-dim);letter-spacing:.22em;display:block}body.teaser .outro-by{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--fg-dim);margin:16px 0 0;font-size:11px;display:block}body.teaser .outro-by strong{color:var(--fg);font-weight:400}.ex-toggle{display:none}@media (max-width:760px){#explorer{bottom:calc(16px + env(safe-area-inset-bottom));padding:0}.ex-toggle{width:100%;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg);justify-content:space-between;align-items:center;padding:13px 16px;font-size:10px;display:flex}.ex-toggle .chev{border-right:1px solid var(--fg-dim);border-top:1px solid var(--fg-dim);width:8px;height:8px;transition:transform .3s;transform:rotate(-45deg)translateY(2px)}#explorer.open .ex-toggle .chev{transform:rotate(135deg)translate(-2px)}#explorer:not(.open)>:not(.ex-toggle){display:none}#explorer.open{max-height:48vh;overflow-y:auto}#explorer.open>:not(.ex-toggle){margin-left:16px;margin-right:16px}#explorer.open>:last-child{margin-bottom:14px}#explorer .ex-hint{display:none}}