/* Additional safeguards for narrow phone screens. */
@media (max-width: 760px) {
  .hero-copy { min-width: 0; }

  .hero h1 {
    max-width: 100%;
    font-size: clamp(35px, 9.3vw, 50px);
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .hero h1 em { overflow-wrap: anywhere; }
}

@media (max-width: 390px) {
  .hero h1 { font-size: 35px; }
}