.ss{padding:clamp(4.5rem,8vw,7rem) 0 clamp(2.5rem,5vw,4rem);overflow-x:clip}.ss-note{max-width:var(--measure);margin:var(--space-md) 0 0;color:var(--ink-2);font-size:var(--text-lg)}:where(.ss.band .hd) em.accent{color:var(--accent-deep)}.ss-pin{gap:2rem;padding-top:clamp(2rem,4vw,3rem);display:grid}.ss-c{padding-top:clamp(2.5rem,5vw,4rem)}.ss-c .ss-pin{padding-top:0}.ss-paper img,.ss-tiles{width:100%;height:100%;position:absolute;inset:0}.ss-blank,.ss-tiles{display:none}.ss-count{margin-top:1.25rem}.ss-list{margin:0;padding:0;list-style:none}.ss-step{border-top:1px solid var(--line);grid-template-columns:3.25rem minmax(0,1fr);gap:0 1rem;padding:1.1rem 0;display:grid}.ss-step:first-child{border-top:0}.ss-num{font:400 3.25rem/.9 var(--display);color:var(--n,var(--accent));grid-row:span 3}.ss-step h3{margin:0 0 .3rem}.ss-step p{color:var(--ink-2);margin:0}@media (width>=56rem){.ss-pin{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"list stage";align-items:center;gap:clamp(2rem,5vw,4.5rem)}.ss-list{grid-area:list}.ss-stage{grid-area:stage}.ss-num{font-size:3.75rem}}.live .ss-blank,.live .ss-tiles{display:block}.live .ss-full{z-index:1;opacity:0;transition:opacity .4s}.live .done .ss-full{opacity:1}.ss-tiles i:nth-child(n+224){box-shadow:none;animation:.7s 5.3s both ss-e}@keyframes ss-e{to{opacity:1}}.live .ss-step:not(.on) .ss-num{color:#0000;-webkit-text-stroke:1.3px var(--n,var(--accent))}.ss-dl{grid-column:2;justify-self:start;align-items:center;min-height:2.75rem;margin-top:.9rem;display:inline-flex}.ss-frame{position:relative}.ss-film{opacity:0;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;inset:0}.ss-film.on{opacity:1}.hero-toggle{background:var(--card);border:1px solid var(--line);min-height:2.75rem;color:var(--accent-deep);font:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:0 .9rem;font-weight:650;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem;box-shadow:0 2px 8px #0000001f}.hero-toggle[hidden],.hero-toggle[data-state=pause] .i-play,.hero-toggle[data-state=play] .i-pause{display:none}.hero-toggle:hover{border-color:var(--accent)}.hero-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.1em;height:1.1em}