/* Media page gallery layout (loaded only by media.php, after media.css).
   Thumbnails are letterboxed instead of cropped so portrait posters and 4:3
   screenshots both keep their full composition inside a fixed-height card. */
.media-page .media-thumb{height:190px;min-height:0;max-height:none;object-fit:contain;background:#0b1220}
.media-page .media-grid--art{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.media-page .media-grid--art .media-thumb{height:300px;max-width:300px}
.media-page .media-art-intro{color:var(--media-desc);max-width:64ch;margin:.2rem auto 1.5rem auto;font-size:.99rem;line-height:1.55}
@media (max-width:600px){.media-page .media-thumb{height:165px}.media-page .media-grid--art .media-thumb{height:250px}}