[data-reveal] {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
    transition: opacity .9s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1);
    will-change: opacity, transform;
}

[data-reveal].is-revealed {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

[data-reveal][data-reveal-delay="100"].is-revealed { transition-delay: .1s; }
[data-reveal][data-reveal-delay="200"].is-revealed { transition-delay: .2s; }
[data-reveal][data-reveal-delay="300"].is-revealed { transition-delay: .3s; }
[data-reveal][data-reveal-delay="400"].is-revealed { transition-delay: .4s; }

@media (prefers-reduced-motion: reduce) {
    [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
}