.performances-page {
  background:
    radial-gradient(circle at 82% 5%, rgba(107,76,130,.12), transparent 28%),
    var(--bg);
}

.performances-hero {
  padding: 168px 0 82px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  background: linear-gradient(180deg, #100c14, var(--bg));
}
.performances-hero-inner { max-width: 930px; }
.performances-hero h1 {
  margin: 0 0 20px;
  font-family: Georgia, "Times New Roman", "Yu Mincho", serif;
  font-weight: 500;
  font-size: clamp(3rem, 6vw, 6rem);
  line-height: 1.15;
  letter-spacing: .02em;
}
.performances-hero .lead { max-width: 760px; color: var(--muted); font-size: 1.06rem; }

.performances-list-section { padding: 96px 0 120px; }
.performances-year { margin-bottom: 46px; }
.performances-year-label {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 26px;
  color: var(--gold);
  font-size: .75rem;
  letter-spacing: .18em;
}
.performances-year-label::after { content:""; flex:1; height:1px; background:rgba(230,210,155,.12); }

.performances-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.performance-history-card {
  overflow:hidden;
  border:1px solid rgba(230,210,155,.14);
  border-radius:20px;
  background:rgba(255,255,255,.015);
}
.performance-history-visual {
  aspect-ratio: 16 / 10;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:radial-gradient(circle at 50% 35%,rgba(230,210,155,.11),transparent 24%),linear-gradient(135deg,#211522,#0d0a11);
  color:rgba(255,255,255,.42);
  font-size:.72rem;
  letter-spacing:.18em;
}
.performance-history-visual img { width:100%; height:100%; object-fit:cover; display:block; }
.performance-history-body { padding:22px; }
.performance-history-date { margin:0 0 8px; color:var(--gold); font-size:.74rem; letter-spacing:.12em; }
.performance-history-card h3 { margin:0 0 22px; font-family:Georgia,"Times New Roman",serif; font-weight:500; font-size:1.42rem; line-height:1.35; }
.performance-history-link { display:inline-flex; align-items:center; gap:8px; color:var(--muted); font-size:.82rem; letter-spacing:.04em; }
.performance-history-link::after { content:"↗"; color:var(--gold); }
.performance-history-link:hover { color:var(--text); }

.performance-data-note {
  max-width: 920px;
  margin: 0 auto;
  padding: 42px;
  border: 1px solid rgba(230,210,155,.15);
  border-radius: 22px;
  text-align: center;
  background: linear-gradient(135deg,rgba(107,76,130,.08),rgba(255,255,255,.012));
}
.performance-data-note h2 { margin:8px 0 14px; font-family:Georgia,"Yu Mincho",serif; font-size:clamp(1.8rem,3vw,2.8rem); font-weight:500; }
.performance-data-note p { margin:0; color:var(--muted); }

@media (max-width: 980px) {
  .performances-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .performances-hero { padding:124px 0 64px; }
  .performances-hero h1 { font-size:clamp(2.6rem,13vw,4rem); }
  .performances-list-section { padding:72px 0 92px; }
  .performances-grid { grid-template-columns:1fr; }
  .performance-data-note { padding:28px 22px; text-align:left; }
}