.animate-on-scroll{opacity:0;transition:opacity var(--motion-slow) var(--motion-easing-standard), transform var(--motion-slow) var(--motion-easing-standard);transform:translateY(20px)}.animate-on-scroll.is-visible,.animate-on-scroll:focus-within{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1;transition:none;transform:none}}