/* ===== ILKAS • Scroll Reveal – temel stiller ===== */
:root{
  --sr-ease: cubic-bezier(.22,.61,.36,1);   /* doğal hız eğrisi */
}

.reveal{                                      /* başlangıç hali */
  opacity: 0;
  transform: translate3d(var(--sr-x,0), var(--sr-y,16px), 0) scale(var(--sr-scale,1));
  filter: var(--sr-filter, none);
  transition:
    opacity var(--sr-dur,.7s) var(--sr-ease) var(--sr-delay,0s),
    transform var(--sr-dur,.7s) var(--sr-ease) var(--sr-delay,0s),
    filter var(--sr-dur,.7s) var(--sr-ease) var(--sr-delay,0s);
  will-change: transform, opacity, filter;
}

.reveal.is-inview{
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  filter: none;
}

/* --------- Hazır preset’ler --------- */
.reveal[data-reveal="fade"]      { --sr-x:0;   --sr-y:0;   }
.reveal[data-reveal="fade-up"]   { --sr-x:0;   --sr-y:22px;}
.reveal[data-reveal="fade-down"] { --sr-x:0;   --sr-y:-22px;}
.reveal[data-reveal="slide-left"]{ --sr-x:22px;--sr-y:0;  }
.reveal[data-reveal="slide-right"]{--sr-x:-22px;--sr-y:0; }
.reveal[data-reveal="zoom-in"]   { --sr-scale:.94; }
.reveal[data-reveal="zoom-out"]  { --sr-scale:1.06; }
.reveal[data-reveal="blur-up"]   { --sr-y:18px; --sr-filter: blur(6px); }

/* Grup halinde gecikmeli akış */
[data-reveal-stagger] > *{
  --sr-delay: calc(var(--sr-base-delay,0s) + var(--sr-step, .08s) * var(--sr-i, 0));
}

/* Kullanıcı hareketi azaltmışsa animasyonları kapat */
@media (prefers-reduced-motion: reduce){
  .reveal{
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}
/* Scroll-reveal temel */
.reveal{
  opacity:0;
  transform: translate3d(var(--sr-x,0), var(--sr-y,16px), 0) scale(var(--sr-scale,1));
  filter: var(--sr-filter, none);
  transition:
    opacity var(--sr-dur,.7s) cubic-bezier(.22,.61,.36,1) var(--sr-delay,0s),
    transform var(--sr-dur,.7s) cubic-bezier(.22,.61,.36,1) var(--sr-delay,0s),
    filter var(--sr-dur,.7s) cubic-bezier(.22,.61,.36,1) var(--sr-delay,0s);
  will-change: transform, opacity, filter;
}
.reveal.is-inview{ opacity:1; transform:none; filter:none; }

/* Preset’ler */
.reveal[data-reveal="fade"]{ --sr-x:0; --sr-y:0; }
.reveal[data-reveal="fade-up"]{ --sr-x:0; --sr-y:22px; }
.reveal[data-reveal="fade-down"]{ --sr-x:0; --sr-y:-22px; }
.reveal[data-reveal="slide-left"]{ --sr-x:22px; --sr-y:0; }
.reveal[data-reveal="slide-right"]{ --sr-x:-22px; --sr-y:0; }
.reveal[data-reveal="zoom-in"]{ --sr-scale:.94; }
.reveal[data-reveal="zoom-out"]{ --sr-scale:1.06; }
.reveal[data-reveal="blur-up"]{ --sr-y:18px; --sr-filter: blur(6px); }

/* Stagger */
[data-reveal-stagger] > *{
  --sr-delay: calc(var(--sr-base-delay,0s) + var(--sr-step,.08s) * var(--sr-i, 0));
}

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


/* SLIDE BAŞLANGIÇ DURUMU (blur + düşük opacity) */
.eco-slide {
    opacity: 0;
    transform: scale(1.03);
    filter: blur(6px);
    transition: all 1.1s ease;
}

/* AKTİF SLIDE GÖRÜNÜMÜ */
.eco-slide.active {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}

/* İç yazılar için mini fade */
.eco-copy > * {
    opacity: 0;
    transform: translateY(20px);
    transition: all .8s ease .2s;
}

.eco-slide.active .eco-copy > * {
    opacity: 1;
    transform: translateY(0);
}
/* ===== ILKAS • Scroll Reveal ===== */
:root {
  --sr-ease: cubic-bezier(.22,.61,.36,1);
}

/* Başlangıç */
.reveal {
  opacity: 0;
  transform: translate3d(var(--sr-x,0), var(--sr-y,16px), 0) scale(var(--sr-scale,1));
  filter: var(--sr-filter, none);
  transition:
    opacity var(--sr-dur,.7s) var(--sr-ease) var(--sr-delay,0s),
    transform var(--sr-dur,.7s) var(--sr-ease) var(--sr-delay,0s),
    filter var(--sr-dur,.7s) var(--sr-ease) var(--sr-delay,0s);
}

/* Göründüğünde */
.reveal.is-inview {
  opacity: 1;
  transform: none;
  filter: none;
}

/* Presets */
.reveal[data-reveal="fade"] { --sr-y:0; }
.reveal[data-reveal="fade-up"] { --sr-y:22px; }
.reveal[data-reveal="fade-down"] { --sr-y:-22px; }
.reveal[data-reveal="slide-left"] { --sr-x:22px; }
.reveal[data-reveal="slide-right"] { --sr-x:-22px; }
.reveal[data-reveal="zoom-in"] { --sr-scale:.94; }
.reveal[data-reveal="zoom-out"] { --sr-scale:1.06; }
.reveal[data-reveal="blur-up"] { --sr-y:18px; --sr-filter: blur(6px); }

/* Motion reduce */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}