.collection-page{--shell: min(1220px,88%);--paper:#f0eadf;--ink:#25281f;--olive:#596242;background:var(--paper);color:var(--ink)}
.collection-shell{width:var(--shell);margin-inline:auto}
.collection-page header nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.collection-intro{padding:clamp(64px,8vw,125px) 0 clamp(36px,4vw,58px)}
.collection-kicker,.exhibit-count,.photo-meta,.viewer-label,.viewer-page{margin:0;font:600 10px/1.55 Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase}
.collection-kicker{color:var(--olive)}
.collection-lead{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-top:14px}
.collection-lead h1{margin:0;font:400 clamp(62px,7.7vw,108px)/1.03 Georgia,serif;letter-spacing:-.047em}
.collection-lead h1 em{color:inherit}
.collection-lead>p{max-width:370px;font-size:clamp(16px,1.3vw,18px);line-height:1.65;margin:0 0 4px;color:#4f5647}
.exhibit-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-block:1px solid #74776055;margin-bottom:30px}
.exhibit-filters{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.exhibit-filters button{background:transparent;border:0;color:#53594c;cursor:pointer;border-radius:0;min-height:44px;padding:8px 13px;font:500 14px/1.2 Arial,sans-serif}
.exhibit-filters button:hover{color:#24291d;background:#73775e12}
.exhibit-filters button[aria-pressed="true"]{background:#303729;color:#f6f1e7}
.exhibit-count{color:#666b59;font-size:9px;white-space:nowrap}
.exhibit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(26px,3vw,45px) clamp(14px,2.15vw,32px);padding-bottom:clamp(60px,8vw,110px)}
.exhibit-item{min-width:0;margin:0;grid-column:span 2;align-self:start}
.exhibit-item:nth-child(1),.exhibit-item:nth-child(2){grid-column:span 3}
.exhibit-item:only-child{grid-column:span 3}
.photo-open{padding:0;margin:0;position:relative;display:block;aspect-ratio:4/5;width:100%;border:none;overflow:hidden;background:#d9d3c6;cursor:zoom-in;color:#fff}
.exhibit-item:nth-child(-n+2) .photo-open{aspect-ratio:1/1}
.photo-open picture{width:100%;height:100%;display:block}
.photo-open img{width:100%;height:100%;display:block;object-fit:cover}
.photo-open:after{content:'↗';position:absolute;bottom:12px;right:12px;display:grid;place-content:center;width:32px;height:32px;border:1px solid #fff9;border-radius:50%;background:#20251f9e;color:white;font-size:18px}
.exhibit-item figcaption{display:grid;gap:4px;margin-top:12px}
.photo-meta{display:flex;align-items:center;justify-content:space-between;color:var(--olive);font-size:9px;letter-spacing:1.3px}
.photo-title{font:400 clamp(20px,1.8vw,27px)/1.17 Georgia,serif}
.collection-inquiry{background:#252b21;color:#f4efe5;padding:clamp(45px,6vw,80px) 0}
.collection-inquiry .collection-shell{display:flex;justify-content:space-between;align-items:center;gap:3rem}
.collection-inquiry .collection-kicker{color:#c6d0a8}
.collection-inquiry h2{font:italic 400 clamp(34px,4vw,56px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:12px 0}
.collection-inquiry p:not(.collection-kicker){max-width:49ch;margin:0;color:#d2d4c8}
.collection-actions{display:grid;justify-items:start;gap:14px}
.collection-films{padding-block:5px;text-underline-offset:4px;font-size:14px}
.photo-viewer{max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;margin:0;border:0;background:#171b15;color:#f1ece1;padding:clamp(14px,2.8vw,38px);overflow:hidden}
.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}
.photo-viewer::backdrop{background:#171b15}
.viewer-top,.viewer-base,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}
.viewer-top{min-height:44px}
.viewer-label,.viewer-page{color:#c1c8ac}
.viewer-close,.viewer-controls button{min-width:44px;min-height:44px;background:transparent;border:1px solid #b4bba052;color:inherit;cursor:pointer}
.viewer-close{padding:6px 14px;font-size:13px}
.viewer-close span{margin-left:8px;font-size:18px}
.viewer-canvas{min-height:0;min-width:0;display:grid;place-items:center;touch-action:pan-y pinch-zoom}
.viewer-canvas img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.viewer-info h2{font:400 clamp(21px,2.4vw,34px)/1.15 Georgia,serif;margin:3px 0 0}
.viewer-page{font-size:9px}
.viewer-controls button{border-radius:50%;font-size:18px}
.viewer-controls button:disabled{opacity:.35;cursor:default}
body.viewing-photo{overflow:hidden}
.collection-page noscript img{max-width:100%;height:auto}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.photo-open img{transition:transform .5s ease}
.photo-open:hover img{transform:scale(1.035)}
.photo-open:after{transition:transform .25s ease}
.photo-open:hover:after{transform:translate(2px,-2px)}
}
@media(max-width:850px){
.collection-lead{display:block}.collection-lead>p{margin-top:16px}
.exhibit-item,.exhibit-item:nth-child(-n+2){grid-column:span 3}
.collection-inquiry .collection-shell{display:grid;gap:26px}
.exhibit-tools{flex-wrap:wrap}.exhibit-count{padding-inline:4px}
}
@media(max-width:560px){
.collection-page{--shell:90%}.collection-intro{padding:45px 0 25px}
.exhibit-tools{gap:5px;margin-bottom:20px}.exhibit-filters{gap:1px}
.exhibit-filters button{padding:8px 9px;font-size:13px}
.exhibit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
.exhibit-item,.exhibit-item:nth-child(-n+2),.exhibit-item:only-child{grid-column:span 1}
.exhibit-item:first-child{grid-column:1/-1}
.exhibit-item:first-child .photo-open{aspect-ratio:5/4}
.exhibit-item:nth-child(2) .photo-open{aspect-ratio:4/5}
.exhibit-item figcaption{margin-top:9px}.photo-title{font-size:18px}
.photo-meta{font-size:8px;letter-spacing:.6px;gap:4px}
.photo-open:after{width:24px;height:24px;bottom:7px;right:7px;font-size:14px}
.viewer-label{font-size:8px;letter-spacing:1px}.viewer-top,.viewer-base{gap:9px}
.viewer-controls{gap:6px}.viewer-close{padding-inline:10px}
}

.exhibit-more:not([hidden]){text-align:center;margin-top:calc(-1 * clamp(35px,4vw,56px));padding-bottom:clamp(48px,6vw,78px)}
.brody-call{background:none;color:#d6d9c9;border:0;padding:5px 0;cursor:pointer;font:14px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
