/* A focused polish pass; all styling outside the homepage hero is retained. */
.hero h1 { letter-spacing: -.045em; line-height: .9; }
.hero h1 span { margin-top: 16px; letter-spacing: -.025em; }
.hero::after { opacity: .3; }
.hero-grid { grid-template-areas: "copy identity" "response identity"; column-gap: 48px; row-gap: 0; }
.hero-copy { grid-area: copy; }
.hero-response { grid-area: response; }
.hero .hero-mark.event-hero-mark { grid-area: identity; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; min-height: 0; width: 100%; margin: 0; }
.hero .event-hero-logo { transform: none; }
.hero .countdown { position: static; justify-items: center; text-align: center; margin: 0; }
.hero .countdown-line { justify-content: center; }
.hero-actions { align-items: center; gap: 12px 24px; }
.hero-events-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--ivory); font-size: .78rem; font-weight: 600; letter-spacing: .04em; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.hero-events-link:hover, .hero-events-link:focus-visible { color: var(--gold-bright); }
@media (max-width: 940px) {
  .hero-grid { grid-template-columns: 1fr; grid-template-areas: "copy" "identity" "response"; }
  .hero .hero-mark.event-hero-mark { margin-top: 22px; gap: 18px; }
  .hero .event-hero-logo { order: -1; width: 190px; height: auto; }
  .hero .hero-actions { margin-top: 28px; }
}
@media (max-width: 620px) {
  .hero h1 span { margin-top: 14px; }
  .hero .hero-deck { margin-top: 28px; }
  .hero .event-hero-logo { width: 180px; }
  .hero-events-link { align-self: center; }
  .hero .independent-note { margin-top: 24px; }
}