/* Keep a loaded backdrop beneath all three continuously cycling slides. */
.hero .slides::before{content:"";position:absolute;inset:0;background:#0a0a0a url('/assets/images/turnster-in-concentratie-close-up-voor-de-brug-da9d87068b79.webp') center/contain no-repeat}
.hero .slide picture{display:block;width:100%;height:100%}
.hero .slide{animation:fade 21s linear infinite!important;animation-fill-mode:backwards!important}
.hero .slide:nth-child(1){animation-delay:-1.26s!important}
.hero .slide:nth-child(2){animation-delay:5.74s!important}
.hero .slide:nth-child(3){animation-delay:12.74s!important}
@media(max-width:700px){.hero{min-height:100svh}.hero .slides::before{background-image:url('/assets/images/studio-lsa-beeld-bcee6ffde2cb.webp');background-size:cover;background-position:center top}.hero .slide.slide-banner img.slide-banner-img{object-fit:cover!important;object-position:center top!important}}
/* Native scrolling works with touch, a trackpad and keyboard, even without JS. */
.marquee-section .mrow{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:auto}
.marquee-section .mrow::-webkit-scrollbar{display:none}
.marquee-section .mtrack{animation:none!important;transform:none!important}
.gallery-motion{display:flex;justify-content:flex-end;margin:12px 0 28px}
.gallery-motion button{border:1px solid #777;border-radius:30px;background:#151515;color:#eee;font:12px 'Manrope',sans-serif;padding:12px 18px;cursor:pointer}

@media(hover:none){.ci:hover{transform:none}.mrow:has(.ci:hover) .ci:not(:hover){opacity:1}}