/**
 * ========================================================
 * ZBITVERSE
 * Scroll Transitions
 * ========================================================
 */

/* ========================================================
   REVEAL
======================================================== */

[data-reveal] {

    opacity: 0;

    transform:
        translateY(28px);

    transition:

        opacity .7s
        cubic-bezier(.2,0,0,1),

        transform .7s
        cubic-bezier(.2,0,0,1);

}


[data-reveal].is-visible {

    opacity: 1;

    transform:
        translateY(0);

}


/* ========================================================
   REVEAL DELAYS
======================================================== */

[data-delay="1"] {

    transition-delay: .08s;

}


[data-delay="2"] {

    transition-delay: .16s;

}


[data-delay="3"] {

    transition-delay: .24s;

}


[data-delay="4"] {

    transition-delay: .32s;

}


/* ========================================================
   REDUCED MOTION
======================================================== */

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

    body {

        opacity: 1;

        transform: none;

        transition: none;

    }


    body::before {

        display: none;

    }


    [data-reveal] {

        opacity: 1;

        transform: none;

        transition: none;

    }

}