html.sg-motion-enabled,
html.sg-motion-enabled body { overflow-x: clip; }
html.sg-motion-enabled .sg-motion-item {
    opacity: 0;
    filter: blur(5px) saturate(.8);
    transform: translateY(38px) rotate(.6deg);
    transform-origin: center bottom;
    transition: opacity .7s ease, filter .8s ease, transform .88s cubic-bezier(.16, 1, .3, 1);
    transition-delay: calc(var(--sg-motion-order, 0) * 70ms);
}
html.sg-motion-enabled .sg-motion-item.is-visible { opacity: 1; filter: none; transform: none; }
@media (prefers-reduced-motion: reduce) {
    html.sg-motion-enabled .sg-motion-item { opacity: 1; filter: none; transform: none; transition: none; }
}