/* SMR Website v2 — Motion Progressive enhancement: animated elements are only hidden/offset once JS has confirmed it's ready (main.js adds .js-ready to ). If JS never loads, or the user has prefers-reduced-motion, content is visible immediately -- the site fully works with motion off. GSAP/ScrollTrigger only ever animate transform and opacity (never layout properties like width/height/top/left). */ .js-ready .anim-rise { opacity: 0; transform: translateY(24px); } @media (prefers-reduced-motion: reduce) { .js-ready .anim-rise { opacity: 1; transform: none; } }