/* =========================================================== Scroll-reveal system — The Performance Act Safe by design: elements are only hidden once reveal.js adds `.reveal-ready` to . With no JS (or reduced-motion), nothing is hidden and all content shows normally. =========================================================== */ .reveal-ready [data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); will-change: opacity, transform; } .reveal-ready [data-reveal="media"] { transform: translateY(26px) scale(1.02); } .reveal-ready [data-reveal].is-visible { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .reveal-ready [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; } }