/* Section */
.collage-section {}

.collage-section__row {
    --bs-gutter-y: 1.75rem;
    --bs-gutter-x: 1.75rem;
}

.collage {
    aspect-ratio: unset;
    max-width: 100%;
}

.collage figure {
    margin-bottom: 0;
    height: 100%;
}

.collage__img-1,
.collage__img-2,
.collage__img-3 {
    border-radius: var(--border-radius);
    overflow: hidden;
}

.collage__img-1 {
    aspect-ratio: 153 / 191;
}

.collage__img-2 {
    aspect-ratio: 74 / 68;
}

.collage__img-3 {
    aspect-ratio: 153 / 173;
}

.collage__img-map {
    aspect-ratio: 153 / 89;
}

.collage__img-logo {
    aspect-ratio: 68 / 68;
}

.collage__row--sm {
    --bs-gutter-y: 0.625rem;
    --bs-gutter-x: 0.625rem;
}

@media (max-width: 1199px) {
    .collage-section__row {
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .collage-section__row {
        --bs-gutter-y: 2rem;
        --bs-gutter-x: 2rem;
    }

    .collage .row {
        --bs-gutter-y: 1.75rem;
        --bs-gutter-x: 1.75rem;
    }

    .collage .row.collage__row--sm {
        --bs-gutter-y: 1.25rem;
        --bs-gutter-x: 1.25rem;
    }

    .collage__img-logo-col {
        width: 38.72%;
    }

    .collage__img-2-col {
        width: 61.28%;
    }

    .collage__img-1 {
        aspect-ratio: 318 / 292;
    }
    
    .collage__img-2 {
        aspect-ratio: 182 / 115;
    }
    
    .collage__img-3 {
        aspect-ratio: 318 / 225;
    }
    
    .collage__img-map {
        aspect-ratio: 318 / 185;
    }
    
    .collage__img-logo {
        aspect-ratio: 115 / 115;
    }
}

@media (min-width: 1200px) {
    .collage-section__row {
        --bs-gutter-y: 0;
        --bs-gutter-x: 0;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 4.19354839%;
    }

    .collage-section__collage-col {
        width: 42.90322581%;
    }

    .collage-section__text-col {
        width: 52.90322581%;
    }

    .collage .row {
        --bs-gutter-y: 1.875rem;
        --bs-gutter-x: 1.875rem;
    }

    .collage .row.collage__group-row {
        --bs-gutter-y: 0;
        --bs-gutter-x: 0;
        flex-wrap: nowrap;
        gap: 5.63909774%;
    }

    .collage__left-group-col {
        width: 52.44%;
    }

    .collage__right-group-col {
        width: 41.92%;
    }

    .collage .row.collage__row--sm {
        --bs-gutter-y: 0;
        --bs-gutter-x: 0;
        flex-wrap: nowrap;
        gap: 7.16845878%;
    }

    .collage__img-logo-col {
        width: 59.49820789%;
    }

    .collage__img-2-col {
        width: 32.97491039%;
    }

    /* Figures */
    .collage__img-1 {
        aspect-ratio: 279 / 339;
    }
    
    .collage__img-2 {
        aspect-ratio: 92 / 166;
    }
    
    .collage__img-3 {
        aspect-ratio: 223 / 375;
    }
    
    .collage__img-map {
        aspect-ratio: 223 / 129;
    }
    
    .collage__img-logo {
        aspect-ratio: 139 / 139;
    }
}

@media (min-width: 1600px) {
    .collage-section__row {
        --bs-gutter-y: 0;
        --bs-gutter-x: 0;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 3.06919643%;
    }
    
    .collage-section__collage-col {
        width: 46.59598214%;
    }
    
    .collage-section__text-col {
        width: 50.33482143%;
    }
    
    .collage .row {
        --bs-gutter-y: 2rem;
        --bs-gutter-x: 2rem;
    }
    
    .collage .row.collage__group-row {
        --bs-gutter-y: 0;
        --bs-gutter-x: 0;
        flex-wrap: nowrap;
        gap: 3.83233533%;
    }
    
    .collage__left-group-col {
        width: 53.17365269%;
    }
    
    .collage__right-group-col {
        width: 42.99401198%;
    }

    .collage .row.collage__row--sm {
        --bs-gutter-y: 0;
        --bs-gutter-x: 0;
        flex-wrap: nowrap;
        gap: 4.5045045%;
    }
    
    .collage__img-logo-col {
        width: 35.36036036%;
    }
    
    .collage__img-2-col {
        width: 60.13513514%;
    }
    
    /* Figures */
    .collage__img-1 {
        aspect-ratio: 444 / 352;
    }
    
    .collage__img-2 {
        aspect-ratio: 267 / 157;
    }
    
    .collage__img-3 {
        aspect-ratio: 359 / 300;
    }
    
    .collage__img-map {
        aspect-ratio: 359 / 209;
    }
    
    .collage__img-logo {
        aspect-ratio: 157 / 157;
    }
}