/* Two-tone hero title matching the /get-quote/{state}/ hero
   (.sgq-hero__title in state-get-quote.css). Linked only on the national
   pages listed in heroTitleUrls in scripts/generate-pages.js, whose hero h1
   withHeroTitle() splits into a white main line and a champagne sub line. */

.hero-title { margin-bottom: 1.6rem; font-size: clamp(2.35rem, 5.3vw, 5.1rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.02; overflow-wrap: break-word; }
.hero-title__main { display: block; color: #fff; }
.hero-title__sub { display: block; max-width: 13em; margin-top: .08em; color: #e6cc9f; font-size: .82em; line-height: 1.06; }

@media (max-width: 600px) {
  .hero-title { font-size: clamp(2.05rem, 10vw, 2.6rem); }
}