/* Scroll reveal for the public information pages (about, privacy, test-security, features). Mirrors the inline rules on the landing page. Everything is scoped to `.js-reveal`, which an inline script in puts on . With JavaScript off the class never lands, so nothing is ever hidden and the page reads normally. Hiding first in CSS and un-hiding in JS would leave a no-JS visitor staring at a blank page. */ .js-reveal [data-reveal] { opacity: 0; transform: translateY(30px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); } .js-reveal [data-reveal].in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .js-reveal [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; } }