/* =====================================================================
   Storied Originals: the dark rounded container grows to full-bleed while
   the page stays pinned, holds there for a moment, then scrolling continues.
   JS writes --p (0 to 1) on .originals. Figma 173:6617 (1280 x 767 at p = 0).
   ===================================================================== */
.originals-track{--orig-h:min(767px,calc(100vh - 48px));position:relative;height:calc(100vh + 120vh)}
.originals-stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.originals{--p:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;
  width:calc(100% - 160px * (1 - var(--p)));
  height:calc(var(--orig-h) + (100vh - var(--orig-h)) * var(--p));
  border-radius:calc(var(--radius-lg) * (1 - var(--p)));overflow:hidden;background:var(--neutral-900);will-change:width,height}
.originals__inner{width:min(1192px,100% - 48px);margin-inline:auto;padding:0}
.video-card--vertical .video-card__img{object-position:50% 50%}

/* Static fallback: small screens, short windows, reduced motion */
@media (max-width:900px),(max-height:600px),(prefers-reduced-motion:reduce){
  .originals-track{height:auto}
  .originals-stage{position:static;height:auto;display:block;padding:40px 80px;overflow:visible}
  .originals{display:block;width:auto;height:auto;padding:80px 0;border-radius:var(--radius-lg)}
}
@media (max-width:900px){.originals-stage{padding:24px}}