/* Keep the video visible during startup: WebKit can suspend invisible media.
   The video poster and independent cover handle loading or blocked autoplay. */
.hero[style*="--hero-video-poster"],
.p-hero.video-hero[style*="--hero-video-poster"] {
  background-image: var(--hero-video-poster);
  background-size: cover;
  background-position: center;
}
video.hero-video[data-responsive-autoplay] { opacity: 1; pointer-events: none; }
video.hero-video[data-responsive-autoplay][data-playback-state="playing"] { opacity: 1; }
video.hero-video[data-responsive-autoplay]::-webkit-media-controls,
video.hero-video[data-responsive-autoplay]::-webkit-media-controls-panel,
video.hero-video[data-responsive-autoplay]::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  video.hero-video[data-responsive-autoplay] { transition: none; }
}