/* fx/reveal — bulletproof scroll-entree. Zonder JS blijft alles zichtbaar. */
[data-reveal]{opacity:1;transform:none}
.fx-js [data-reveal]{
  opacity:0;transform:translateY(24px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);
  will-change:opacity,transform;
}
.fx-js [data-reveal].in{opacity:1;transform:none}
/* varianten via data-reveal="left|right|scale" */
.fx-js [data-reveal="left"]{transform:translateX(-32px)}
.fx-js [data-reveal="right"]{transform:translateX(32px)}
.fx-js [data-reveal="scale"]{transform:scale(.94)}
.fx-js [data-reveal="left"].in,
.fx-js [data-reveal="right"].in,
.fx-js [data-reveal="scale"].in{transform:none}
@media (prefers-reduced-motion:reduce){
  .fx-js [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
}