/* Subtle scroll / enter-viewport motion — paired with motion.js */

@media (prefers-reduced-motion: no-preference) {
    @keyframes motion-fade-up {
        from {
            opacity: 0.88;
            transform: translate3d(0, 12px, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    .motion-reveal {
        animation: motion-fade-up 0.62s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }
}

@media (prefers-reduced-motion: reduce) {
    .motion-reveal {
        animation: none;
    }
}