@property --p{syntax:"<number>";inherits:true;initial-value:0}.stages{display:grid}.stage{--p:0;position:relative}.stage+.stage{margin-top:clamp(56px,9vh,104px)}.stage-in{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}@media (min-height:560px){.motion .stage{height:220svh}.motion .stage+.stage{margin-top:0}.motion .stage-in{align-content:center;min-height:100svh;padding-block:clamp(20px,5svh,56px);position:sticky;top:0}}.stage-cap{align-content:end;gap:10px;display:grid}.stage-n{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;color:var(--fg-subtle);font-size:12px}.stage-n span{opacity:.6}.stage-cap h3{letter-spacing:-.03em;font-size:clamp(28px,3.2vw,44px);font-weight:600;line-height:1.08}.stage-line{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:15px;display:flex}.stage .cl{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.stage .cl:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.stage-go{min-height:44px;color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:5px;justify-self:start;align-items:center;gap:8px;margin-top:6px;font-size:15px;font-weight:500;transition:text-decoration-color .3s;display:inline-flex}.stage-go:hover{text-decoration-color:currentColor}.stage-ground{background:radial-gradient(90% 80% at 70% 0%, var(--c2), transparent 72%), var(--c1);isolation:isolate;border-radius:18px;justify-content:center;align-items:flex-end;padding:5%;display:flex;position:relative;overflow:hidden}.lap{background:#fff;border-radius:10px;flex:1 1 0;min-width:0;max-width:calc(160svh - 576px);margin-bottom:4%;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001f,0 40px 80px -30px #0000008c}.lap-bar{background:#f1efec;border-bottom:1px solid #00000014;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.lap-bar i{background:#00000029;border-radius:50%;width:8px;height:8px}.lap-bar span{min-width:0;font-family:var(--font-mono,ui-monospace, monospace);color:#5f5d59;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:6px;margin-left:10px;padding:3px 12px;font-size:11px;overflow:hidden}.scr{background:#fff;position:relative;overflow:hidden;container-type:size}.lap .scr{aspect-ratio:1440/900}.reel{translate:0 calc(var(--p) * (-100% + 100cqh));will-change:translate}.reel img{width:100%;height:auto;display:block}.thumb{width:4px;height:18%;translate:0 calc(var(--p) * (100cqh - 100% - 8px));background:#00000052;border-radius:4px;position:absolute;top:4px;right:3px}.mob{z-index:1;background:#0c0c0e;border-radius:15%/6.9%;flex:0 0 17.5%;max-width:calc(60svh - 216px);margin-left:-4%;padding:.42%;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 1px #00000080,0 1px 2px #0000002e,0 28px 50px -20px #00000059}.mob .scr{aspect-ratio:390/844;border-radius:14%/6.4%}.mob .scr:before{content:"";z-index:2;background:#000;border-radius:99px;width:20%;height:2%;position:absolute;top:1.8%;left:50%;translate:-50%}.fine .stage-ground .lap,.fine .stage-ground .mob{transition:transform 1s var(--e-out)}.fine .stage-ground:hover .lap{transform:translateY(-6px)}.fine .stage-ground:hover .mob{transform:translateY(-12px)}.rm .stage .scr,html:not(.motion) .stage .scr{overscroll-behavior:auto;scrollbar-width:thin;overflow-y:auto}.rm .reel,html:not(.motion) .reel{translate:none}.rm .thumb,html:not(.motion) .thumb{display:none}@media (min-width:1024px){.stage-cap{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:6px 24px}.stage-n{grid-row:1}.stage-cap h3{font-size:clamp(28px,2.6vw,40px)}.stage-go{grid-area:1/3;margin-top:0}.stage-line{grid-area:2/2}.stage-ground{padding:3.5%}}@media (max-width:767px){.stage-ground{border-radius:14px;display:block}.stage .lap{max-width:none;margin-bottom:0}.stage .mob{width:min(42%,46svh - 216.2px);max-width:none;margin:-22% 3% 0 auto;padding:.9%}.motion .stage-in{padding-block:16px}.lap{border-radius:7px}.lap-bar{gap:4px;height:22px;padding:0 8px}.lap-bar i{width:6px;height:6px}.lap-bar span{margin-left:6px;padding:1px 8px;font-size:9.5px}}@media (max-width:599px){.stage .lap{display:none}.stage .mob{width:min(78%,300px);margin:0 auto;padding:1.6%}}.wcard{--p:0;transition:--p .9s var(--e-out);align-items:flex-end;padding-top:4%;display:flex}.wcard .lap{border:1px solid var(--border);border-radius:8px;max-width:none;margin-bottom:7%;box-shadow:0 24px 50px -28px #00000080}.wcard .lap-bar{gap:4px;height:18px;padding:0 8px}.wcard .lap-bar i{width:5px;height:5px}.wcard .mob{flex-basis:21%;max-width:none;margin-left:-6%;padding:.6%}.fine.motion .group:hover .wcard,.fine.motion .group:focus-visible .wcard{--p:1;transition:--p var(--t,8s) linear}.stage.bare .lap{max-width:calc(160svh - 416px)}.stage.bare .mob{max-width:calc(60svh - 156px)}