/* Three reading formats share the same site masthead, paper, and type. */
.chapter.exhibit {
  --edition: #772a25;
  --rule: #d7c9b5;
  --body: #322e27;
  width: min(1180px, 91vw);
  margin: 0 auto;
  padding: 20px 0 72px;
  color: var(--body);
}
.exhibit .crumb { margin: 0 0 16px; font-size: 13px; color: #695b4b; }
.exhibit .crumb a { color: var(--edition); }
.exhibit .opening { position: relative; isolation: isolate; }
.exhibit .opening h1 {
  margin: .12em 0 .28em;
  font: 800 clamp(44px, 5.4vw, 82px)/1.18 var(--serif);
  letter-spacing: .04em;
  color: inherit;
}
.exhibit .opening-copy > p { margin: 0; font-size: 16px; line-height: 1.95; }
.exhibit .opening-copy > .context {
  color: inherit;
  font: 600 13px/1.5 var(--serif);
  letter-spacing: .13em;
}
.exhibit figure { margin: 0; min-width: 0; }
.exhibit figure a { display: block; }
.exhibit figure img { display: block; width: 100%; height: auto; }
.exhibit figcaption { padding-top: 7px; color: #685843; font-size: 13px; line-height: 1.55; }
.exhibit .chapter-index {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 25px;
  padding: 12px 0;
  border-block: 1px solid var(--rule);
}
.exhibit .chapter-index a, .exhibit .sources a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  color: var(--edition);
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: transparent;
}
.exhibit .chapter-index a { font-size: 14px; }
.exhibit .chapter-index a:hover, .exhibit .sources a:hover { text-decoration-color: currentColor; }
.exhibit section { margin: clamp(42px, 5.4vw, 76px) 0 0; scroll-margin-top: 20px; }
.exhibit section > h2 {
  margin: 0 0 22px; color: var(--edition);
  font: 700 clamp(26px, 3vw, 42px)/1.3 var(--serif);
}
.exhibit .record { margin: 0; padding: 21px 0; border-bottom: 1px solid var(--rule); }
.exhibit .record h3 { margin: 0 0 6px; color: var(--edition); font: 700 22px/1.5 var(--serif); }
.exhibit .record p { margin: 0; max-width: 55em; font-size: 16px; line-height: 1.95; }
.exhibit .plates {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(225px,100%),1fr));
  gap: 20px;
}
.exhibit .plates img { aspect-ratio: 1.54; object-fit: cover; }
.exhibit .sources { display: grid; border-top: 1px solid var(--rule); }
.exhibit .sources a { padding: 14px 0; border-bottom: 1px solid var(--rule); justify-content: space-between; }
.exhibit .sources a::after { content: "↗"; margin-left: 12px; font-family: sans-serif; }

