/* Six photographs form an asymmetric sequence, in the same reading order. */
.collection[data-view=exhibition]{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(18px,2.4vw,38px);row-gap:clamp(64px,6.5vw,104px);align-items:start}
.collection[data-view=exhibition] article{grid-row:var(--exhibit-row);width:min(100%,calc(var(--photo-ratio)*var(--frame-height)));padding-top:var(--frame-offset,0px)!important;transform:none;--frame-height:560px}
.collection[data-view=exhibition] [data-frame-role=lead]{grid-column:1/span 7;justify-self:start;--frame-height:640px}
.collection[data-view=exhibition] [data-frame-role=companion]{grid-column:10/span 3;align-self:center;justify-self:end;--frame-height:360px;--frame-offset:54px}
.collection[data-view=exhibition] [data-frame-role=inset]{grid-column:2/span 3;justify-self:start;--frame-height:380px;--frame-offset:16px}
.collection[data-view=exhibition] [data-frame-role=feature]{grid-column:6/span 7;justify-self:end;--frame-height:600px;--frame-offset:38px}
.collection[data-view=exhibition] [data-frame-role=note]{grid-column:1/span 4;align-self:center;justify-self:center;--frame-height:380px;--frame-offset:38px}
.collection[data-view=exhibition] [data-frame-role=closing]{grid-column:7/span 6;justify-self:start;--frame-height:530px}
.collection[data-view=exhibition] .photo img{max-height:none;height:auto;width:100%;object-fit:contain}
.collection[data-view=exhibition] .caption{flex-wrap:wrap;gap:4px 12px;border-top:0;margin-top:14px;padding-top:0}
.collection[data-view=exhibition] .work-number{margin-bottom:11px}
.collection .photo img{filter:drop-shadow(0 5px 10px #000a) drop-shadow(0 30px 50px #000b)}
.collection .photo:hover img,.collection .photo:focus-visible img{filter:drop-shadow(0 7px 14px #000b) drop-shadow(0 40px 66px #000c)}
.collection[data-view=grid] .photo{box-shadow:0 0 0 1px #d6e8ef0d,0 24px 44px #0009}
.collection[data-view=grid] .photo img{filter:drop-shadow(0 4px 8px #000a) drop-shadow(0 15px 26px #0009)}
.collection[data-view=grid] .photo:hover img,.collection[data-view=grid] .photo:focus-visible img{filter:drop-shadow(0 6px 12px #000a) drop-shadow(0 22px 36px #000b)}
.hero-photo .photo{box-shadow:0 0 0 1px #d6e8ef14,0 24px 40px #000a,0 52px 100px #0009}
#full{filter:drop-shadow(0 26px 44px #000b)}
@media(max-width:1000px) and (min-width:701px){.collection[data-view=exhibition]{column-gap:18px;row-gap:64px}.collection[data-view=exhibition] [data-frame-role=companion]{--frame-offset:32px}.collection[data-view=exhibition] [data-frame-role=feature]{--frame-offset:24px}}
@media(max-width:700px){
 .collection[data-view=exhibition]{grid-template-columns:minmax(0,1fr);gap:48px}
 .collection[data-view=exhibition] article[data-frame-role]{grid-column:1;grid-row:auto;width:min(var(--mobile-width,100%),calc(var(--photo-ratio)*560px));padding-top:0!important;align-self:start;justify-self:var(--mobile-align,start)}
 .collection[data-view=exhibition] [data-frame-role=lead]{--mobile-width:100%;--mobile-align:start}
 .collection[data-view=exhibition] [data-frame-role=companion]{--mobile-width:76%;--mobile-align:end}
 .collection[data-view=exhibition] [data-frame-role=inset]{--mobile-width:82%;--mobile-align:start}
 .collection[data-view=exhibition] [data-frame-role=feature]{--mobile-width:95%;--mobile-align:end}
 .collection[data-view=exhibition] [data-frame-role=note]{--mobile-width:74%;--mobile-align:center}
 .collection[data-view=exhibition] [data-frame-role=closing]{--mobile-width:92%;--mobile-align:start}
 .collection .photo img{filter:drop-shadow(0 4px 8px #000a) drop-shadow(0 22px 36px #000b)}
 .hero-photo .photo{box-shadow:0 0 0 1px #d6e8ef12,0 26px 48px #000a}
}