/* ============================================
   PHOTO GALLERY — MOSAIC MODE
   JS bin-packed, gap-free. The grid is a positioning
   context whose height is set by the engine after
   packing. Items are absolutely positioned into the
   earliest free cell so the layout stays gap-free even
   with mixed 2x2 featured (hero) and 1x1 regular tiles.
   Box sizes are fixed by the cell grid, not by each
   image's natural ratio. See mosaic-photo-gallery.js.
   ============================================ */

.photo-gallery__grid--mosaic {
    position: relative;
}

.photo-gallery__grid--mosaic .photo-gallery__item {
    position: absolute;
    margin: 0;
    aspect-ratio: auto;
}

.photo-gallery__grid--mosaic .photo-gallery__item-media {
    width: 100%;
    height: 100%;
}

.photo-gallery__grid--mosaic .photo-gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}