/* ---------------------------------------------------------
   Portfolio gallery, AOD 2026
   On the live Concrete5 site the Gallery block generated one
   stylesheet per block (gallery-620.css, gallery-622.css).
   Those files were not part of the static export, so the
   gallery had no layout and its boxes stacked vertically.
   This single shared file replaces both. Markup is unchanged
   and the Magnific Popup lightbox keeps working as before.
   --------------------------------------------------------- */

.galleryES {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin: 0 0 25px 0;
}
@media only screen and (min-width: 641px) {
    .galleryES { grid-template-columns: repeat(3, 1fr); }
}
@media only screen and (min-width: 68.1em) {
    .galleryES { grid-template-columns: repeat(4, 1fr); }
}

.galleryESbox {
    margin: 0;
    padding: 0;
}
.galleryESbox > div {
    position: relative;
}

.galleryESItem {
    display: block;
}
.galleryESItem img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: filter 0.3s ease;
}
/* same greyscale hover the theme already uses on its older gallery */
.galleryESItem:hover img {
    filter: grayscale(100%);
}

/* row-break element from the generated markup; the grid handles rows */
.galleryESspacer {
    display: none;
}