/* Derdiman – Scroll Reveal (kart grupları sırayla, görseller maskeli açılır). Gizleme yalnızca JS sınıf ekledikten sonra yapılır. */
.dd-rv-item { opacity: 0; translate: 0 24px; transition: opacity .9s ease, translate .9s cubic-bezier(.2, .7, .1, 1); transition-delay: calc(var(--dd-i, 0) * 90ms); }
.dd-in > .dd-rv-item { opacity: 1; translate: 0 0; }

.dd-mask { clip-path: inset(0 0 100% 0); transition: clip-path 1.3s cubic-bezier(.7, 0, .15, 1); }
.dd-mask.dd-in { clip-path: inset(0 0 0 0); }
.dd-mask img { scale: 1.14; transition: scale 1.8s cubic-bezier(.2, .7, .1, 1); }
.dd-mask.dd-in img { scale: 1; }
/* .dd-glass içindeki arka plan görseli de yavaşça yerine oturur */
.dd-mask .dd-glass__bg img { scale: 1.2; }

@media (prefers-reduced-motion: reduce) {
  .dd-rv-item { opacity: 1; translate: none; transition: none; }
  .dd-mask { clip-path: none; transition: none; }
  .dd-mask img, .dd-mask.dd-in img { scale: 1; transition: none; }
}