/* Restore the two-decoder visibility contract from the pre-SSR release.
   The inactive decoder must never cover the active video. */
.hero-four-video,
.hero-four-video.is-painted {
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  transition: none;
}
.hero-four-video.is-active { z-index: 2; }
.hero-four-video.is-painted.is-active { opacity: 1; }
@media (orientation: landscape) and (prefers-reduced-motion: no-preference) {
  .hero-four-scene[data-hero-end-gate="holding"] .hero-four-motion,
  .hero-four-scene[data-hero-end-gate="complete"] .hero-four-motion {
    position: fixed;
    inset: 0;
    width: 100%;
    z-index: 20;
  }
}