/* A permanent exhibition masthead, deliberately distinct from the photographs. */
html{scroll-padding-top:88px}
body .topbar.exhibition-nav{position:sticky;top:0;z-index:60;display:flex;gap:24px;height:72px;padding:0 4.5%;background:#eeeee4;color:#25362e;border-bottom:1px solid #25362e35;box-shadow:0 2px 10px #0000000b}
.exhibition-nav .nav-home{font:850 27px/.95 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.065em;white-space:nowrap}
.exhibition-nav .nav-producer{display:flex;align-items:center;gap:12px;padding-left:24px;border-left:1px solid #25362e40;font-size:9px;letter-spacing:.1em}
.exhibition-nav .nav-producer .brand-silhouette{width:84px;color:#25362e}
body .topbar.exhibition-nav nav{margin-left:auto;display:flex;align-items:center;gap:30px;background:transparent;color:#25362e;padding:0;transition:none}
body .topbar.exhibition-nav nav a{display:flex;align-items:center;min-height:44px;font:13px/1.2 Arial;letter-spacing:0;border-bottom:2px solid transparent}
body .topbar.exhibition-nav a:hover{color:#a52662}
body .topbar.exhibition-nav nav a:hover,body .topbar.exhibition-nav nav a[aria-current=page]{border-color:#a52662}
.exhibition-nav a:focus-visible{outline:2px solid #a52662;outline-offset:4px}
.story .story-portrait{top:72px;height:calc(100svh - 72px)}
.home .correspondence-opening{height:calc(92svh - 72px);min-height:700px}
@media(max-width:800px){.exhibition-nav .nav-producer{display:none}body .topbar.exhibition-nav{gap:14px}body .topbar.exhibition-nav nav{gap:17px}body .topbar.exhibition-nav nav a{font-size:12px}}
@media(max-width:600px){
 html{scroll-padding-top:108px}
 body .topbar.exhibition-nav{height:100px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 6% 0;gap:2px}
 .exhibition-nav .nav-home{font-size:26px}.exhibition-nav .nav-producer{display:flex;border:0;padding:0}.exhibition-nav .nav-producer .brand-silhouette{width:76px}
 body .topbar.exhibition-nav nav{margin:0;width:100%;justify-content:space-between;gap:10px}
 body .topbar.exhibition-nav nav a{display:flex!important;font-size:12px;min-height:44px}
 .story .story-portrait{top:auto;height:68svh}
 .home .correspondence-opening{height:auto;min-height:855px}
}
/* Every photographic image can be opened; names remain direct story links. */
.photo-open{display:block;padding:0;margin:0;width:100%;color:inherit;cursor:zoom-in;position:relative;overflow:hidden;text-align:inherit}
.photo-open:focus-visible{outline:3px solid #c92d79;outline-offset:-4px}
.hero-photograph .photo-open,.story-portrait .photo-open,.person-card>.photo-open{height:100%}
.person-card:after{pointer-events:none}
.person-card .card-story-link{position:static}
.person-card .card-top,.person-card .card-bottom{pointer-events:auto}
.encounter-card .card-story-link{display:block}
.story-image .photo-open img{width:100%}
.photo-open:after{content:'⤢';position:absolute;bottom:16px;right:16px;width:34px;height:34px;display:grid;place-items:center;background:#10251dd9;color:#fff;font:22px Arial;opacity:0;transition:opacity .2s;pointer-events:none}
.photo-open:hover:after,.photo-open:focus-visible:after{opacity:1}
.person-card .photo-open:after{top:60px;bottom:auto}
/* The viewer never scrolls: fit first, then zoom and pan within its stage. */
#original{position:fixed;inset:0;margin:auto;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;overflow:hidden;background:#101713;color:#eeeee4;box-sizing:border-box}
#original[open]{display:grid;grid-template-rows:64px minmax(0,1fr) 50px}
#original::backdrop{background:#101713;backdrop-filter:none}
#original .viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;border-bottom:1px solid #eeeee425;gap:20px;z-index:2}
#original .viewer-toolbar button{position:static;margin:0;padding:10px 14px;min-width:44px;min-height:44px;border:1px solid #eeeee440;background:transparent;font:13px Arial;color:#eeeee4}
#original .viewer-toolbar button:hover{background:#eeeee420}#original .viewer-toolbar button:disabled{opacity:.35;cursor:default}
.viewer-zoom{display:flex;gap:6px;align-items:center}.zoom-level{font:11px Arial;margin-left:10px;min-width:35px}
#original .viewer-stage{position:relative;min-width:0;min-height:0;margin:18px 24px 0;overflow:hidden;display:grid;place-items:center;touch-action:none;cursor:zoom-in}
#original .viewer-stage.is-zoomed{cursor:grab}#original .viewer-stage.is-dragging{cursor:grabbing}
#original .viewer-stage img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;margin:0;transform-origin:center;will-change:transform;user-select:none;pointer-events:none}
#original p.viewer-caption{margin:0;padding:12px 24px;font:12px/1.3 Arial;align-self:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
body:has(#original[open]){overflow:hidden}
@media(max-width:600px){#original[open]{grid-template-rows:60px minmax(0,1fr) 44px}#original .viewer-toolbar{padding:8px 12px;gap:10px}#original .viewer-stage{margin:10px 10px 0}#original p.viewer-caption{padding:10px 14px;font-size:11px}.zoom-level{display:none}}
body .exhibition-nav .nav-home,body .exhibition-nav .nav-producer{color:#25362e}
body .topbar.exhibition-nav nav a{white-space:nowrap}