/* Keep hero headings prominent without letting long route and city names dominate the page. */
.hero-copy h1 { font-size: clamp(46px, 4.2vw, 62px); line-height: .98; letter-spacing: -.03em; }
.route-hero-copy h1 { font-size: clamp(42px, 4vw, 58px); line-height: .98; letter-spacing: -.035em; }
.city-hero-copy h1 { font-size: clamp(40px, 4.2vw, 56px); line-height: .98; letter-spacing: -.035em; }

@media (max-width: 820px) {
  .hero-copy h1 { font-size: clamp(44px, 5.8vw, 56px); }
  .route-hero-copy h1 { font-size: clamp(40px, 5.8vw, 52px); }
  .city-hero-copy h1 { font-size: clamp(38px, 5.6vw, 50px); }
}

@media (max-width: 600px) {
  .hero-copy h1 { font-size: clamp(40px, 11vw, 50px); }
  .route-hero-copy h1 { font-size: clamp(37px, 10.5vw, 48px); }
  .city-hero-copy h1 { font-size: clamp(36px, 10vw, 46px); }
}