.exhibition-site {
  --exhibition-blue: #5547e8;
  --exhibition-lilac: #c8c4ff;
  --exhibition-orange: #ff6f3d;
}

.exhibition-hero {
  background: var(--exhibition-lilac);
}

.exhibition-featured {
  background: #17142d;
}

.exhibition-card .feature-info b {
  color: var(--exhibition-blue);
}

.exhibition-poster {
  background: var(--exhibition-blue);
}

.exhibition-source {
  background: var(--exhibition-orange);
}

.exhibition-site .detail-body aside {
  background: var(--exhibition-lilac);
}

.exhibition-site .event-year small {
  color: var(--exhibition-blue);
}

.exhibition-project-grid {
  grid-template-columns: repeat(3, 1fr);
}

.exhibition-project-grid .feature-card:nth-child(4),
.exhibition-project-grid .feature-card:nth-child(5) {
  grid-column: span 1;
}

.series-index {
  border-top: 4px solid #111;
}

.exhibition-series {
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) minmax(0, 3fr);
  gap: 2.5rem;
  padding: 3.5rem 0;
  border-bottom: 4px solid #111;
  scroll-margin-top: 90px;
}

.exhibition-series > header p:first-child {
  margin: 0 0 1rem;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.exhibition-series > header h3 {
  margin: 0 0 1rem;
  font-size: clamp(2.4rem, 4.2vw, 5.2rem);
  line-height: .9;
  letter-spacing: -.065em;
}

.exhibition-series > header span {
  display: inline-block;
  margin-bottom: 2rem;
  padding: .35rem .55rem;
  color: #fff;
  background: var(--exhibition-blue);
  font-size: .72rem;
  font-weight: 800;
}

.exhibition-series > header p:last-child {
  max-width: 430px;
  margin: 0;
}

.series-list {
  border-top: 1px solid #777;
}

.series-list > a {
  display: grid;
  grid-template-columns: 135px minmax(220px, 2fr) minmax(150px, 1fr) 120px 24px;
  gap: 1rem;
  align-items: center;
  min-height: 82px;
  padding: .8rem 0;
  text-decoration: none;
  border-bottom: 1px solid #888;
}

.series-list > a:hover {
  padding-left: .45rem;
  background: var(--exhibition-lilac);
}

.series-list time,
.series-list span,
.series-list small {
  font-size: .72rem;
}

.series-list time,
.series-list small {
  font-weight: 800;
}

.series-list strong {
  font-size: 1.14rem;
}

.series-list small {
  color: var(--exhibition-blue);
}

@media (max-width: 1180px) {
  .exhibition-site .site-head nav a {
    padding-inline: .75rem;
    font-size: .85rem;
  }
}

@media (max-width: 760px) {
  .exhibition-featured h2 {
    font-size: clamp(2.65rem, 13vw, 4.8rem);
  }

  .exhibition-project-grid,
  .exhibition-series {
    grid-template-columns: 1fr;
  }

  .series-list > a {
    grid-template-columns: 92px 1fr 20px;
  }

  .series-list span,
  .series-list small {
    display: none;
  }
}

.exhibition-site .image-caption {
  margin: 0;
  padding: .8rem 1rem;
  font-size: .85rem;
  line-height: 1.5;
  background: #f1eee8;
  color: #111;
}
.exhibition-gallery,
.exhibition-submissions {
  padding: 2rem clamp(1rem, 4vw, 4rem);
  border-top: 1px solid #888;
}
.exhibition-gallery figure { margin: 1.5rem 0; }
.exhibition-gallery img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 850px;
  height: auto;
  object-fit: contain;
}
.exhibition-gallery figcaption { margin-top: .75rem; font-size: .9rem; }
.exhibition-submissions li { margin: .7rem 0; }
.exhibition-site .detail-visual:has(.image-caption) {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
}
.exhibition-site .detail-visual:has(.image-caption) > img {
  min-height: 0;
}