.references-slider{
  max-width:1140px;
  margin:0 auto;
  padding:20px 0;
  position:relative;
}
.reference-slide{
  text-align:left;
}
.reference-slide a{
  display:block;
  color:inherit;
  text-decoration:none;
}
.reference-slide img{
  width:100%;
  aspect-ratio:3 / 4;
  object-fit:cover;
  display:block;
  border-radius:0;
}
.reference-title{
  font-family:"Red Hat Text",sans-serif;
  font-weight:700;
  font-size:16px;
  color:#333333;
  text-transform:uppercase;
  margin:5px 0 0;
  line-height:1.2;
}

/* Placement propre des boutons. Leur apparence est gérée par le module global
   « Flèches uniformes des sliders » lorsqu'il est actif. */
.references-slider > .swiper-button-prev{
  left:10px;
}
.references-slider > .swiper-button-next{
  right:10px;
}

/* Si le module global de flèches est désactivé, Swiper conserve tout de même
   ses boutons natifs et la navigation reste fonctionnelle. */