/* Scoped to the static event detail page; shared site resources are unchanged. */
.event-detail-page {
  --event-muted: #b8b8b8;
  --event-line: rgba(194, 159, 90, 0.25);
  --event-space-1: 8px;
  --event-space-2: 16px;
  --event-space-3: 24px;
  --event-space-4: 32px;
  --event-space-6: 48px;
  --event-space-8: 64px;
}
.event-detail-page [hidden] { display: none !important; }
.event-detail-page :focus-visible { outline: 2px solid var(--gold-light); outline-offset: 5px; }
.event-skip-link { position: fixed; top: -100px; left: 16px; z-index: 10001; padding: 16px; background: var(--black); color: var(--gold-light); }
.event-skip-link:focus { top: 16px; }
.event-detail-page .event-hero { min-height: 560px; height: 65vh; max-height: 720px; }
.event-detail-page .event-hero .hero__bg { background-position: center 40%; }
.event-detail-page .event-hero .hero__bg::after { background: linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.65) 45%, rgba(0,0,0,.9)); }
.event-detail-page .event-hero .hero__content { padding-top: var(--event-space-4); }
.event-detail-page .event-hero .hero__title { font-size: clamp(44px, 6vw, 84px); line-height: 1.02; letter-spacing: 3px; }
.event-detail-page .event-hero .hero__subtitle { margin-bottom: var(--event-space-3); font-size: clamp(12px, 1.2vw, 16px); }
.event-eyebrow { color: var(--gold); font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: 2px; text-transform: uppercase; margin-bottom: var(--event-space-2); }
.event-hero .event-eyebrow { display: inline-block; padding: 4px 12px; background: rgba(0,0,0,.85); }
.event-main { padding-bottom: var(--event-space-8); scroll-margin-top: 112px; }
.event-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--event-space-2); align-items: center; padding: var(--event-space-3) 0; color: var(--event-muted); font-size: 12px; }
.event-breadcrumb a { padding-block: var(--event-space-1); text-decoration: underline; text-underline-offset: 4px; }
.event-facts { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--event-line); border-bottom: 1px solid var(--event-line); padding: var(--event-space-3) 0; gap: var(--event-space-3); }
.event-facts dt { color: var(--event-muted); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: var(--event-space-1); }
.event-facts dd { font-size: clamp(16px, 1.8vw, 22px); font-weight: 500; }
.event-facts dd span { color: var(--event-muted); font-size: 12px; }
.event-jump-links { display: flex; flex-wrap: wrap; gap: var(--event-space-3); padding: var(--event-space-2) 0; margin-bottom: var(--event-space-4); }
.event-jump-links a { padding: var(--event-space-1) 0; color: var(--event-muted); font-size: 13px; text-decoration: underline; text-underline-offset: 5px; }
.event-jump-links a:hover { color: var(--gold-light); }
.event-layout { display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: clamp(32px, 6vw, 88px); align-items: start; }
.event-entry { grid-column: 2; grid-row: 1; position: sticky; top: calc(var(--nav-height) + 24px); padding: var(--event-space-4); border: 1px solid var(--event-line); background: #0b0b0b; scroll-margin-top: 112px; }
.event-entry h2 { font-size: clamp(28px, 3vw, 36px); letter-spacing: 1px; overflow-wrap: anywhere; }
.event-entry p { color: var(--event-muted); font-size: 14px; line-height: 1.8; margin-top: var(--event-space-2); }
.event-entry p.event-eyebrow { margin-top: 0; margin-bottom: var(--event-space-2); color: var(--gold); font-size: 12px; }
.event-entry p.event-entry__price { color: var(--white); font-size: 42px; font-weight: 500; line-height: 1.2; padding-top: var(--event-space-2); }
.event-entry__price span { color: var(--event-muted); font-size: 12px; font-weight: 400; }
.event-entry__action { display: flex; justify-content: center; align-items: center; gap: var(--event-space-1); width: 100%; margin-top: var(--event-space-3); font-size: 12px; padding-inline: var(--event-space-2); min-height: 48px; }
.event-entry p.event-entry__note { font-size: 12px; line-height: 1.8; }
.event-entry__contact { display: inline-block; font-size: 12px; margin-top: var(--event-space-3); padding-block: var(--event-space-1); text-decoration: underline; text-underline-offset: 4px; }
.event-sections { grid-column: 1; grid-row: 1; min-width: 0; }
.event-section { margin-bottom: var(--event-space-8); scroll-margin-top: 112px; }
.event-section + .event-section { border-top: 1px solid var(--event-line); padding-top: var(--event-space-6); }
.event-section h2 { font-size: clamp(26px, 3.1vw, 40px); line-height: 1.14; letter-spacing: 1px; margin-bottom: var(--event-space-3); }
.event-section > p:not(.event-eyebrow) { color: var(--event-muted); margin-top: var(--event-space-2); line-height: 1.85; }
.event-section > p.event-lede { color: #e5e5e5; font-size: 18px; font-weight: 300; line-height: 1.8; }
.event-schedule { border-top: 1px solid var(--event-line); }
.event-schedule > div { display: grid; grid-template-columns: 1fr 1.15fr; gap: var(--event-space-3); padding: var(--event-space-2) 0; border-bottom: 1px solid var(--event-line); font-size: 14px; }
.event-schedule dt { color: var(--event-muted); }
.event-schedule dd { text-align: right; }
.event-schedule strong { font-size: 22px; font-weight: 500; color: var(--gold-light); }
.event-section > p.event-note { font-size: 13px; line-height: 1.85; }
.event-divisions { display: grid; grid-template-columns: 1fr 1fr; gap: var(--event-space-3); }
.event-divisions h3 { font-size: clamp(17px, 1.7vw, 21px); letter-spacing: 1px; line-height: 1.4; }
.event-divisions p { font-size: 14px; color: var(--event-muted); margin-top: var(--event-space-1); }
.event-address { font-style: normal; font-size: 18px; line-height: 1.8; margin-bottom: var(--event-space-3); }
.event-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--event-space-3); margin-top: var(--event-space-3); }
.event-text-link { font-size: 13px; display: inline-block; padding-block: var(--event-space-1); text-decoration: underline; text-underline-offset: 5px; }
.event-resource-links { margin-top: var(--event-space-3); border-top: 1px solid var(--event-line); }
.event-resource-links a { display: flex; align-items: center; justify-content: space-between; gap: var(--event-space-2); min-height: 60px; padding: var(--event-space-2) 0; border-bottom: 1px solid var(--event-line); font-size: 14px; }
.event-faq details { border-bottom: 1px solid var(--event-line); padding: var(--event-space-2) 0; }
.event-faq details:first-child { border-top: 1px solid var(--event-line); }
.event-faq summary { cursor: pointer; color: #e5e5e5; font-size: 15px; font-weight: 500; line-height: 1.6; min-height: 44px; padding-block: 10px; }
.event-faq summary::marker { color: var(--gold); }
.event-faq details[open] summary { color: var(--gold-light); }
.event-faq details p { color: var(--event-muted); padding: var(--event-space-1) 0 var(--event-space-2); font-size: 14px; line-height: 1.85; }
.event-return { border-top: 1px solid var(--event-line); padding-top: var(--event-space-4); display: flex; flex-wrap: wrap; align-items: center; gap: var(--event-space-3); }
@media (max-width: 900px) {
  .event-layout { grid-template-columns: minmax(0, 1fr) 300px; gap: var(--event-space-4); }
  .event-entry { padding: var(--event-space-3); }
}
@media (max-width: 740px) {
  .event-detail-page .event-hero { min-height: 480px; height: 68svh; max-height: 620px; }
  .event-detail-page .event-hero .hero__bg { background-position: 55% center; }
  .event-detail-page .event-hero .hero__title { font-size: clamp(42px, 12vw, 64px); }
  .event-layout { display: flex; flex-direction: column; gap: var(--event-space-6); }
  .event-entry { position: static; width: 100%; }
  .event-entry p.event-entry__price { font-size: 36px; }
  .event-facts { grid-template-columns: 1fr 1fr; gap: var(--event-space-3); }
  .event-facts > div:last-child { grid-column: 1 / -1; }
  .event-facts dd { font-size: 16px; }
  .event-jump-links { gap: var(--event-space-2); margin-bottom: var(--event-space-3); }
  .event-section { margin-bottom: var(--event-space-6); }
  .event-section > p.event-lede { font-size: 17px; }
  .event-divisions { grid-template-columns: 1fr; gap: var(--event-space-3); }
  .event-schedule > div { gap: var(--event-space-2); font-size: 13px; }
  .event-address { font-size: 16px; }
  .event-detail-page .event-eyebrow { letter-spacing: 1.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .event-detail-document { scroll-behavior: auto; }
  .event-detail-page .reveal { opacity: 1; transform: none; transition: none; }
}
