/* scroll fade-in (only applies until revealed — hover stays instant) */
.fade-init{opacity:0;transform:translateY(34px)}
.fade-init.fade-in{
  opacity:1;transform:translateY(0);
  transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.4,.64,1);
}

/* staggered delays while fading in only */
.fade-init.card:nth-child(1){transition-delay:.05s}
.fade-init.card:nth-child(2){transition-delay:.12s}
.fade-init.card:nth-child(3){transition-delay:.19s}
.fade-init.card:nth-child(4){transition-delay:.26s}
.fade-init.card:nth-child(5){transition-delay:.33s}
.fade-init.card:nth-child(6){transition-delay:.40s}

.btn{will-change:transform}

/* no animations for users who prefer reduced motion */
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .fade-init{opacity:1;transform:none}
}