/* Saff Medya'dan: yumuşak kaydırma, başlık açılışı ve kaydırmaya bağlı sahneler (hareket.js). */

/* Lenis */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

/* Başlık açılışı: her kelime kendi maskesinin altından yukarı kayar.
   Maske Türkçe işaretleri (İ'nin noktası, ş/ç'nin çengeli) kesmesin diye üstte ve altta pay bırakır. */
.w { display: inline-block; overflow: hidden; vertical-align: top; padding: .12em 0 .14em; margin: -.12em 0 -.14em; }
.w > span { display: inline-block; will-change: transform; }
/* hareket.js bölene dek başlıklar görünmesin (gecis.js <head>'de işaretler); betik gelmezse 2 sn sonra yine görünür */
.acilis-bekle:not(.baslik-ucar) main h1, .acilis-bekle main h2, .acilis-bekle main .dev { visibility: hidden; animation: hareket-goster 0s 2s forwards; }
@keyframes hareket-goster { to { visibility: visible; } }

/* Kaydırınca netleşen cümle: kelimeler soluk ve bulanıktan mürekkebe */
.kelime { display: inline; }

/* Paralaks: resim kutusundan biraz uzun, kaydırdıkça içinde kayar */
.paralaks { overflow: hidden; }
.paralaks > img { height: 114% !important; }

@media (prefers-reduced-motion: reduce) {
  .acilis-bekle main h1, .acilis-bekle main h2, .acilis-bekle main .dev { visibility: visible; animation: none; }
  .paralaks > img { height: 100% !important; }
}