/* Keep the existing city-event hero design, but scale its copy for tablet and mobile widths. */
.city-page.tmeh-hub .city-hero-copy {
  min-width: 0;
}

.city-page.tmeh-hub .city-hero-copy .section-label,
.city-page.tmeh-hub .city-hero-copy .city-kicker {
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  line-height: 1.2;
}

.city-page.tmeh-hub .city-hero-copy .city-kicker {
  letter-spacing: .08em;
}

.city-page.tmeh-hub .city-hero-copy h1 {
  max-width: 100%;
  font-size: clamp(2rem, 2.4vw, 3rem);
  line-height: 1.14;
  letter-spacing: .02em;
}

.city-page.tmeh-hub .city-hero-copy .city-tagline {
  max-width: 100%;
  font-size: clamp(1rem, 1.4vw, 1.35rem);
  line-height: 1.65;
  letter-spacing: .02em;
}

@media (max-width: 960px) {
  .city-page.tmeh-hub .city-hero-copy .section-label,
  .city-page.tmeh-hub .city-hero-copy .city-kicker {
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.2;
  }

  .city-page.tmeh-hub .city-hero-copy h1 {
    font-size: clamp(1.9rem, 3.8vw, 2.8rem);
    line-height: 1.14;
  }

  .city-page.tmeh-hub .city-hero-copy .city-tagline {
    font-size: clamp(1.1rem, 2.4vw, 1.4rem);
    line-height: 1.65;
  }
}

@media (max-width: 600px) {
  .city-page.tmeh-hub .city-hero-copy h1 {
    font-size: clamp(1.8rem, 7.2vw, 2.5rem);
    line-height: 1.16;
  }

  .city-page.tmeh-hub .city-hero-copy .city-tagline {
    font-size: clamp(1rem, 4.5vw, 1.25rem);
  }
}