.hero-title-line {
  display: block;
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.hero-title-accent {
  color: var(--dark-accent-gold-soft);
}

@media (max-width: 960px) {
  .hero-copy h1 {
    width: max-content;
    max-width: 100%;
    font-size: clamp(2.65rem, 5.25vw, 3.35rem);
    line-height: 0.98;
  }
}

@media (max-width: 760px) {
  .hero-copy h1 {
    font-size: clamp(2.35rem, 6.7vw, 2.95rem);
  }
}

@media (max-width: 620px) {
  .hero-copy h1 {
    font-size: clamp(2rem, 8.4vw, 2.45rem);
  }
}

@media (max-width: 430px) {
  .hero-copy h1 {
    font-size: clamp(1.82rem, 7.8vw, 2.1rem);
  }
}

@media (max-width: 375px) {
  .hero-copy h1 {
    font-size: 1.74rem;
  }
}