/* Page styles for gallery.njk — extracted from the inline <style> block
   during the Eleventy migration so it can be cache-busted. */

/* Masonry-style photo grid */
        .gallery-grid {
            columns: 3 280px;
            column-gap: 1rem;
            margin-top: 2rem;
        }

        .gallery-grid__item {
            break-inside: avoid;
            margin-bottom: 1rem;
            border-radius: 3px;
            overflow: hidden;
            background: #DCE4E4;
        }

        .gallery-grid__item img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            object-position: center 35%;
        }

        /* Placeholder block shown until real images are added */
        .gallery-placeholder {
            width: 100%;
            background: #DCE4E4;
            overflow: hidden;
        }