/* BLOCK: Grid Gallery */

.block-grid-gallery .text-content:not(:last-child) {
    margin-bottom: 5rem;
}

.block-grid-gallery .text-content > * {
    margin: 0;
}

.block-grid-gallery .text-content > :not(:last-child) {
    margin-bottom: 1em;
}

.block-grid-gallery .gallery {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.5625rem;
}

.block-grid-gallery .gallery__item {
    position: relative;
    isolation: isolate;
    grid-column: span 2;
    aspect-ratio: 1.5;
}

.block-grid-gallery .gallery__item:nth-child(-n+2) {
    grid-column: span 3;
    aspect-ratio: 1.44;
}

.block-grid-gallery .gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.block-grid-gallery .gallery__item:not(:last-child)::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgb(from var(--c-primary) r g b / 0.1);
}

.block-grid-gallery .gallery__item .overlay {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(from var(--c-primary) r g b / 0.75);
}

@media screen and (width <= 620px) {
    .block-grid-gallery .text-content:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    
    .block-grid-gallery .gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .block-grid-gallery .gallery__item {
        grid-column: span 1;
    }

    .block-grid-gallery .gallery__item:nth-child(-n+2) {
        grid-column: span 2;
    }
}