/* SECTION PINNÉE */
.maxheight-bloc {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #888E63;
}

.maxheight-bloc .row {
    z-index: 1;
    position: relative;
    width: 90%;
    height: 100%;
    max-width: 1366px;
}

/* GALERIE => 2 COLONNES "RUBANS" (streams) */
.maxheight-bloc .max-height-galerie {
display: flex;
gap: 16px;
height: 100%;
position: relative;
overflow: hidden;        /* masque le dépassement des rubans */
will-change: transform;  /* scroll interne plus fluide */
}

/* Chaque colonne */
.maxheight-bloc .max-height-galerie .col-stream {
flex: 1 1 0;
min-width: 0;
position: relative;
height: 100%;
overflow: hidden;        /* viewport de la colonne */
}

/* Le ruban qui défile dans la colonne (on l’anime en Y) */
.maxheight-bloc .max-height-galerie .col-stream .tape {
position: absolute;
left: 0;
right: 0;
top: 0;                  /* départ au sommet de la colonne */
will-change: transform;
}

/* Cartes dans le ruban */
.maxheight-bloc .max-height-galerie .max-height-galerie-item {
width: 100%;
aspect-ratio: 406/600;
position: relative;
overflow: hidden;        /* la carte masque son contenu, pas de glissement visible */
margin-bottom: 16px;     /* remplace le gap vertical à l’intérieur de la colonne */
transform: none !important; /* au cas où d’anciennes versions auraient posé des transforms */
}

/* Contenu de la carte (reste fixe dans la carte) */
.maxheight-bloc .max-height-galerie .max-height-galerie-item .imgcropCtn {
position: absolute;
inset: 0;
}

.maxheight-bloc .max-height-galerie .max-height-galerie-item img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

/* Colonne de contenu (col-lg-4) centrée verticalement */
.maxheight-bloc .max-height-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    text-align: left;
    padding: 0 0 0 32px;
}

.maxheight-bloc .max-height-content h2 {
    color: #E4DDC0;
}

.maxheight-bloc .max-height-content h2 strong {
    color: #2A311C;
}

@media (max-width: 992px) {
    .maxheight-bloc {
        height: auto;
        padding: 100px 0 0 0;
    }

    .maxheight-bloc .max-height-content {
        order: 1;
        padding: 0 0 16px 0;
    }

    .maxheight-bloc .max-height-galerie {
        order: 2;
        height: 90vh;
    }
}