/* Page — rules emitted only by the video catalog template (archive-ca-video.php).
   The featured reels are a stack the catalog arranges; the reel frame itself is
   promo-video's and is not modified here.
   Notes: docs/video-module-notes.md */

/* ── Featured stack ── The catalog opens with a reel where the retired page
   template opened with a caption block, so the hero's 64px cream fade has
   nothing to land in unless the stack supplies it. 5rem is that template's own
   first-section top padding, so the seam reads unchanged. */
.video-featured-stack{background:#faf9f6;padding-top:5rem}

/* Between reels the caption block carries the rhythm with its own 5rem/6rem.
   These two rules cover the cases where there is no caption to do it: one reel
   directly after another, and a reel that ends the stack. */
.video-featured + .video-featured{padding-top:5rem}
.video-featured-stack > .video-featured:last-child{padding-bottom:5rem}

@media(max-width:768px){
  .video-featured-stack{padding-top:3rem}
  .video-featured + .video-featured{padding-top:3rem}
  .video-featured-stack > .video-featured:last-child{padding-bottom:3rem}
}

/* ── Full bleed ── The reel frame caps at 1600px in the component. The featured
   stack presents reels as page heroes, so the cap comes off here only. The
   component and its other consumers keep the cap. */
.video-featured .promo-video-wrap{max-width:none}

/* ── Caption binding ── A caption belongs to the reel above it, so it sits
   tight underneath and leaves the decisive gap to the next reel. Prose's own
   5rem/6rem reads as equidistant between two reels; this rebalances it. */
.video-featured-caption{padding-top:2.5rem;padding-bottom:8rem}

@media(max-width:768px){
  .video-featured-caption{padding-top:1.5rem;padding-bottom:4.5rem}
}