@media (min-width: 701px) {
  .hero h1 {
    font-size: clamp(4rem, 8vw, 8rem);
    max-width: 100%;
  }
}

@media (min-width: 701px) and (max-width: 920px) {
  .hero {
    grid-template-columns: minmax(0, 1fr) minmax(280px, .78fr);
  }
}