.hero__media { position: relative; }
.hero__media .hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero__video-toggle {
  position: absolute;
  right: 16px;
  bottom: 16px;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid #ffffff40;
  border-radius: 24px;
  background: #151815b3;
  color: #fff;
  font: 12px var(--font-sans);
  cursor: pointer;
}
.hero__video-toggle[hidden] { display: none; }
.hero__video-toggle:focus-visible { outline: 2px solid white; outline-offset: 3px; }
@media (max-width: 767px) {
  .hero__media .hero__video { height: auto; aspect-ratio: 4 / 5; }
}