/* Artwork uses its native proportions. Framing, captions and controls stay separate. */
.entry-card.has-art .card-image{height:auto;min-height:0;aspect-ratio:var(--art-ratio,3/4);border-bottom:1px solid var(--line)}
.entry-card.has-art .card-image img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;transition:none}
.entry-card.has-art .card-utilities{position:static;padding:10px 16px;gap:8px;justify-content:flex-end;border-top:1px solid var(--line-soft);background:var(--panel)}
.card-tool>span{display:none}
.entry-card.has-art .card-tool{width:auto;height:auto;min-height:36px;display:inline-flex;gap:7px;padding:6px 10px;border-radius:3px;font-size:12px;backdrop-filter:none}
.entry-card.has-art .card-tool>span{display:inline}
.person-card .card-copy>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.list-view .entry-card.has-art .card-image{height:100%;min-height:0;aspect-ratio:auto;padding:8px;border:0}
.list-view .entry-card.has-art .card-image img{height:100%;max-height:180px;object-fit:contain;object-position:center top}
.list-view .entry-card.has-art .card-utilities{position:absolute;right:10px;top:10px;padding:0;border:0;background:transparent}
.list-view .entry-card.has-art .card-tool{width:35px;height:35px;min-height:35px;padding:8px;border-radius:50%}
.list-view .entry-card.has-art .card-tool>span{display:none}

/* Gallery labels no longer cover the art or change its crop on hover. */
.art-gallery .gallery-piece{aspect-ratio:auto;display:flex;flex-direction:column}
.art-gallery .gallery-piece img{height:auto;aspect-ratio:var(--art-ratio,3/4);object-fit:contain;object-position:center;transform:none;transition:none}
.art-gallery .gallery-piece>span{position:static;inset:auto;flex:1;padding:17px;background:var(--panel);border-top:1px solid var(--line-soft);gap:7px}
.art-gallery .gallery-piece small{font-size:12px;line-height:1.5;color:var(--muted)}
.art-gallery .gallery-piece b{font-size:24px;line-height:1.15}
.place-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.gallery-piece:hover,.gallery-piece:focus-visible{border-color:var(--gold)}

/* These images are views of the artwork, including the tall location paintings. */
.reader-image img{height:auto;max-height:none;object-fit:contain}
.comparison-image{aspect-ratio:3/4}
.quick-art img{aspect-ratio:var(--art-ratio);object-fit:contain}
.connection-card>img{object-fit:contain;object-position:center;background:var(--panel)}
.story-thread>img{height:auto;aspect-ratio:var(--art-ratio,3/4);max-height:480px;object-fit:contain;object-position:center;background:var(--sidebar);border-bottom:1px solid var(--line)}
.orbit-person img{height:auto;aspect-ratio:3/4;object-fit:contain;object-position:center;border-radius:4px;background:var(--sidebar)}
.invitation-card>img{height:auto;min-height:0;max-height:440px;aspect-ratio:var(--art-ratio,9/16);object-fit:contain;object-position:center;background:var(--sidebar);filter:none;border-bottom:1px solid var(--line)}

/* Court doorways become illustrated cards with readable captions beneath them. */
.court-tile{padding:0;min-height:0}
.court-tile img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;object-position:center;opacity:1;filter:none;z-index:0}
.court-tile-shade,.court-tile:after{display:none}
.court-tile .court-numeral{position:absolute;top:10px;left:10px;background:#160f12dd;padding:3px 8px;border:1px solid var(--line);z-index:1}
.court-tile-text{padding:20px 15px;margin:0;background:var(--panel);flex:1;border-top:1px solid var(--line)}
.court-tile h3{min-height:0;font-size:24px;line-height:1.15}
.court-tile-text>span{font-size:10px;letter-spacing:.7px}
.court-tile-text small{font-size:12px}

@media(max-width:1200px){.place-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .place-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .art-gallery .gallery-piece>span{padding:13px 12px}.art-gallery .gallery-piece b{font-size:21px}
 .entry-card.has-art .card-utilities{padding:10px;justify-content:space-between;gap:5px}
 .entry-card.has-art .card-tool{font-size:12px;padding:6px 8px}
 .invitation-card{display:flex;flex-direction:column}.invitation-card>img{height:auto;max-height:440px}
 .court-orbit{min-height:400px}.orbit-person img{width:42px;height:auto;aspect-ratio:3/4}
 .court-tile-text{padding:17px 13px}.court-tile h3{font-size:24px}
}
@media(max-width:520px){
 .entry-grid.people-grid:not(.list-view),.cast-grid{grid-template-columns:1fr;gap:22px}
 .cast-grid .entry-card:last-child{display:flex}
 .entry-grid.mini-people{grid-template-columns:1fr}
 .person-card .card-copy{padding:22px}.person-card .card-copy h3{font-size:29px}
 .list-view .person-card .card-copy{padding:20px 90px 20px 19px}
 .list-view .person-card .card-copy h3{font-size:22px}
 .entry-card.has-art .card-utilities{padding:10px 20px;justify-content:flex-end;gap:10px}
 .list-view .entry-card.has-art .card-utilities{padding:0;gap:6px}
 .list-view .entry-card.has-art .card-tool{padding:8px}
 .court-orbit{min-height:400px}
}