/* CHAPITRE IV — Gallery grid fix */

.gallery-v3{
    overflow:hidden !important;
}

.gallery-v3-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(0,.9fr) !important;
    grid-auto-rows:minmax(420px, auto) !important;
    gap:28px !important;
    align-items:stretch !important;
}

.gallery-v3 .g-item{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:420px !important;
    overflow:hidden !important;
    grid-column:auto !important;
    grid-row:auto !important;
}

.gallery-v3 .g-large{
    grid-column:1 / 2 !important;
    grid-row:1 / span 2 !important;
    min-height:868px !important;
}

.gallery-v3 .g-item:nth-child(2){
    grid-column:2 / 3 !important;
    grid-row:1 / 2 !important;
}

.gallery-v3 .g-item:nth-child(3){
    grid-column:3 / 4 !important;
    grid-row:1 / 2 !important;
}

.gallery-v3 .g-wide{
    grid-column:2 / 4 !important;
    grid-row:2 / 3 !important;
    min-height:420px !important;
}

.gallery-v3 .g-item img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

@media(max-width:1180px){
    .gallery-v3-grid{
        grid-template-columns:1fr !important;
        grid-auto-rows:auto !important;
    }

    .gallery-v3 .g-item,
    .gallery-v3 .g-large,
    .gallery-v3 .g-wide{
        grid-column:auto !important;
        grid-row:auto !important;
        min-height:460px !important;
    }
}

@media(max-width:720px){
    .gallery-v3 .g-item,
    .gallery-v3 .g-large,
    .gallery-v3 .g-wide{
        min-height:390px !important;
    }
}
