/* Keep the hero video and its fixed scrim in one isolated paint region. */
.v33-cinema { contain: paint; isolation: isolate; }
.v33-cinema > video {
  z-index: 0; display: block; pointer-events: none;
  transform: translateZ(0); will-change: transform;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
.v33-cinema > .v33-cinema-shade { z-index: 1; pointer-events: none; }
.v33-cinema > .v33-hero-copy { position: relative; z-index: 2; }
.v33-cinema > .v33-hero-friend,
.v33-cinema > .v33-cinema-meta { z-index: 2; }

/* Decode with the native player, but display active frames in the page's sRGB surface. */
.v33-cinema > .hero-video-surface {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center; z-index: 0;
  pointer-events: none; display: block;
}
.v33-cinema > .hero-video-surface[hidden] { display: none; }
.v33-cinema > video.hero-video-decoder { opacity: 0; }
@media (max-width: 760px) {
  .v33-cinema > .hero-video-surface { object-position: 60% center; }
}