/* Grok imagery (scripts/import_images.py -> data/images.json; placed via images_for() in templates).
   Illustrations are never captioned as a real place/person; licensed photos always carry .mta-credit. */
.mta-pic{display:contents}
.mta-pic img{display:block;max-width:100%;height:auto}
.mta-credit{display:block;font:11px/1.5 var(--font-mono, monospace);color:var(--muted);margin-top:6px}
.mta-credit a{color:inherit}
.mta-fig{margin:0;display:flex;flex-direction:column}
.mta-fig .mta-pic img{width:100%;border-radius:var(--radius, 8px)}
/* page-header images (camps, camp region, ranking, city): wide crop, capped height */
.mta-head{margin:16px 0 24px}
.mta-head .mta-pic img{width:100%;aspect-ratio:21/8;max-height:380px;object-fit:cover}
/* home hero art sits under the search/counts */
.mta-hero-art{margin-top:28px;position:relative;z-index:1}
.mta-hero-art .mta-pic img{width:100%;aspect-ratio:16/7;max-height:520px;object-fit:cover}
/* card slots already absolutely position their <img>; keep the credit readable on top */
.img-slot .mta-credit,.art .mta-credit{position:absolute;left:0;right:0;bottom:0;margin:0;padding:2px 6px;font-size:9px;
  color:#f7f5f0;background:rgba(12,17,34,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1;text-align:left}
@media (max-width:700px){.mta-head .mta-pic img{aspect-ratio:16/9}.mta-hero-art .mta-pic img{aspect-ratio:4/3}}