/* ============================================================ H2G Theme — Animaties (pre-hide + reduced-motion) Werkt samen met assets/js/animations.js (GSAP). ============================================================ */ /* Pre-hide UITSLUITEND als JS + motion actief zijn. De gate-class .anim-ready wordt inline in gezet (header.php), alleen wanneer prefers-reduced-motion uit staat, en wordt door een vangnet of de guard in animations.js weer ingetrokken als GSAP faalt. Zo blijft content NOOIT permanent onzichtbaar bij JS-/CDN-fouten. GSAP's autoAlpha beheert opacity + visibility en zet ze bij reveal terug. */ .anim-ready [data-anim-hidden] { opacity: 0; } /* Toegankelijkheid: respecteer prefers-reduced-motion. De JS-animaties draaien hier sowieso niet (gsap.matchMedia), maar we zetten ook de bestaande hero-float stil en neutraliseren een eventueel achtergebleven pre-hide voor de zekerheid. */ @media (prefers-reduced-motion: reduce) { [data-anim-hidden] { opacity: 1 !important; visibility: visible !important; } .h2g-deco { animation: none !important; } }