/* StringLite's limited entrance effects. Content is visible without JavaScript. */
body[data-animations] .revealOnScroll { opacity: 1; visibility: visible; }
body[data-animations] .site-reveal-pending { opacity: 0; }
@keyframes siteFadeIn { from { opacity: 0; } to { opacity: 1; } }
/* Consistent 150px travel regardless of the content's dimensions. */
@keyframes siteFadeInLeft { from { opacity: 0; transform: translateX(-150px); } to { opacity: 1; transform: none; } }
@keyframes siteFadeInRight { from { opacity: 0; transform: translateX(150px); } to { opacity: 1; transform: none; } }
@keyframes siteFadeInUp { from { opacity: 0; transform: translateY(150px); } to { opacity: 1; transform: none; } }
@keyframes siteFadeInDown { from { opacity: 0; transform: translateY(-150px); } to { opacity: 1; transform: none; } }
body[data-animations] .site-reveal-active { animation-duration: .65s; animation-timing-function: ease; animation-fill-mode: backwards; }
.site-reveal-active[data-site-animation="fadeIn"] { animation-name: siteFadeIn; }
.site-reveal-active[data-site-animation="fadeInLeft"] { animation-name: siteFadeInLeft; }
.site-reveal-active[data-site-animation="fadeInRight"] { animation-name: siteFadeInRight; }
.site-reveal-active[data-site-animation="fadeInUp"] { animation-name: siteFadeInUp; }
.site-reveal-active[data-site-animation="fadeInDown"] { animation-name: siteFadeInDown; }
@media (prefers-reduced-motion: reduce) {
    body[data-animations] .site-reveal-pending { opacity: 1; }
    body[data-animations] .site-reveal-active { animation: none; }
}