.hero-copy {
  min-width: 0;
}

.hero h1 {
  max-width: none;
  font-size: clamp(38px, 3.35vw, 52px);
  line-height: 1.18;
}

.hero h1 span,
.hero h1 em {
  display: block;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .hero {
    grid-template-columns: 1.12fr .88fr;
    gap: 28px;
  }

  .hero h1 {
    font-size: clamp(36px, 3.7vw, 47px);
  }
}

@media (max-width: 1050px) {
  .hero h1 {
    max-width: 760px;
  }
}

@media (max-width: 720px) {
  .hero h1 span,
  .hero h1 em {
    white-space: normal;
  }
}