/* * Scroll-reveal animation styles for the Binnenwerk theme. * * (c) Matica, Gerry Uytdenhouwen - 2026-06-24 * * Replaces the WOW.js + animate.css "fadeInUp" reveal with a lightweight * IntersectionObserver-driven effect (see js/theme.js). The reveal is a fade * plus a 20px upward translate over ~1s. * * Failsafe: the hidden state is scoped to the ".js" class on , which is * only present when JavaScript runs. Without JavaScript (or without * IntersectionObserver) every ".wow" element stays fully visible. The * prefers-reduced-motion query removes motion for users who ask for it. */ .js .wow { opacity: 0; transform: translateY(20px); transition: opacity 1s ease, transform 1s ease; will-change: opacity, transform; } .js .wow.is-visible { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .js .wow { opacity: 1; transform: none; transition: none; } }