@media (min-width: 901px) {
  .home-hero .hero-inner {
    padding-top: clamp(46px, 6vh, 74px);
    padding-bottom: 104px;
  }

  .home-hero h1 {
    max-width: 1120px;
    font-size: clamp(78px, 7.75vw, 116px);
  }

  .home-hero .hero-copy {
    margin: 22px 0;
  }

  .home-hero .hero-actions {
    position: relative;
    z-index: 1;
  }
}

@media (min-width: 901px) and (max-height: 950px) {
  .home-hero {
    min-height: calc(100svh - 70px);
  }

  .home-hero h1 {
    font-size: clamp(72px, 7.1vw, 106px);
  }
}