/* Motion : MOT-2 Slide directionnel */
.reveal{
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s ease, transform .8s ease;
}
.reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}
.reveal-left{
  opacity: 0;
  transform: translateX(-36px);
  transition: opacity .85s ease, transform .85s ease;
}
.reveal-left.is-visible{
  opacity: 1;
  transform: translateX(0);
}
.reveal-right{
  opacity: 0;
  transform: translateX(36px);
  transition: opacity .85s ease, transform .85s ease;
}
.reveal-right.is-visible{
  opacity: 1;
  transform: translateX(0);
}

.stagger > *{
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .7s ease, transform .7s ease;
}
.stagger.is-visible > *{
  opacity: 1;
  transform: translateY(0);
}
.stagger.is-visible > *:nth-child(1){ transition-delay: 0s; }
.stagger.is-visible > *:nth-child(2){ transition-delay: 0.08s; }
.stagger.is-visible > *:nth-child(3){ transition-delay: 0.16s; }
.stagger.is-visible > *:nth-child(4){ transition-delay: 0.24s; }
.stagger.is-visible > *:nth-child(5){ transition-delay: 0.32s; }
.stagger.is-visible > *:nth-child(6){ transition-delay: 0.40s; }

@media (prefers-reduced-motion: reduce){
  .reveal, .reveal-left, .reveal-right, .stagger > *{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}