.stage{--soft: rgba(255, 255, 255, .68);--faint: rgba(255, 255, 255, .46);--beats: 5;position:relative;height:calc(100svh + (var(--beats) - 1) * 150svh);background:#000;color:#fff}.pin{position:sticky;top:0;height:100svh;overflow:hidden;touch-action:pan-y}#stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .35s ease}#stage-canvas[data-on]{opacity:1}@media (prefers-reduced-motion: reduce){#stage-canvas{transition:none}}.stage-poster{position:absolute;inset:0;overflow:hidden;pointer-events:none;container-type:size}.stage-poster img{position:absolute;max-width:none;transform-origin:0 0}.pin:has(.copy:target) .stage-poster{visibility:hidden}@media (prefers-reduced-motion: reduce){.stage-poster{display:none}}.scrim{display:none}.copy{position:absolute;z-index:3;left:var(--pad);top:50%;width:min(26rem,30vw);transform:translate3d(0,-50%,0);opacity:0;visibility:hidden;will-change:opacity,transform}.copy[data-copy="0"]{opacity:1;visibility:visible}.copy .eyebrow{line-height:1}.copy h1,.copy h2{margin-top:18px;font-weight:680;font-stretch:78%;letter-spacing:-.012em;line-height:.98;text-wrap:balance}.copy h1{font-size:clamp(2.6rem,1.3rem + 3.4vw,4.4rem)}.copy h2{font-size:clamp(2.2rem,1.2rem + 2.7vw,3.6rem)}.copy .lead{margin-top:20px;font-size:clamp(1rem,.95rem + .25vw,1.1875rem);line-height:1.45;color:var(--soft);text-wrap:pretty}.copy-rate{margin-top:14px}.copy-actions{margin-top:12px}.hint{margin-top:22px;font-size:.875rem;color:var(--faint)}.hint-touch{display:none}@media (hover: none){.hint-mouse{display:none}.hint-touch{display:inline}}.copy-numbers{width:min(34rem,40vw)}.figures{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:26px 28px}.figures dt{font:600 clamp(1.5rem,1rem + 1.5vw,2.5rem)/1 "Google Sans Code",ui-monospace,monospace;letter-spacing:-.03em}.figures dd{margin-top:8px;font-size:.9375rem;line-height:1.35;color:var(--soft)}.note{margin-top:26px;font-size:.8125rem;color:var(--faint)}.charge-set{display:grid;grid-template-columns:minmax(0,1fr) 3.4em;align-items:center;gap:4px 12px;margin-top:22px;padding:12px 16px 10px;border-radius:14px;background:#ffffff17}.charge-set>span{grid-column:1 / -1;font-size:.875rem;font-weight:560;color:var(--soft)}.charge-set input{width:100%;height:36px;margin:0;accent-color:var(--amber);cursor:pointer}.charge-set output{text-align:right;font:600 1rem/1 Google Sans Code,ui-monospace,monospace}.labels{position:absolute;z-index:2;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}.labels li{font-size:.8125rem;line-height:1.25;font-weight:520;opacity:0;visibility:hidden;will-change:opacity}.labels .dot,.labels .line,.labels .tx{position:absolute;left:0;top:0;will-change:transform}.labels .dot{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 1px #0a16308c,0 0 0 4px #ffb9353d}.labels .line{width:100px;height:1px;margin-top:-.5px;transform-origin:0 50%;background:#ffffffeb;box-shadow:0 0 0 1px #0a163099}.labels .tx{white-space:nowrap;text-shadow:0 0 10px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9)}.labels li[data-wrap] .tx{white-space:normal;max-width:9.5em;text-wrap:balance}.labels li[data-at=l] .tx{text-align:right}.labels li[data-at=u] .tx,.labels li[data-at=d] .tx{text-align:center}.read{display:grid;justify-items:start;gap:5px}.labels li[data-at=l] .read{justify-items:end}.label-read b{font:600 1.0625rem/1 Google Sans Code,ui-monospace,monospace;letter-spacing:-.02em;color:#fff;white-space:nowrap}.labels li[data-wrap] .read{max-width:none}.labels li[data-wrap] .read span{max-width:9.5em;text-wrap:balance}.read span{color:var(--soft);font-size:.8125rem}.read-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:14px;font-size:.875rem;color:var(--soft)}.read-line[hidden]{display:none}.read-line b{font:600 1rem/1 Google Sans Code,ui-monospace,monospace;letter-spacing:-.02em;color:#fff}.stage-rail{position:absolute;z-index:4;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:2px;padding:4px;border-radius:14px;background:#080a108c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stage-rail a,.stage-rail button{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:0;border-radius:10px;background:transparent;font:inherit;font-size:.875rem;font-weight:540;line-height:1;color:#ffffffa8;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.stage-rail a:hover,.stage-rail button:hover,.stage-rail a:focus-visible,.stage-rail button:focus-visible{background:#ffffff1f;color:#fff;outline:none}.stage-rail a:focus-visible,.stage-rail button:focus-visible{box-shadow:inset 0 0 0 1.5px #ffffff80}.stage-rail a[aria-current=true],.stage-rail button[aria-pressed=true]{background:#ffffff29;color:#fff}html.bare .site-head,html.bare .copy,html.bare .labels,html.bare .scrim,html.bare .stage-rail,html.bare .menu{display:none!important}@media (min-aspect-ratio: 4/5) and (min-width: 761px){.copy[data-copy="1"]{left:auto;right:var(--pad)}}body[data-stage=viewer] .stage{height:auto}body[data-stage=viewer] .pin{position:relative;height:100svh;min-height:560px;max-height:960px}@media (max-aspect-ratio: 4/5),(max-width: 760px){.copy,.copy-numbers{left:20px;right:20px;top:auto;bottom:max(22px,env(safe-area-inset-bottom));width:auto;transform:none}.copy h1,.copy h2{margin-top:12px}.copy h1{font-size:clamp(2rem,9.4vw,2.75rem)}.copy h2{font-size:clamp(1.8rem,8.4vw,2.5rem)}.copy .lead{margin-top:12px;font-size:1rem}.copy-rate{margin-top:6px;min-height:36px;font-size:.875rem}.copy-actions{margin-top:8px;gap:8px;flex-wrap:nowrap}.copy-actions .btn{flex:1 1 auto;min-height:46px;padding-inline:12px;font-size:.9375rem}.copy-actions .btn .i{display:none}.copy[data-copy="0"] .copy-actions~.hint{display:none}.hint{margin-top:12px}.figures{margin-top:16px;gap:14px 18px}.figures dt{font-size:1.375rem}.figures dd{margin-top:4px;font-size:.8125rem}.note,.charge-set{margin-top:12px}.labels li{font-size:.75rem}.scrim{display:block;position:absolute;z-index:1;inset:auto 0 0;height:48%;background:linear-gradient(to top,#000000f0,#000000e6 52%,#0000008c,#0000);pointer-events:none}.label-read b{font-size:.9375rem}.read span{font-size:.6875rem}.read-line{margin-top:8px}.stage-rail{display:none}body[data-stage=viewer] .stage-rail{display:flex;inset:64px 12px auto;transform:none;justify-content:space-between;overflow-x:auto;scrollbar-width:none}body[data-stage=viewer] .stage-rail button{padding:0 10px;font-size:.8125rem}@media (max-width: 400px){body[data-stage=viewer] .stage-rail{left:8px;right:8px;gap:0}body[data-stage=viewer] .stage-rail button{flex:1 1 auto;justify-content:center;padding:0 6px;font-size:.75rem}}@media (max-width: 340px){.labels li{font-size:.6875rem}}}
