/* A descriptive page heading stays visually primary; the original slogan remains visible. */
.hero .event-page-title {
  position: relative;
  z-index: 2;
  max-width: 64%;
  margin: 35px 0 24px;
  font-family: var(--display);
  font-size: clamp(42px, 5.3vw, 78px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.hero .hero-slogan {
  position: relative;
  z-index: 2;
  max-width: 60%;
  margin: 0 0 30px;
  font-family: var(--display);
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .015em;
  color: #a6083c;
}
@media (max-width: 800px) {
  .hero .event-page-title { max-width: 82%; font-size: clamp(36px, 6.5vw, 54px); }
  .hero .hero-slogan { max-width: 78%; }
}
@media (max-width: 540px) {
  .hero .event-page-title { max-width: 100%; margin-top: 24px; font-size: clamp(32px, 8.5vw, 44px); }
  .hero .hero-slogan { max-width: 100%; font-size: 22px; }
}