.hero-content {
  container-type: inline-size;
}

.hero h1 {
  white-space: nowrap;
  font-size: min(8.8cqw, 6.2vh, 4.65rem);
  line-height: 1.2;
}

@media (min-width: 961px) and (max-height: 800px) {
  .hero-content {
    top: 51%;
    transform: translateY(-46%);
  }

  .hero-label {
    margin-bottom: .9rem;
  }

  .hero h1 {
    font-size: min(8.4cqw, 5.8vh, 3.7rem);
  }

  .hero-copy {
    margin-top: 1.25rem;
    font-size: .9rem;
    line-height: 1.6;
  }
}