html {
      scroll-snap-type: y mandatory;
      scroll-behavior: smooth;
    }
    body {
      font-family: 'Space Grotesk', sans-serif;
      color: #111;
      background: linear-gradient(270deg, #fdf2f8, #e0f2fe, #ecfdf5);
      background-size: 300% 300%;
      animation: gradientShift 30s ease infinite;
    }
    @keyframes gradientShift {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }
    
    section {
      scroll-snap-align: start;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 4rem 1rem;
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }
    section.visible {
      opacity: 1;
      transform: translateY(0);
    }
    /* Slide animations */
    .slide-left, .slide-right {
      opacity: 0;
      transform: translateX(var(--translate, 0));
      transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }
    
    .slide-up, .slide-down {
  opacity: 0;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  }
  .slide-up { transform: translateY(20px); }
  .slide-down { transform: translateY(-20px); }
  .visible .slide-up,
  .visible .slide-down { opacity: 1; transform: translateY(0); }

    .delay-1 { transition-delay: 0.5s; }
    .delay-2 { transition-delay: 1s; }
    .delay-3 { transition-delay: 1.5s; }
    .delay-4 { transition-delay: 2s; }
    .delay-5 { transition-delay: 2.5s; }
    .delay-6 { transition-delay: 3s; }/* delay 7 */
.delay-7 { transition-delay: 3.5s; }

/* delay 8 */
.delay-8 { transition-delay: 4s; }
    .visible .slide-left, .visible .slide-right {
      opacity: 1;
      transform: translateX(0);
    }
    .slide-left { --translate: -50px; }
    .slide-right { --translate: 50px; }
    /* Overlay menu */
    
    #client-carousel .splide__slide { text-align: center; }
    
      #client-carousel .splide__slide img {
    object-fit: contain;       /* Conserve les proportions */
    width: auto;
    max-height: 100px;          /* Hauteur uniforme */
    margin: auto;            /* Centre horizontalement */
    
  }
  
    @keyframes gradientShift {
    0%, 100% { background-position: 0% 50%; }
    50%     { background-position: 100% 50%; }
  }
  .animate-gradient {
    background-size: 200% 200%;
    animation: gradientShift 3s ease infinite;
  }
  
  /* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* Firefox */
html, body {
  height: 100%;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}



.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  margin: 0;
}

footer {
  word-break: break-word;
}
	  [x-cloak] {
  display: none !important;
}