/* ==================================================
   ADVANCED SCROLL ANIMATIONS
================================================== */
/* Ortak gizli durum */
.reveal {
  opacity: 0;
  transform: translateY(32px); /* varsayılan */
  transition: all .9s cubic-bezier(.22,.61,.36,1);
  will-change: transform, opacity;
}
/* .reveal {
    opacity: 0;
    transition: all .9s cubic-bezier(.22,.61,.36,1);
    will-change: transform, opacity;
} */

/* Aşağıdan (mevcut) */
.reveal-up {
    transform: translateY(40px);
}

/* Soldan giriş */
.reveal-left {
    transform: translateX(-60px);
}

/* Sağdan giriş */
.reveal-right {
    transform: translateX(60px);
}

/* Fade + Scale */
.reveal-scale {
    transform: scale(.92);
}

/* Görünür hale gelince */
.reveal.show {
    opacity: 1;
    transform: translate(0,0) scale(1);
}




/* bu yatayda açılan scrollu çözüyor... */
main { overflow-x: hidden; /* sadece animasyon alanı için */ }





/* Gecikmeler */
.delay-1 { transition-delay: .1s; }
.delay-2 { transition-delay: .2s; }
.delay-3 { transition-delay: .3s; }



/* ================= REDUCED MOTION ================= */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}