/* reveal.css — sayfa kaydırılırken bölümlerin yumuşakça belirmesi
   ------------------------------------------------------------
   main.js içindeki IntersectionObserver .reveal class'ı taşıyan
   elemanları görünür olduklarında .is-in ile işaretler.
   ------------------------------------------------------------ */
.reveal {
    opacity: 0;
    transform: translateY(38px);
    transition: opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);
}
.reveal.is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
    .reveal { opacity: 1; transform: none; transition: none; }
}