.spscrol-top-in,
.spscrol-bottom-in,
.spscrol-left-in,
.spscrol-right-in,
.spscrol-top-out,
.spscrol-bottom-out,
.spscrol-left-out,
.spscrol-right-out{
  opacity:0;
  transition:opacity .8s ease-out,transform .8s ease-out;
}

/* hidden states */
.spscrol-top-in    {transform:translateY(-100px);}
.spscrol-bottom-in {transform:translateY( 100px);}
.spscrol-left-in   {transform:translateX(-100px);}
.spscrol-right-in  {transform:translateX( 100px);}
/* …same for out… */

/* final state */
.spscrol-animate-in{
  opacity:1!important;
  transform:translate(0,0)!important;
}

/* STAGGERS – fixed values */
.spscrol-stagger-1{transition-delay:.1s;}
.spscrol-stagger-2{transition-delay:.3s;}
.spscrol-stagger-3{transition-delay:.5s;}
.spscrol-stagger-4{transition-delay:.7s;}
.spscrol-stagger-5{transition-delay:.9s;}
.spscrol-stagger-6{transition-delay:1.1s;}
.spscrol-stagger-7{transition-delay:1.3s;}
.spscrol-stagger-8{transition-delay:1.5s;}