/* Entrance animations matching the live site's framer-motion settings.
 * Elements are only pre-hidden after assets/js/animations.js has set
 * html.motion-ready (never without JS, never with prefers-reduced-motion).
 * The inline style="opacity: 1; transform: none;" on each element is the
 * final resting state and is left untouched. */
html.motion-ready [data-motion]:not([data-motion-state]) { opacity: 0 !important; }
html.motion-ready [data-motion="up"]:not([data-motion-state]) { transform: translateY(20px) !important; }
html.motion-ready [data-motion="left"]:not([data-motion-state]) { transform: translateX(-20px) !important; }
html.motion-ready [data-motion="right"]:not([data-motion-state]) { transform: translateX(20px) !important; }
@media print { html.motion-ready [data-motion] { opacity: 1 !important; transform: none !important; } }