/* ------------------------------------------------------------------
   Video placeholders

   The static export shipped every <video> as a .video-placeholder div wrapping
   an SVG sized to the video's intrinsic dimensions. scripts/restore-videos.mjs
   turns those back into real <video> elements served from the CDN, so the only
   placeholders left are the two on /affiliate that never had a video source and
   always rendered as a poster image.

   These rules keep that poster occupying the same layout box the original
   element did at every breakpoint.
   ------------------------------------------------------------------ */

.video-placeholder {
  position: relative;
  overflow: hidden;
  background-color: #0B0B0E;
}

.video-placeholder > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
}

/* Inherit the rounded corners the original <video> had */
.video-placeholder > img {
  border-radius: inherit;
}

/* Optional: uncomment to make placeholders visually obvious while integrating
.video-placeholder { outline: 1px dashed #9452FF; outline-offset: -1px; }
*/