/* Historical exhibition publications; the existing site typography is inherited. */
.exhibition-publication .page-head { padding-bottom:42px }
.exhibition-venues {
  display:flex; flex-wrap:wrap; gap:22px 65px;
  padding:0 var(--margin) 44px; font-size:14px; line-height:1.65;
}
.exhibition-venues p { max-width:530px }
.exhibition-venues span { display:block; color:var(--muted) }
.exhibition-hero { margin:0 var(--margin) 74px }
.exhibition-hero img {
  width:auto; height:auto; max-width:100%; max-height:790px; margin:0 auto;
  object-fit:contain;
}
.exhibition-introduction { max-width:950px; margin:0 auto; padding:0 var(--margin) 76px; font:23px/1.55 var(--serif) }
.exhibition-introduction p+p { margin-top:25px }
.exhibition-documentation { padding:0 var(--margin) 88px; scroll-margin-top:35px }
.exhibition-documentation > h2 { font:clamp(28px,3.5vw,43px)/1.15 var(--serif); margin-bottom:18px }
.exhibition-documentation > p { max-width:720px; font-size:14px; line-height:1.7; color:var(--muted); margin-bottom:38px }
.exhibition-photo-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:60px 5vw; align-items:start }
.exhibition-photo { min-width:0; width:100%; align-self:start }
.exhibition-photo-grid .exhibition-photo:nth-child(5n+1):not(.is-portrait) { grid-column:1/-1; max-width:1280px; justify-self:center }
.exhibition-photo-link { display:block; cursor:zoom-in }
.exhibition-photo img { width:100%; height:auto; object-fit:contain }
.exhibition-photo.is-portrait img { width:auto; max-width:100%; max-height:760px; margin:0 auto }
.exhibition-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px }
.exhibition-video-frame { aspect-ratio:16/9; background:var(--ink) }
.exhibition-video-frame iframe { display:block; width:100%; height:100%; border:0 }
.exhibition-back { padding:0 var(--margin) 65px }
.exhibition-index-image { width:100%; height:auto; object-fit:contain }
.exhibition-index-dates { display:block; margin-top:8px }
.exhibition-lightbox {
  position:fixed; inset:0; width:100%; max-width:none; height:100%; max-height:none;
  margin:0; padding:22px var(--margin); border:0; background:var(--paper); color:var(--ink);
}
.exhibition-lightbox::backdrop { background:var(--paper) }
.exhibition-lightbox[open] { display:grid; grid-template-rows:auto minmax(0,1fr); gap:20px }
.exhibition-lightbox-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:13px }
.exhibition-lightbox-actions { display:flex; gap:18px; align-items:center }
.exhibition-lightbox button { padding:8px 4px; font-size:13px }
.exhibition-lightbox img { width:100%; height:100%; min-height:0; object-fit:contain }
@media(max-width:700px) {
  .exhibition-publication .page-head { padding-bottom:24px }
  .exhibition-venues { display:block; padding-bottom:28px; font-size:12px }
  .exhibition-venues p+p { margin-top:18px }
  .exhibition-hero { margin-bottom:42px }
  .exhibition-hero img { max-height:70svh }
  .exhibition-introduction { padding-bottom:45px; font-size:20px; line-height:1.5 }
  .exhibition-introduction p+p { margin-top:22px }
  .exhibition-documentation { padding-bottom:50px }
  .exhibition-documentation > p { margin-bottom:28px; font-size:13px }
  .exhibition-photo-grid { display:block }
  .exhibition-photo+.exhibition-photo { margin-top:35px }
  .exhibition-photo.is-portrait img { max-height:78svh }
  .exhibition-video-grid { grid-template-columns:1fr; gap:32px }
  .exhibition-back { padding-bottom:45px }
  .exhibition-lightbox { padding:18px; gap:14px }
  .exhibition-lightbox-bar { align-items:start; font-size:11px }
  .exhibition-lightbox-actions { gap:9px }
  .exhibition-lightbox button { font-size:12px }
}
