/* ==========================================================
   SCROLL ANIMATIONS
========================================================== */

.animate{

    opacity:0;

    transition:
        opacity .8s ease,
        transform .8s ease;

    will-change:transform, opacity;

}
.fade-up{

    transform:translateY(50px);

}
.fade-left{

    transform:translateX(-60px);

}
.fade-right{

    transform:translateX(60px);

}
.zoom{

    transform:scale(.9);

}
.animate.show{

    opacity:1;

    transform:none;

}
.animate{

    transition-delay:var(--delay,0ms);

}
@media (prefers-reduced-motion: reduce){

    .animate{

        opacity:1;

        transform:none;

        transition:none;

    }

}