html { scroll-behavior: smooth; }

/* Aanschuif-animaties (vervangt Framer Motion) */
.js .reveal {
  opacity: 0;
  transform: var(--from, none);
  transition: opacity var(--t, .7s) ease-out var(--d, 0s), transform var(--t, .7s) ease-out var(--d, 0s);
}
.js .reveal[data-r="u20"] { --from: translateY(20px); }
.js .reveal[data-r="u30"] { --from: translateY(30px); }
.js .reveal[data-r="u40"] { --from: translateY(40px); }
.js .reveal[data-r="s80"] { --from: scale(.8); }
.js .reveal[data-r="s90"] { --from: scale(.9); }
.js .reveal.in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js .reveal { opacity: 1; transform: none; transition: none; }
}