@media (max-width: 820px) {
  .hero-copy {
    min-width: 0;
  }

  .hero h1 {
    max-width: 100%;
    font-size: clamp(40px, 12.4vw, 58px);
    letter-spacing: -0.055em;
    line-height: 0.88;
  }

  .inner-hero h1 {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 540px) {
  .inner-hero h1 {
    font-size: clamp(40px, 11.8vw, 50px);
  }
}