.work-gallery-wrap {
    padding: 70px 0 20px;
}

.masonry-layout {
    --columns: 1;
    --gap: 1.5rem;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-gap: var(--gap);
    padding: 2rem;
}

.masonry-layout > div > a,
.masonry-layout > div > div {
    width: 100%;
    margin-bottom: 2rem;
}

.masonry-layout.columns-1 { --columns: 1; }
.masonry-layout.columns-2 { --columns: 2; }
.masonry-layout.columns-3 { --columns: 3; }
.masonry-layout.columns-4 { --columns: 4; }

.gallery-item {
    display: block;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
    background: #fff;
}

.gallery-item img {
    width: 100%;
    display: block;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border-radius: 12px;
}

.gallery-item:hover img {
    transform: scale(1.02);
}

@media (max-width: 991px) {
    .work-gallery-wrap {
        padding: 55px 0 10px;
    }
}

@media (max-width: 767px) {
    .masonry-layout {
        --gap: 1rem;
        padding: 0.6rem;
    }
}