/* Mobile-only spacing fixes for the home hero and featured-video rail. */
@media (max-width:760px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  .hub-hero,
  .hero-copy,
  #hero-title,
  #hero-title span {
    max-width: 100%;
  }

  #hero-title {
    width: 100%;
    font-size: clamp(38px, 10.5vw, 54px);
    line-height: 1.14;
  }

  #hero-title span:nth-child(2) {
    margin-left: 3%;
  }

  .hero-actions {
    width: 100%;
    min-width: 0;
  }

  .hero-primary,
  .hero-secondary {
    min-width: 0;
  }

  .hero-secondary .hero-search-icon {
    font-size: 18px;
    line-height: 1;
  }

  .home-normal-video-rail {
    margin-inline: 0;
    padding: 0 0 8px;
    scroll-padding-inline: 0;
  }
}