html.sg-motion-enabled,
html.sg-motion-enabled body { overflow-x: clip; }
html.sg-motion-enabled .sg-motion-item {
    opacity: 0;
    transform: translate3d(-38px, 12px, 0) skewX(-1.5deg);
    transition: opacity .52s ease, transform .72s cubic-bezier(.16, 1, .3, 1);
    transition-delay: calc(var(--sg-motion-order, 0) * 60ms);
}
html.sg-motion-enabled .sg-motion-item:nth-of-type(even) { transform: translate3d(38px, 12px, 0) skewX(1.5deg); }
html.sg-motion-enabled .sg-motion-item.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    html.sg-motion-enabled .sg-motion-item { opacity: 1; transform: none; transition: none; }
}
