/* Homepage only: fit whole title lines without changing other headings. */
.hero .hero-copy {
  align-self: center;
  transform: none;
  padding-bottom: 0;
  min-width: 0;
  width: 100%;
  container-type: inline-size;
}
.hero h1,
.hero h1 span {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
.hero h1 { font-size: clamp(30px, 5.3vw, 100px); }
@supports (font-size: 1cqw) {
  .hero h1 { font-size: clamp(24px, 11cqw, 118px); }
}
@media (max-width: 720px) {
  .hero h1 { font-size: clamp(28px, 8.6vw, 58px); }
  @supports (font-size: 1cqw) {
    .hero h1 { font-size: clamp(24px, 10.5cqw, 58px); }
  }
}