@media (min-width: 901px) {
  .hero {
    min-height: 560px;
    padding: 42px 0 86px;
  }

  .hero-copy {
    max-width: 740px;
  }

  .hero h1 {
    margin: 14px 0 20px;
    font-size: clamp(3.55rem, 4.6vw, 4.5rem);
    line-height: 1.02;
  }

  .hero p {
    max-width: 610px;
    font-size: 1.15rem;
  }

  .value-grid {
    margin-top: -58px;
  }
}

@media (max-width: 900px) {
  .hero {
    padding: 48px 0 76px;
  }

  .hero h1 {
    margin: 16px 0 20px;
  }
}