/* Shared rhythm for the content following each room's opening scene. */
.museum-chapter {
  border-top: 1px solid var(--rule);
  padding: clamp(52px,6vw,88px) 0;
}

.chapter-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px 64px;
  margin-bottom: 42px;
}

.chapter-kicker {
  font: 11px/1.6 var(--sans);
  letter-spacing: .1em;
  color: var(--muted);
  margin-bottom: 20px;
}

.chapter-heading h2 {
  font: 400 clamp(34px,4.4vw,64px)/1.25 var(--serif);
  letter-spacing: -.035em;
}

.chapter-summary {
  font: 14px/1.9 var(--sans);
  color: var(--muted);
  max-width: 340px;
}

.chapter-summary .text-link {
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 25px;
  min-height: 44px;
  color: var(--ink);
}

.gal-scroll-link {
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 44px;
  margin-bottom: 4px;
  font-size: var(--type-ui);
  pointer-events: auto;
}

.gal-scroll-link span {
  transition: transform 180ms ease-out;
}

.gal-scroll-link:hover span {
  transform: translateY(3px);
}

.exhibition-chapters:focus {outline:none;}

@media (max-width:800px) {
  .chapter-heading {display:block;margin-bottom:28px;}
  .chapter-summary {margin-top:24px;}
  .gal-scroll-link {gap:12px;margin-bottom:0;font-size:12px;}
}
@media (prefers-reduced-motion:reduce) {
  .gal-scroll-link span {transition:none;}
}