/* A frieze introduces the chronological exhibition. */
.edition-history .opening { display: grid; grid-template-columns: .86fr 1.3fr; background: #68241f; color: #fff7df; }
.edition-history .opening-copy { align-self: center; padding: clamp(26px, 3.8vw, 60px); }
.edition-history .cover { position: relative; min-height: 326px; }
.edition-history .cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; }
.edition-history .cover figcaption { position: absolute; bottom: 0; right: 0; color: #fff7df; background: #38231de6; padding: 5px 12px; }
.edition-history #timeline .record { display:grid; grid-template-columns: minmax(250px, .63fr) 1.4fr; gap: 32px; position: relative; padding-left: 26px; }
.edition-history #timeline .record::before { content: ""; position: absolute; inset: 0 auto 0 4px; width: 1px; background: var(--rule); }
.edition-history #timeline .record::after { content: ""; position:absolute; top:35px; left:0; width:9px; height:9px; background:var(--edition); border-radius:50%; }
.edition-history .era { display:block; font: italic 30px/1.3 Georgia,var(--serif); }
.edition-history #timeline .record:last-child .era { font: 600 18px/1.75 var(--serif); }
.edition-history .record h3 span + span { font: 600 17px/1.5 var(--serif); }
.edition-history #museum { padding-left: 22px; border-left: 3px solid var(--edition); }
.edition-history #museum .record { border: none; padding: 0; }

/* Original prints shown on a light archival mount. */
.edition-university .opening {
  display: grid; grid-template-columns: 1.25fr .85fr; gap: clamp(22px, 4.5vw, 72px);
  align-items: center; padding: 24px 0 30px; border-top: 3px double #917a55;
}
.edition-university .opening-copy { grid-column: 2; grid-row: 1; }
.edition-university .opening h1 { color: #652b24; }
.edition-university .cover { grid-column: 1; grid-row: 1; padding: 12px 12px 9px; border: 1px solid #cec1ac; background: #f3ebdc; }
.edition-university .cover img { aspect-ratio: 1.9; object-fit: cover; object-position: center 41%; }
.edition-university .cover figcaption { text-align: center; font: 14px/1.5 var(--serif); }
.edition-university #chronology { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:0 25px; }
.edition-university #chronology h2 { grid-column:1/-1; }
.edition-university #chronology .record { border-top: 2px solid #96744d; border-bottom:0; }
.edition-university #chronology .era { display:block; font: 600 clamp(22px,2.3vw,34px)/1.6 Georgia,var(--serif); }
.edition-university #chronology .record h3 span + span { font-size: 18px; }
.edition-university #archives { background: #eae1d2; padding: clamp(18px,3vw,36px); }
.edition-university #archives figure { background: #fffaf1; padding: 8px 8px 12px; }
.edition-university #archives figcaption { text-align: center; }

/* A field report leads with its location and a wide photograph. */
.chapter.edition-revival { --edition:#3b4c36; }
.edition-revival .opening { display:grid; grid-template-columns: 1fr 2.1fr; gap: 24px; padding: 16px 0 0; border-top: 3px solid var(--edition); }
.edition-revival .opening-copy { display:contents; }
.edition-revival .opening-copy > .context { grid-column:1/-1; color:var(--edition); }
.edition-revival .opening h1 { color:var(--edition); margin:0; }
.edition-revival .opening-copy > p:last-child { max-width: 42em; align-self:end; }
.edition-revival .cover { grid-column:1/-1; }
.edition-revival .cover img { aspect-ratio: 3.8; object-fit: cover; object-position: center 48%; }
.edition-revival .cover figcaption { padding: 8px 0; }
.edition-revival #rural .record { display:grid; grid-template-columns: 190px 1fr minmax(180px,.58fr); gap: 24px; align-items:start; }
.edition-revival #rural .record figure img { aspect-ratio: 1.75; object-fit:cover; }
.edition-revival #rural .record h3 { font-size: 24px; }

@media(max-width:860px) {
  .edition-university #chronology { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .edition-revival #rural .record { grid-template-columns: 1fr minmax(160px,.55fr); gap: 8px 22px; }
  .edition-revival #rural .record figure { grid-column:2; grid-row:1/3; }
}
@media(max-width:680px) {
  .chapter.exhibit { width:calc(100% - 32px); padding-top:14px; }
  .exhibit .opening { display:flex; flex-direction:column; gap:0; }
  .exhibit .opening h1 { font-size:44px; }
  .exhibit .opening-copy > p { font-size:15px; }
  .exhibit .chapter-index { gap: 2px 15px; padding:8px 0; }
  .exhibit .chapter-index a { font-size:13px; }
  .edition-history .cover { min-height:0; }
  .edition-history .cover img { position:static; aspect-ratio: 2.15; height:auto; }
  .edition-history #timeline .record { grid-template-columns: 1fr; gap:6px; }
  .edition-history #timeline .record h3 { display:flex; align-items:baseline; gap:12px; }
  .edition-history .era { font-size:25px; }
  .edition-university .opening { padding:18px 0; gap:16px; }
  .edition-university .opening-copy { align-self:flex-start; }
  .edition-university #chronology { grid-template-columns:1fr; }
  .edition-university #chronology .record { padding:14px 0; border-top:1px solid var(--rule); }
  .edition-university #chronology h3 { display:flex; gap:14px; align-items:baseline; }
  .edition-revival .opening-copy { display:block; }
  .edition-revival .opening h1 { margin:8px 0; }
  .edition-revival .cover { margin-top:15px; }
  .edition-revival .cover img { aspect-ratio:2; }
  .edition-revival #rural .record { grid-template-columns:1fr; }
  .edition-revival #rural .record figure { grid-row:auto; grid-column:auto; }
  .exhibit .plates { gap:17px 12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
}