/* Parallax-achtergrond voor image-secties (feedback jul 2026). De beeld-laag
 * rekt ~28% boven en onder de sectie uit, zodat de verticale verschuiving
 * (parallax_controller, max ~20% reis) nooit een rand toont. De
 * sectie zelf clipt (overflow-hidden), en de donkere overlay + inhoud blijven
 * stil — alleen het beeld drift, alsof het verder naar achteren ligt.
 *
 * Progressieve verrijking: zonder JS blijft het beeld gewoon staan; onder
 * reduced-motion valt het terug op een strak inset-0-beeld zonder verschuiving. */
.ds-parallax-bg {
  top: -28%;
  right: 0;
  bottom: -28%;
  left: 0;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .ds-parallax-bg {
    top: 0;
    bottom: 0;
    transform: none !important;
  }
}

/* MED-2 (mobile UX-audit): op telefoon geen parallax. De ~28% overscan zoomde
 * het hero-beeld daar zichtbaar in en negeerde het ingestelde focuspunt; op een
 * klein scherm voegt de drift bovendien weinig toe en kost het batterij. Terug
 * naar een strak inset-0-beeld met het juiste focuspunt (de controller slaat op
 * mobiel ook z'n scroll-updates over, zie parallax_controller.js). */
@media (max-width: 639.98px) {
  .ds-parallax-bg {
    top: 0;
    bottom: 0;
    transform: none !important;
  }
}