/* ==========================================================
   DADA STUDIO — ortak hareket katmanı
   Yumuşak kaydırma (Lenis), yavaş açılışlar, kelime kelime başlıklar,
   maskeli görsel açılışları. Tüm sayfalar bu dosyayı kullanır.
   ========================================================== */

:root{
  --m-ease:cubic-bezier(.16,1,.3,1);      /* uzun, yumuşak duruş */
  --m-ease-io:cubic-bezier(.65,0,.35,1);
}

/* Lenis */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:none}
html.lenis{scroll-behavior:auto!important}

/* Genel açılış: daha uzun, daha yumuşak */
.reveal{
  opacity:0;
  transform:translate3d(0,56px,0);
  transition:opacity 1.4s var(--m-ease),transform 1.6s var(--m-ease)!important;
  will-change:opacity,transform;
}
.reveal.in{opacity:1;transform:none}
.rd1{transition-delay:.12s!important}.rd2{transition-delay:.24s!important}
.rd3{transition-delay:.36s!important}.rd4{transition-delay:.48s!important}.rd5{transition-delay:.6s!important}

/* Kelime kelime yükselen başlıklar */
.m-split .m-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.m-split .m-w>span{
  display:inline-block;transform:translate3d(0,108%,0);
  transition:transform 1.3s var(--m-ease);
  transition-delay:calc(var(--i,0) * 55ms);
}
.m-split.m-in .m-w>span,.reveal.in .m-split .m-w>span{transform:none}
/* başlık kendi içinde kelime animasyonu yapıyorsa üst .reveal'ın kaymasını azalt */
.reveal:has(.m-split){transform:translate3d(0,18px,0)}
.reveal.in:has(.m-split){transform:none}

/* Maskeli görsel açılışı */
.m-img{
  clip-path:inset(14% 8% 14% 8% round 14px);
  transition:clip-path 1.6s var(--m-ease);
}
.m-img img{transform:scale(1.18);transition:transform 2s var(--m-ease)}
.m-img.m-in{clip-path:inset(0 0 0 0 round 10px)}
.m-img.m-in img{transform:scale(1)}
.m-img.m-in:hover img{transform:scale(1.04)}

/* Butonlar ve bağlantılarda daha yumuşak geçiş */
a,button{transition-timing-function:var(--m-ease)}

@media (prefers-reduced-motion:reduce){
  .reveal,.m-split .m-w>span,.m-img,.m-img img{transition:none!important;transform:none!important;clip-path:none!important;opacity:1!important}
}