/*
 * RULO motion styles
 * Hoort bij js/rulo-motion.js. Verandert niets aan de vormgeving zelf.
 */

/* Hero kort verbergen tot de intro-animatie klaarstaat (alleen met JS en zonder "minder beweging") */
.motion-ok header + section > div { visibility: hidden; }
.motion-ok.motion-ready header + section > div { visibility: visible; }

/* Wrapper rond grote foto's: voorkomt lege randen bij parallax en zoom */
.motion-img { position: relative; overflow: hidden; }
.motion-img img { transform-origin: 50% 50%; backface-visibility: hidden; }

/* Lenis: iframes (zoals het Zoho-formulier) blijven klikbaar, alleen tijdens het scrollen niet */
.lenis.lenis-smooth iframe { pointer-events: auto; }
.lenis.lenis-smooth.lenis-scrolling iframe { pointer-events: none; }

/* Zonder Lenis (mobiel en tablet): native, zacht scrollen naar ankers */
@media (prefers-reduced-motion: no-preference) {
  html:not(.lenis) { scroll-behavior: smooth; }
}