/* fx.css · cinematic/video-hero, a muted film behind the headline · owner: Lizzy East · all rights reserved */

/* The poster is the finished look: with no core, with motion off, or paused, the
   first frame simply sits there. The film is decoration: silent and aria-hidden. */
[data-fx~="cinematic/video-hero"] { position: relative; isolation: isolate; overflow: clip; }
[data-fx~="cinematic/video-hero"] > video[data-fx-ambient] {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
/* The still frame beneath is the finished look; the film covers it only once it
   is really playing, so a slow or failed start never shows an empty box. */
[data-fx~="cinematic/video-hero"] > video[data-fx-ambient].fx-rolling { opacity: 1; }