/* OUR GALLERY (matches screenshot style) */
        .our-gallery {
            padding: 56px 0 70px;
            background: #fff;
        }

        .our-gallery .container {
            width: min(1200px, 92%);
            margin-inline: auto;
        }

        .gallery-title {
            text-align: center;
            font-weight: 800;
            letter-spacing: 1px;
            color: #6b2a2a;
            /* maroon-ish like screenshot */
            font-size: clamp(28px, 3vw, 44px);
            margin: 0 0 34px;
            text-transform: uppercase;
        }

        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 52px 54px;
            /* row gap / column gap */
            align-items: start;
        }

        .g-card {
            text-align: center;
        }

        .g-media {
            width: min(100%, 240px);
            margin: 0 auto;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 10px 26px rgba(0, 0, 0, .10);
            background: #f3f3f3;
        }

        .g-media img {
            width: 100%;
            height: 170px;
            object-fit: cover;
            display: block;
            transform: scale(1.02);
            transition: transform .35s ease;
        }

        .g-card:hover .g-media img {
            transform: scale(1.08);
        }

        .g-cap {
            margin: 16px 0 0;
            font-weight: 800;
            font-size: 14px;
            line-height: 1.55;
            color: #6b2a2a;
            text-transform: uppercase;
            letter-spacing: .5px;
        }

        /* Responsive */
        @media (max-width: 1100px) {
            .gallery-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        @media (max-width: 820px) {
            .our-gallery {
                padding: 48px 0 56px;
            }

            .gallery-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 34px 26px;
            }

            .g-media img {
                height: 165px;
            }
        }

        @media (max-width: 480px) {
            .gallery-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }

            .g-media {
                width: 100%;
                max-width: 320px;
            }

            .g-cap {
                font-size: 13px;
            }
        }