.case{--line:#00000024;--line-2:#00000080;--mast-h:var(--top-h)}.specs{border-top:1px solid var(--rule);max-width:560px;margin:clamp(30px,5vw,56px) 0 0;padding:0;list-style:none}.specs li{border-bottom:1px solid var(--line);font:500 11px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:11px 0;display:grid}.specs li .mono{color:var(--ink);text-align:right;order:2;font-size:13px}.beats-intro{padding-bottom:0}.scrub{height:300vh;padding:0 var(--pad);position:relative}.beatmap{height:520vh}.scrub-sticky{top:var(--top-h);height:calc(100vh - var(--top-h));height:calc(100svh - var(--top-h));grid-template-rows:auto minmax(0,1fr);gap:14px;padding:clamp(12px,2.4vh,28px) 0;display:grid;position:sticky}.beat-media{align-content:start;gap:10px;min-width:0;display:grid}.scrub-frame{aspect-ratio:16/9;background:#000 50%/cover no-repeat;justify-self:center;width:100%;max-width:960px;position:relative;overflow:hidden}.scrub-video{object-fit:cover;width:100%;height:100%}.beat-readout{font:500 11px/1 var(--f-mono);letter-spacing:.12em;color:var(--ink-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.beat-readout [data-timecode]{color:var(--ink);font-variant-numeric:tabular-nums}.strip{align-items:center;gap:3px;height:17px;display:flex;position:relative;overflow:hidden}.strip-seg{background:var(--line-2);min-width:0;height:1px;transition:height .45s var(--ease), background-color .45s var(--ease), box-shadow .45s var(--ease);flex:1 1 0}.strip-seg.past{background:var(--ink)}.strip-seg.on{background:var(--gold);height:4px;box-shadow:0 0 8px var(--gold)}.strip-head{pointer-events:none;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.strip-head:after{content:"";background:var(--ink);width:1px;position:absolute;top:0;bottom:0;left:0}.beat-list{border-top:1px solid var(--rule);grid-auto-rows:minmax(0,1fr);min-height:0;margin:0;padding:0;list-style:none;display:grid}.beat-list li{border-bottom:1px solid var(--line);min-height:0;display:flex;position:relative}.beat-list button{text-align:left;min-width:0;min-height:0;color:var(--ink);font:500 15px/1.15 var(--f-body);touch-action:manipulation;transition:background-color .45s var(--ease);flex:1;grid-template-columns:8px 5.2ch 5.6ch minmax(0,1fr);align-items:center;gap:10px;padding:0 10px 0 6px;display:grid}.b-dot{width:7px;height:7px;box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .45s var(--ease), box-shadow .6s var(--ease)}.b-tc{font:500 12px/1 var(--f-mono);color:var(--ink-2);font-variant-numeric:tabular-nums}.b-code{font:700 12px/1 var(--f-mono);letter-spacing:.04em;white-space:nowrap}.b-text{min-width:0;display:block}.b-name{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;font:900 18px/1 var(--f-display);letter-spacing:.01em;font-stretch:62%;display:block;overflow:hidden}.b-sub{display:none}.b-tag{font:500 9.5px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);vertical-align:2px;border:1px dashed var(--line-2);margin-left:8px;padding:2px 5px;font-style:normal}@media (max-width:899px){.b-name:has(.b-tag){white-space:normal;text-overflow:clip}.b-name .b-tag{vertical-align:baseline;width:-moz-fit-content;width:fit-content;margin:4px 0 0;display:block}}.beat-list li.past .b-dot{background:var(--ink);box-shadow:none}.beat-list li.on .b-dot{background:var(--gold);box-shadow:0 0 10px 2px var(--gold)}.beat-list li.on button{background:var(--gold)}.beat-list li.on .b-tc,.beat-list li.on .b-tag,.beat-list li.on .b-sub{color:var(--ink)}@media (hover:hover){.beat-list li:not(.on) button:hover{background:#f2f2f2}}@media (min-width:900px){.scrub-sticky{grid-template-rows:auto;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-content:center;align-items:center;column-gap:clamp(28px,4vw,64px)}.beat-list{grid-auto-rows:minmax(44px,1fr)}.b-sub{font:400 13px/1.2 var(--f-body);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;display:block;overflow:hidden}}@media (max-height:560px){.b-sub{display:none}.beat-list button{font-size:13px}}.scrub.static{height:auto;padding-bottom:48px}.scrub.static .scrub-sticky{height:auto;position:relative;top:0}.beatmap.static .beat-list{grid-auto-rows:minmax(46px,auto)}.sheet-sec{padding-inline-start:0;padding-inline-end:0}.sheet-sec>.ch-head,.sheet-note{padding-inline:var(--pad)}.sheet-note{margin-top:18px}.sheet-wrap{--fw:min(78vw, 426px);margin-top:clamp(30px,5vh,60px);position:relative}@media (min-width:900px){.sheet-wrap{--fw:min(40vw, 600px)}}.sheet{padding:22px calc(50% - var(--fw) / 2) 34px;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;border-block:1px solid var(--rule);gap:clamp(12px,2vw,28px);display:flex;position:relative;overflow-x:auto}.sheet::-webkit-scrollbar{display:none}.sheet:focus-visible{outline-offset:-4px}.sheet.dragging{cursor:grabbing}.sheet .frame{flex:0 0 var(--fw);margin:0}.sheet .frame img{transition:opacity .5s var(--ease)}.sheet .frame:not(.on) img{opacity:.55}.sheet .frame img{aspect-ratio:16/9;pointer-events:none;-webkit-user-drag:none;background:#eee;width:100%;height:auto}.sheet .frame figcaption{border-top:1px solid var(--line);font:500 11px/1.3 var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);white-space:nowrap;align-items:center;gap:10px;margin-top:14px;padding-top:10px;display:flex;overflow:hidden}.sheet .frame figcaption:before{content:"";width:6px;height:6px;box-shadow:inset 0 0 0 1px var(--line-2);flex:none}.f-no{color:var(--ink)}.sheet .frame.on figcaption{color:var(--ink);border-top-color:var(--ink)}.sheet .frame.on figcaption:before{background:var(--gold);box-shadow:0 0 8px 1px var(--gold)}.sheet-readout{padding:18px var(--pad) 0;color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;margin:0;display:flex}.sheet-readout [data-sheet-readout]{color:var(--ink)}.pipe-rail{top:var(--top-h);z-index:20;scrollbar-width:none;margin:clamp(28px, 5vh, 56px) calc(-1 * var(--pad)) 0;padding:0 var(--pad);background:var(--white);border-bottom:1px solid var(--rule);gap:0 clamp(18px,3vw,40px);list-style:none;display:flex;position:sticky;overflow-x:auto}.pipe-rail::-webkit-scrollbar{display:none}.pipe-rail li{min-height:46px;font:500 11px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);white-space:nowrap;flex:none;align-items:center;gap:8px;display:flex;position:relative}.pipe-rail li:after{content:"";background:var(--gold);transform-origin:0;height:3px;transition:transform .7s var(--ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.pipe-rail li.on{color:var(--ink)}.pipe-rail li.on:after{transform:scaleX(1)}.story-list{gap:clamp(64px,11vh,130px);margin:clamp(40px,7vh,90px) 0 0;padding:0;list-style:none;display:grid}.story{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:22px;padding-top:20px;display:grid;position:relative}.story-n{font:500 11px/1 var(--f-mono);letter-spacing:.14em;color:var(--ink-2);padding-top:8px}@media (min-width:900px){.story{grid-template-columns:72px minmax(0,5fr) minmax(0,6fr);align-items:start;gap:0 clamp(28px,4vw,64px)}}.story h3{font:900 clamp(40px, 6vw, 84px)/.86 var(--f-display);text-transform:uppercase;margin:0 0 20px;font-stretch:56%}.story-copy p{max-width:50ch;margin:0}.story-copy p+p{margin-top:12px}.story-quote{border-left:3px solid var(--gold);padding-left:14px;font-size:18px;line-height:1.45}.story-media{max-width:640px;margin:0}.story-media img{aspect-ratio:16/9;background:#eee;width:100%;height:auto}.story-media figcaption{font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-top:10px}.tools{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.tools li{font:500 11px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--ink);padding:8px 10px}.want-lede{z-index:2;color:#eaeaea;max-width:40ch;position:relative}