/* reveal.css — Scroll-Reveal (elegantes Einblenden beim Scrollen).
   Klassen werden NUR per JS gesetzt → ohne JS/Reduced-Motion bleibt alles sichtbar. */
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s var(--ease-soft), transform .7s var(--ease-soft); will-change: opacity, transform; }
.reveal.in { opacity: 1; transform: none; }
/* sanfter Scale-Variant für Hero-/Highlight-Elemente */
.reveal-pop { opacity: 0; transform: translateY(16px) scale(.97); transition: opacity .8s var(--ease-soft), transform .8s var(--ease-spring); will-change: opacity, transform; }
.reveal-pop.in { opacity: 1; transform: none; }