/* Image-led photographic index. The original media files remain unchanged. */
#series.series-index{padding:18px 0 30px}
#series>.commission-heading{margin:0;padding:0 20px 16px;border:0;display:block}
#series>.commission-heading h2{margin:0;font:400 15px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.015em;text-transform:none}
#series>.commission-heading h2 .zh{display:inline;margin:0 0 0 14px;font-size:10px;line-height:1.4;color:var(--muted)}
#series .series-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}
#series .series-index-card{min-width:0;margin:0}
#series .series-index-card[data-work-id="canyon"]{grid-column:1/-1}
#series .series-cover{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:var(--series-image-aspect);position:relative;overflow:hidden;margin:0;background:#252420}
#series .series-cover>img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain;margin:0}
#series .series-cover-window>img{position:absolute;left:0;top:var(--preview-top);width:100%;height:var(--preview-height);object-fit:fill}
#series .series-cover:focus-visible{outline:2px solid white;outline-offset:-6px;box-shadow:inset 0 0 0 8px #181818}
#series .archive-photo-caption{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:11px 20px 0}
#series .archive-photo-caption h3{display:inline;margin:0;font:400 15px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:0}
#series .archive-photo-caption .zh{display:inline;font-size:10px;line-height:1.5;margin:0 0 0 10px;color:var(--muted)}
#series .archive-photo-caption .detail-hint{display:block;margin:0;font-size:9px;line-height:1.5;white-space:nowrap}
#series .work-credit{margin:3px 0 0;font-size:9px;line-height:1.5}
/* Canyon is a single photograph: keep its title at caption scale. */
.essay-canyon.essay-immersive .full-view-title{inset:auto 4% 9%}
.essay-canyon.essay-immersive .full-view-title h1{font:400 24px/1.25 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.02em;margin:6px 0 0}
.essay-canyon .full-view-title-zh{font-size:10px!important;margin-top:8px!important}
.essay-canyon .full-view-title>p:first-child{display:none}
.essay-canyon .full-view-note{padding:32px 4%;gap:6%}
.essay-canyon .full-view-note h2{font:400 20px/1.4 var(--book-english);letter-spacing:0;margin:12px 0}
.essay-canyon .full-view-note .zh{margin-top:12px}
@media(max-width:620px){
 #series.series-index{padding-top:14px;padding-bottom:22px}
 #series>.commission-heading{padding:0 16px 12px}
 #series .series-index-grid{grid-template-columns:1fr;row-gap:20px}
 #series .archive-photo-caption{padding:9px 16px 0;gap:8px}
 #series .archive-photo-caption h3{font-size:14px}
 #series .archive-photo-caption .zh{display:block;margin:3px 0 0}
 .essay-canyon.essay-immersive .full-view-title{left:5%;bottom:11%}
 .essay-canyon.essay-immersive .full-view-title h1{font-size:22px}
 .essay-canyon .full-view-note{padding:28px 5%}
 .essay-canyon .full-view-note>div+div{margin-top:20px}
}