/* Keep the full podcast frame on wide desktops; extend the stage with navy. */
@media (min-width: 1200px) and (min-aspect-ratio: 16/9) {
  :is(.home-page, .schools-template) > .home-hero,
  .schools-template .st-hero {
    background: linear-gradient(110deg, #07142a, #071022 55%, #0a1424);
  }

  :is(.home-hero, .st-hero) > :is(.home-hero-video, .st-hero-video) {
    inset: 0 auto;
    left: 50%;
    width: auto;
    height: 100%;
    max-width: 1920px;
    aspect-ratio: 16 / 9;
    transform: translateX(-50%);
    background: transparent;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  }

  :is(.home-hero, .st-hero) > :is(.home-hero-video, .st-hero-video) > :is(img, video) {
    object-fit: contain;
  }
}