.section--references {
    margin:105px 0 83px 0;
}
.section--references .section__header .section__title{
    margin: 0 0 26px 0;
}
.section--references .section__header .section__introduction{
    margin: 0;
}
.section--references .grid--logos {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap:clamp(10px, 4vw, 45px);
    margin: 51px 0 0 0;
}

.section--references  .card-logo{}
.section--references  .card-logo .card__image{
    width: 160px;
    max-width: 18vw;
    aspect-ratio:  1 / 1;
}
.section--references  .card-logo .card__image img{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    object-fit: contain;
}

.section--references .large-image {
    width: 100%;
    aspect-ratio:  1320 / 604;
    margin: 83px 0 0 0;
    border-radius: 0 40px 0 0;
    overflow: hidden;
}

.section--references .large-image  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top:0;
    left:0;
}


@media all and (max-width: 1080px){
    .section--references .grid--logos {
    }
    .section--references  .card-logo .card__image{
    }
}


/* États init — invisibles et/ou décalés */
.section--references .section__title {
    opacity: 0;
    transform: translateX(-20px);
    will-change: opacity, transform;
}

/* 
.section--references .section__introduction {
  opacity: 0;
  transform: translateX(-20px);
  will-change: opacity, transform;
}
*/

.section--references .card__image,
.section--references .large-image {
    opacity: 0;
    will-change: opacity;
}