/* --- SLIDER --- */

.slider {
  overflow: hidden;
  width: 100%;
}

.slides {
  display: flex;
  transition: transform 0.6s ease;
  will-change: transform;
}

/* Slide par défaut (mobile) */
.slide {
  flex: 0 0 100%;
  box-sizing: border-box;
}

/* Desktop : 3 projets visibles */
@media (min-width: 1024px) {
  .slide {
    flex: 0 0 calc(100% / 3);
  }
}