/* Compact typography keeps the reservation close to the opening promise. */
.hero { padding-top: 2rem; padding-bottom: 2.5rem; gap: 1.4rem; }
.wordmark { font-size: clamp(3.1rem, 9.2vw, 5rem); margin-bottom: 1.1rem; }
.maia-mark { margin-bottom: .9rem; }
.hero h1 { font-size: clamp(2.15rem, 6vw, 3.1rem); margin-bottom: 0; }
.hero-copy .hero-lede { display: block; font-size: .96rem; line-height: 1.34; margin: 1rem 0; }
.hero-copy .event-meta { display: grid; grid-template-columns: repeat(4, 1fr); gap: .35rem; margin: 1.1rem 0 0; }
.event-meta div { min-width: 0; padding-left: .4rem; }
.event-meta b { font-size: .74rem; }
.event-meta span { font-size: .64rem; }
.hero-copy .bonus-note { display: none; }
.booking-card { margin-top: .2rem; }
@media (max-width: 450px) {
  .wordmark { font-size: clamp(2.75rem, 11vw, 3.8rem); }
  .hero h1 { font-size: clamp(2rem, 8vw, 2.6rem); }
  .hero-copy .event-meta { grid-template-columns: repeat(2, 1fr); row-gap: .8rem; }
}