/* beweging.css — hoort bij beweging.js (20-10-2026). Alles hangt aan html.bw, die alleen het script
   zet: zonder script verandert er niets. */
html.bw:not(.bw-klaar) body { opacity: 0; }
html.bw.bw-klaar body { opacity: 1; transition: opacity .35s ease-out; }
.bw .bw-uit { opacity: 0; transform: translate3d(0, 22px, 0); }
.bw img.bw-uit, .bw picture.bw-uit, .bw figure.bw-uit, .bw video.bw-uit { transform: scale(.965); }
.bw .bw-uit.bw-groot { transform: none; }
.bw .bw-uit.bw-in {
  opacity: 1; transform: none;
  transition: opacity .75s cubic-bezier(.2, .7, .2, 1), transform .9s cubic-bezier(.16, .84, .3, 1);
}
@media (prefers-reduced-motion: reduce) {
  html.bw body, .bw .bw-uit { opacity: 1 !important; transform: none !important; transition: none !important; }
}