/* ── Event Header Meta ───────────────────────────────────────────────────── */
.event-header-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s1) var(--s6);
  margin-top: var(--s4);
}

.event-header-meta__item {
  display: flex;
  align-items: center;
  gap: 0.45em;
  font-size: var(--text-base);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}

.event-header-meta__item svg {
  color: rgba(255, 255, 255, 0.95);
  flex-shrink: 0;
}

@media (max-width: 480px) {
  .event-header-meta__item { font-size: var(--text-sm); }
}


/* ── Event Body ──────────────────────────────────────────────────────────── */
.event-body {
  padding: var(--s12) 0 var(--s16);
}

.event-content {
  max-width: 48rem;
}

.event-lead {
  font-size: var(--text-md);
  line-height: 1.75;
  color: var(--ink-muted);
}


/* ── Section ─────────────────────────────────────────────────────────────── */
.event-section {
  margin-top: var(--s10);
  padding-top: var(--s8);
  border-top: 1px solid var(--border);
}

.event-section__heading {
  font-size: var(--text-md);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: var(--s4);
}


/* ── Performers ──────────────────────────────────────────────────────────── */
.performers-list {
  border-top: 1px solid var(--border);
}

.performers-item {
  display: grid;
  grid-template-columns: 10rem 1fr;
  gap: var(--s3);
  padding: var(--s2) 0;
  border-bottom: 1px solid var(--border);
  align-items: baseline;
}

.performers-item dt {
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.performers-item dd {
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--ink);
}

@media (max-width: 480px) {
  .performers-item { grid-template-columns: 7rem 1fr; }
}


/* ── Back Link ───────────────────────────────────────────────────────────── */
.event-back {
  margin-top: var(--s10);
  padding-top: var(--s6);
  border-top: 1px solid var(--border);
}

.event-back__link {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--ink-muted);
  transition: color var(--dur) var(--ease), gap var(--dur) var(--ease);
}

.event-back__link:hover,
.event-back__link:focus-visible {
  color: var(--ink);
  gap: 0.65em;
}


/* ── Gallery ─────────────────────────────────────────────────────────────── */
.event-gallery {
  background: var(--bg-warm);
  padding: var(--s12) 0 var(--s16);
  border-top: 1px solid var(--border);
}

.event-gallery__header {
  margin-bottom: var(--s8);
}

.event-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  background: var(--border);
}

.event-gallery__item {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--bg-panel);
  margin: 0;
}

.event-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s var(--ease);
}

.event-gallery__item:hover img {
  transform: scale(1.04);
}

@media (max-width: 640px) {
  .event-gallery__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 420px) {
  .event-gallery__grid { grid-template-columns: 1fr; }
}


/* ── Print ───────────────────────────────────────────────────────────────── */
@media print {
  .event-gallery,
  .event-back { display: none; }
  .event-header-meta__item { color: var(--ink-muted); }
}