/* Video is a media layer only; the approved composition and title stay intact. */
.hero-video{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:50% 50%;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease;
}
.hero-video.is-visible{opacity:1}
.hero-video-toggle{
  position:absolute;
  z-index:8;
  right:4%;
  bottom:151px;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:11px;
  border:1px solid #ffffff45;
  border-radius:50%;
  color:var(--cream);
  background:#07100d50;
  transition:background .2s ease,border-color .2s ease;
}
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle:hover{background:#07100d99;border-color:#ffffffa0}
.hero-video-toggle svg{width:20px;height:20px;grid-area:1/1}
.hero-video-toggle[data-state=paused] .hero-video-pause,
.hero-video-toggle[data-state=playing] .hero-video-play{display:none}
@media(max-width:760px){
  .hero-video-toggle{right:max(var(--hero-gutter),env(safe-area-inset-right,0px));bottom:calc(112px + var(--hero-safe-bottom))}
}
@media(prefers-reduced-motion:reduce){
  .hero-video,.hero-video-toggle{transition:none}
}