:root {
  --bg: #10100f;
  --bg-card: #1b1a18;
  --bg-input: #22211e;
  --border: #4a4740;
  --text: #eee6d7;
  --text-dim: #bcb6aa;
  --accent: #e2d6c1;
  --accent-dim: #c7bba7;
}

body { background-image: none; }
.nav { background: rgba(16, 16, 15, 0.94); }
.hero { min-height: auto; display: block; padding-top: 76px; background: var(--bg); }
.hero .hero__poster { position: relative; inset: auto; }
.hero .hero__poster img { width: 100%; height: auto; display: block; }
.hero .hero__poster::after { display: none; }
.hero .hero__content { position: relative; inset: auto; padding: 20px 20px 0; }
.event-source { margin-top: 16px; font-size: 12px; }
.event-source a { text-decoration: underline; text-underline-offset: 3px; }
.event-card--featured { box-shadow: none; }
.lineup-card__more {
  background: rgba(226, 214, 193, 0.12);
  border-color: rgba(226, 214, 193, 0.25);
}
.lineup-card__more:hover { background: rgba(226, 214, 193, 0.2); }
.lineup-card--typographic { background: #24231f; }
.lineup-card__identity {
  padding: 32px 24px;
  color: var(--text);
  font-family: var(--font-display);
  font-size: 52px;
  line-height: 1;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.lineup-card__identity span {
  display: block;
  margin-bottom: 24px;
  color: var(--text-dim);
  font-family: var(--font);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.16em;
}
