/* Documentary photographs are part of the argument, not decorative backdrops. */
.chapter-reading::before { content:none; background:none; }
.chapter-reading { background-image:none; }
.documentary-photo { width:100%; max-width:68rem; margin:3.5rem auto; padding:0; border:0; background:none; box-shadow:none; transform:none; }
.documentary-photo .photo-image { display:block; overflow:hidden; background:#e2e5dd; }
.documentary-photo img { display:block; width:100%; height:auto; margin:0; }
.documentary-photo figcaption { margin:0; padding:1rem 0 0; text-align:left; }
.documentary-photo .photo-description { margin:0 0 .4rem; font:400 1.13rem/1.4 var(--body); color:var(--ink); }
.documentary-photo .photo-credit { margin:0; font:400 .77rem/1.65 var(--display); color:#546464; }
.photo-credit a { color:inherit; text-decoration:underline; text-underline-offset:.2em; }
.photo-credit a:hover { color:#245bb2; }
.photo-image:focus-visible { outline:3px solid #245bb2; outline-offset:5px; }
.documentary-photo.photo-medium { max-width:54rem; }
.documentary-photo.photo-portrait { max-width:36rem; }
.photo-pair { width:100%; max-width:76rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; margin:3.5rem auto; align-items:start; }
.photo-pair .documentary-photo { margin:0; max-width:none; min-width:0; }
.photo-pair .photo-image { aspect-ratio:3/2; }
.photo-pair img { height:100%; object-fit:cover; }
.quincy-pair .photo-image { aspect-ratio:16/9; }
.photo-inauguration .photo-image { aspect-ratio:auto; }
.photo-inauguration img { height:auto; object-fit:contain; object-position:center; }
.chapter-opener.text-opener { display:block; min-height:0; padding:clamp(3rem,6vw,6rem) max(5vw,calc((100vw - 1088px)/2)); background:var(--chapter-tone); }
.text-opener .chapter-heading { max-width:54rem; min-height:0; padding:0; margin:0; background:transparent; }
.text-opener .chapter-heading p { max-width:40rem; }
.photo-opener,.chapter--oligarchs .photo-opener { display:grid; grid-template-columns:minmax(0,38fr) minmax(0,62fr); min-height:0; padding:3.4rem 4.5vw; gap:3.4rem; align-items:center; background:var(--chapter-tone); }
.photo-opener .chapter-heading { background:transparent; padding:0; order:0; min-width:0; min-height:0; }
.photo-opener .chapter-number { font-size:3.4rem; width:auto; min-width:3.5rem; border:0; padding:0; margin:0 0 1.25rem; }
.photo-opener .chapter-heading h2,.chapter--oligarchs .photo-opener .chapter-heading h2 { font-size:clamp(3rem,5.3vw,6rem); line-height:.96; margin:1.3rem 0 1.5rem; text-wrap:balance; }
.photo-opener .chapter-heading p { max-width:25rem; font-size:clamp(1.2rem,1.7vw,1.6rem); line-height:1.35; }
.photo-opener .chapter-photo { margin:0; max-width:none; order:1; min-width:0; }
.photo-opener .chapter-photo .photo-image { aspect-ratio:3/2; }
.photo-opener .chapter-photo img { width:100%; height:100%; object-fit:cover; }
.photo-opener .photo-description { font-size:1.05rem; }
#promise .photo-opener { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8vw; padding-inline:9vw; }
#promise .chapter-photo { max-width:31rem; justify-self:center; }
#promise .chapter-photo .photo-image { aspect-ratio:1287/1802; max-height:650px; }
#promise .chapter-photo img { object-position:center; }
#fall .chapter-photo .photo-image { aspect-ratio:16/9; }
.photo-opener .chapter-photo figcaption { padding-top:.85rem; }
@media(min-width:1700px) {
  .photo-opener,.chapter--oligarchs .photo-opener { padding-inline:max(4.5vw,calc((100vw - 1600px)/2)); }
}
@media(max-width:1000px) {
  .photo-opener,.chapter--oligarchs .photo-opener { gap:2rem; padding:3rem 4.5vw; grid-template-columns:minmax(0,35fr) minmax(0,65fr); }
  .photo-opener .chapter-heading h2,.chapter--oligarchs .photo-opener .chapter-heading h2 { font-size:clamp(2.7rem,5.2vw,4.5rem); }
  .photo-pair { gap:1.3rem; }
}
@media(max-width:700px) {
  .photo-opener,.chapter--oligarchs .photo-opener,#promise .photo-opener { display:flex; flex-direction:column; padding:2.5rem 1.35rem; gap:2rem; align-items:stretch; }
  .photo-opener .chapter-heading h2,.chapter--oligarchs .photo-opener .chapter-heading h2 { font-size:3.5rem; margin:1rem 0; max-width:22rem; }
  .photo-opener .chapter-number { font-size:2.6rem; margin-bottom:.9rem; }
  .photo-opener .chapter-heading p { font-size:1.22rem; max-width:24rem; }
  #promise .chapter-photo { max-width:25rem; align-self:center; }
  #promise .chapter-photo .photo-image { max-height:none; }
  .documentary-photo { margin-block:2.7rem; }
  .documentary-photo .photo-description { font-size:1.05rem; line-height:1.45; }
  .documentary-photo .photo-credit { font-size:.74rem; line-height:1.65; }
  .photo-pair { grid-template-columns:1fr; gap:2rem; margin:2.7rem auto; }
  .photo-inauguration .photo-image { aspect-ratio:auto; }
  .photo-inauguration img { height:auto; }
}
@media print { .documentary-photo,.photo-pair { break-inside:avoid; } .photo-opener { break-inside:avoid; } }