/* Scroll reveal — Mold Scanner (2026-07-13) SAFETY: content is fully visible by default. Elements only start hidden once reveal.js adds .reveal-on to , and it only does that when it has an IntersectionObserver and is about to observe them. No JS / old browser / reduced motion => nothing is ever hidden. */ .reveal-on [data-reveal] { opacity: 0; will-change: opacity, transform; transition: opacity .75s cubic-bezier(.16, 1, .3, 1), transform .75s cubic-bezier(.16, 1, .3, 1); } .reveal-on [data-reveal="up"] { transform: translate3d(0, 36px, 0); } .reveal-on [data-reveal="down"] { transform: translate3d(0, -30px, 0); } .reveal-on [data-reveal="left"] { transform: translate3d(-54px, 0, 0); } .reveal-on [data-reveal="right"] { transform: translate3d(54px, 0, 0); } .reveal-on [data-reveal="scale"] { transform: scale(.93); } .reveal-on [data-reveal="rise"] { transform: translate3d(0, 44px, 0) scale(.97); } .reveal-on [data-reveal].is-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .reveal-on [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; } }