/* Sprint 3.3A Dynamic Event SEO */
body.seo-page {
  margin: 0;
  background: #17110D;
  color: #F7F4EE;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.seo-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(28px, 5vw, 72px) 22px;
}

.seo-kicker {
  color: #B86A4A;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .78rem;
}

.seo-page h1 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(46px, 8vw, 96px);
  line-height: .95;
  letter-spacing: -.06em;
  margin: 14px 0 22px;
}

.seo-lead {
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.55;
  color: rgba(247,244,238,.78);
  max-width: 820px;
}

.seo-section {
  margin-top: clamp(44px, 7vw, 88px);
}

.seo-section h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(34px, 4.5vw, 58px);
  line-height: 1;
  letter-spacing: -.045em;
  margin: 0 0 18px;
}

.seo-section p,
.seo-section li {
  color: rgba(247,244,238,.76);
  font-size: 17px;
  line-height: 1.78;
}

.seo-two-col {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(24px, 5vw, 58px);
}

.seo-panel,
.seo-event-card,
.seo-faq-item {
  background: #F7F4EE;
  color: #17110D;
  border-radius: 26px;
  padding: clamp(22px, 3vw, 34px);
}

.seo-panel p,
.seo-panel li,
.seo-event-card p,
.seo-faq-item p {
  color: #5d5249;
}

.seo-event-grid,
.seo-related-grid,
.seo-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.seo-event-card span {
  display: block;
  color: #B86A4A;
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 10px;
}

.seo-event-card h3 {
  margin: 0 0 10px;
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1.05;
}

.seo-event-card a,
.seo-related-grid a {
  color: inherit;
  text-decoration: none;
}

.seo-related-grid a {
  background: rgba(247,244,238,.08);
  border: 1px solid rgba(247,244,238,.14);
  border-radius: 999px;
  padding: 14px 18px;
  color: #F7F4EE;
  font-weight: 900;
}

.seo-cta {
  display: inline-flex;
  margin-top: 24px;
  border-radius: 999px;
  background: #B86A4A;
  color: #fff;
  padding: 14px 20px;
  text-decoration: none;
  font-weight: 900;
}

.seo-faq-item h3 {
  margin: 0 0 8px;
}

@media(max-width: 820px) {
  .seo-two-col,
  .seo-event-grid,
  .seo-related-grid,
  .seo-faq-grid {
    grid-template-columns: 1fr;
  }
}