html:has(.reel){scroll-snap-type:y mandatory;scroll-padding-top:4rem}html:has(.reel) footer{scroll-snap-align:end}.reel{--h: calc(100svh - 4rem) }.intro,.scene,.outro{position:relative;height:var(--h);min-height:30rem;scroll-snap-align:start;overflow:hidden;isolation:isolate}.intro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.intro-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--color-bg) 0%,rgba(15,28,38,.55) 55%,rgba(15,28,38,.7) 100%)}.intro-copy{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:4.5rem}.intro h1{margin-top:1.25rem;font-size:clamp(3.25rem,11vw,9rem);line-height:.95}.intro p{margin-top:1.5rem;max-width:34rem;color:var(--color-text-muted);font-size:1.125rem;line-height:1.6}.cue{margin-top:2rem;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);animation:cue 1.8s ease-in-out infinite}@keyframes cue{50%{transform:translateY(6px);opacity:.6}}.scene{background:#070d12}.scene-bg{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;z-index:-1;filter:blur(48px) saturate(1.5) brightness(.5);opacity:0;transition:opacity .9s ease}.scene.is-active .scene-bg{opacity:1}.scene-inner{position:relative;height:100%}.frame{position:absolute;inset:0;background:#000;overflow:hidden;cursor:pointer}.frame video{width:100%;height:100%;object-fit:cover}.bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--color-accent);transform-origin:left;transform:scaleX(var(--p, 0))}.copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:5rem 1.25rem 1.75rem;background:linear-gradient(to top,rgba(0,0,0,.82),transparent);pointer-events:none}.copy a{pointer-events:auto}.copy h2{margin-top:.75rem;font-size:clamp(1.9rem,6vw,2.75rem);line-height:1.05}.sum{margin-top:.75rem;max-width:30rem;font-size:.9rem;line-height:1.55;color:#f2f0eacc}.tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.tags span{border:1px solid rgba(242,240,234,.3);border-radius:999px;padding:.15rem .7rem;font-size:.72rem;color:#f2f0ead9}.more{display:inline-block;margin-top:1.1rem;font-size:.85rem;color:var(--color-accent)}.more:hover{color:var(--color-accent-hover)}.rail{display:none}.scene[data-ratio="16/9"] .scene-inner{display:flex;flex-direction:column;justify-content:center}.scene[data-ratio="16/9"] .frame{position:relative;inset:auto;aspect-ratio:16 / 9}.scene[data-ratio="16/9"] .copy{position:static;background:none;padding-top:1.5rem}.outro{display:flex;align-items:center;text-align:center}.outro h2{font-size:clamp(2.25rem,7vw,5rem);line-height:1}.outro p{margin:1.25rem auto 2rem;max-width:28rem;color:var(--color-text-muted)}.sound{position:fixed;right:1rem;top:5rem;z-index:30;border:1px solid rgba(242,240,234,.35);border-radius:999px;background:#0f1c26b3;backdrop-filter:blur(8px);padding:.55rem 1rem;font-size:.78rem;color:var(--color-text)}.sound:hover{border-color:var(--color-accent)}@media(min-width:1024px){.scene-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3.5rem;max-width:84rem;margin:0 auto;padding:1.5rem 2.5rem}.frame,.scene[data-ratio="16/9"] .frame{position:relative;inset:auto;border-radius:1.5rem;box-shadow:0 30px 90px #0009;height:calc(var(--h) - 3rem);aspect-ratio:9 / 16}.scene[data-ratio="16/9"] .frame{height:auto;aspect-ratio:16 / 9;width:min(56vw,calc((var(--h) - 3rem) * 16 / 9))}.scene[data-ratio="16/9"] .scene-inner{display:grid;grid-template-columns:auto 1fr}.copy{grid-column:1;grid-row:1}.frame{grid-column:2;grid-row:1}.scene[data-ratio="16/9"] .frame{grid-column:1}.scene[data-ratio="16/9"] .copy{grid-column:2}.copy,.scene[data-ratio="16/9"] .copy{position:static;padding:0;background:none;opacity:0;transform:translate(-1.5rem);transition:opacity .7s ease .15s,transform .7s ease .15s}.scene.is-active .copy{opacity:1;transform:none}.copy h2{font-size:clamp(2.5rem,4.2vw,4.25rem)}.sum{font-size:1rem}.rail{display:block;position:absolute;right:2.5rem;bottom:1.5rem}.count{font-size:.8rem;letter-spacing:.15em;color:var(--color-text-dim)}.count b{font-family:var(--font-display);font-weight:500;font-size:2.5rem;letter-spacing:-.02em;color:var(--color-text)}}@media(prefers-reduced-motion:reduce){.cue{animation:none}.copy{opacity:1!important;transform:none!important;transition:none!important}}