.hero-copy {
  width: min(820px, 55vw);
}

.hero-copy h1 {
  font-size: clamp(48px, 4vw, 64px);
  line-height: 1.05;
}

.hero-title-line {
  display: block;
  white-space: nowrap;
}

.hero-title-mobile-line {
  display: inline;
}

@media (max-width: 760px) {
  .hero-copy {
    width: auto;
  }

  .hero-copy h1 {
    font-size: clamp(31px, 8vw, 34px);
  }

  .hero-title-line {
    white-space: normal;
    word-break: keep-all;
  }

  .hero-title-mobile-line {
    display: block;
  }

  .hero-copy > span {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}