/* v43: bounded collection refinements, shared by all three opening studies. */
.murrine-crop{height:260px;overflow:hidden;border-radius:8px}
.glass-quartet .murrine-crop>img{display:block;width:100%;height:100%!important;object-fit:contain;transform:scale(1.6);transform-origin:50% 52%}
.work-item.sphere-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;max-width:1100px}
.sphere-pair figure:first-child img,.sphere-pair figure:last-child img{height:500px;width:100%;object-fit:contain}
.frank-wall .work-label{width:min(100%,calc(var(--row-art-height,270px)*var(--art-ratio,1)));align-self:center;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:start;gap:6px}
.frank-wall .work-label:before{content:'';grid-column:1}
.frank-wall .work-label>span:first-child{grid-column:2;grid-row:1;text-align:center;min-height:2.7em}
.frank-wall .work-label .work-action{grid-column:3;grid-row:1;justify-self:end}
.frank-wall .archive-card:not(.sliding-work)>div{width:min(100%,calc(var(--row-art-height,270px)*var(--art-ratio,1)));align-self:center;text-align:center}
.frank-wall .work-plate>img,.frank-wall .archive-card>img{border-radius:8px}
.story-pending{color:#e6c98d!important;font-style:italic}
.sheet-row{grid-template-columns:repeat(4,minmax(0,212px));max-width:902px}
.sheet-row img{height:236px!important;max-height:236px}
.catalog-story{max-width:902px;margin-top:18px;border-bottom:1px solid #665333;padding-bottom:14px}
.catalog-story summary{cursor:pointer;color:#f1d29a;font-size:17px;line-height:1.6}
.catalog-story summary:focus-visible{outline:2px solid #e9b95c;outline-offset:5px}
.catalog-story p{font-size:16px;color:#cbd0da;margin:14px 0 0}
@media(max-width:1100px){.murrine-crop{height:300px}.sphere-pair figure:first-child img,.sphere-pair figure:last-child img{height:420px}}
@media(max-width:760px){.work-item.sphere-pair{gap:18px}.sphere-pair figure:first-child img,.sphere-pair figure:last-child img{height:300px}.sheet-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:470px}.sheet-row img{height:200px!important;max-height:200px}.frank-wall .work-label>span:first-child{min-height:0}}
@media(max-width:600px){.murrine-crop{height:230px}.sphere-pair figure:first-child img,.sphere-pair figure:last-child img{height:240px}}

/* Glass stories share the archive interaction, while retaining gallery proportions. */
#the-work .glass-story{display:flex;flex-direction:column;min-width:0;margin-top:0}
#the-work .glass-story .work-plate{height:390px!important;min-height:0;display:block;width:100%;isolation:isolate}
#the-work .glass-story .work-plate>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;cursor:pointer}
#the-work .glass-story .work-label{width:100%;padding:12px 0 10px;min-height:0;font-size:17px;line-height:1.4;display:flex;align-items:start;justify-content:space-between;gap:10px}
#the-work .glass-story .work-label>span:first-child{min-height:0;text-align:left}
#the-work .glass-story .work-story{max-height:100%;overflow-y:auto;text-align:left}
#the-work .glass-story .work-story p{font-size:16px;line-height:1.7;margin:0}
#the-work .scene-work .work-plate{height:auto!important;max-width:1100px;margin-inline:auto}
#the-work .scene-work .work-plate>img{height:auto}
#the-work .scene-work .work-label{max-width:1100px;margin-inline:auto}
#the-work .glass-quartet .work-plate{height:260px!important}
#the-work .glass-quartet .murrine-crop{height:100%;cursor:pointer}
#the-work .sphere-pair{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#the-work .sphere-pair .glass-story .work-plate{height:500px!important}
@media(max-width:1100px){#the-work .glass-quartet .work-plate{height:300px!important}#the-work .sphere-pair .glass-story .work-plate{height:420px!important}}
@media(max-width:760px){#the-work .glass-story .work-plate{height:260px!important}#the-work .sphere-pair .glass-story .work-plate{height:300px!important}#the-work .glass-story .work-label{font-size:15px}#the-work .scene-work .work-plate{height:auto!important}}
@media(max-width:600px){#the-work .glass-quartet .work-plate{height:230px!important}#the-work .sphere-pair .glass-story .work-plate{height:240px!important}}
@media(max-width:430px){#the-work .glass-story .work-plate{height:245px!important}#the-work .scene-work .work-plate{height:auto!important}#the-work .glass-quartet .work-plate{height:230px!important}#the-work .sphere-pair .glass-story .work-plate{height:240px!important}}

/* Keep glass captions, controls and readers attached to the visible image footprint. */
#the-work .glass-story{--glass-height:390px}
#the-work .glass-story .work-plate,#the-work .glass-story .work-label{width:min(100%,calc(var(--glass-height)*var(--glass-ratio,1)));margin-inline:auto}
#the-work .glass-story .work-label{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:6px}
#the-work .glass-story .work-label:before{content:'';grid-column:1}
#the-work .glass-story .work-label>span:first-child{grid-column:2;grid-row:1;text-align:center}
#the-work .glass-story .work-label .work-action{grid-column:3;grid-row:1;justify-self:end}
#the-work .scene-work .work-plate,#the-work .scene-work .work-label{width:100%;max-width:1100px}
#the-work .glass-quartet .glass-story{--glass-height:260px}
#the-work .sphere-pair .glass-story{--glass-height:500px}
@media(max-width:1100px){#the-work .glass-quartet .glass-story{--glass-height:300px}#the-work .sphere-pair .glass-story{--glass-height:420px}}
@media(max-width:760px){#the-work .glass-story{--glass-height:260px}#the-work .sphere-pair .glass-story{--glass-height:300px}}
@media(max-width:600px){#the-work .glass-quartet .glass-story{--glass-height:230px}#the-work .sphere-pair .glass-story{--glass-height:240px}}
@media(max-width:430px){#the-work .glass-story{--glass-height:245px}#the-work .glass-quartet .glass-story{--glass-height:230px}#the-work .sphere-pair .glass-story{--glass-height:240px}}
.work-item.sphere-pair{align-items:start}.sphere-pair .glass-story-card{align-self:start}
/* v46: readers use the gallery column, independent of artwork width. */
#the-work .glass-story .work-plate{width:100%}
#the-work .glass-story .work-story{width:100%;padding:16px 16px 18px;box-sizing:border-box}
#the-work .glass-story .work-story p{font-size:16px;line-height:1.55;overflow-wrap:normal;word-break:normal}
#the-work .glass-story .work-label{width:min(100%,calc(var(--glass-height)*var(--glass-ratio,1)))}