/* Effect: diashow — v0.1.0 (nieuw in djturbeau.com v0.3.0)
   Overvloeiende foto's met een trage zoom. De actieve dia heeft .aan (diashow.js wisselt).
   Kost: laag (opacity + transform op de compositor). */
.diashow { position: absolute; inset: 0; overflow: hidden; }
.diashow .dia { position: absolute; inset: 0; opacity: 0; transition: opacity 1.6s ease; }
.diashow .dia.aan { opacity: 1; }
.diashow .dia img, .diashow .dia picture { display: block; width: 100%; height: 100%; object-fit: cover; }
.diashow .dia.aan img { animation: dia-zoom 11s ease-out forwards; }
.diashow.is-gepauzeerd .dia.aan img { animation-play-state: paused; }
@keyframes dia-zoom { from { transform: scale(1.02); } to { transform: scale(1.12); } }
@media (prefers-reduced-motion: reduce) { .diashow .dia { transition: none; } .diashow .dia.aan img { animation: none; } }