/* TENARCH scroll-reveal — varyant A (hizmetlerimiz)
   Kullanım: sayfaya reveal.css + reveal.js ekle, başka bir şey gerekmez.
   İnce ayar için elemanlara data-reveal / data-reveal-group verilebilir. */

:root{
  --rv-dist: 64px;
  --rv-dur: .9s;
  --rv-ease: cubic-bezier(.22, 1, .36, 1);
  --rv-stagger: 90ms;
}

/* Başlangıç durumları — JS yüklenmeden içerik gizlenmesin diye
   yalnızca .rv-armed (JS'in eklediği kök sınıfı) altında uygulanır */
.rv-armed [data-rv]{
  opacity: 0;
  transform: var(--rv-tf, translateY(36px));
  transition:
    opacity var(--rv-dur) var(--rv-ease),
    transform var(--rv-dur) var(--rv-ease);
  transition-delay: var(--rv-delay, 0ms);
  will-change: opacity, transform;
}

.rv-armed [data-rv="right"]{ --rv-tf: translateX(var(--rv-dist)); }
.rv-armed [data-rv="left"] { --rv-tf: translateX(calc(var(--rv-dist) * -1)); }
.rv-armed [data-rv="up"]   { --rv-tf: translateY(36px); }
.rv-armed [data-rv="zoom"] { --rv-tf: scale(.94); }

.rv-armed [data-rv].rv-in{
  opacity: 1;
  transform: none;
}

.rv-armed [data-rv].rv-in:hover{ transition-delay: 0ms; }

@media (prefers-reduced-motion: reduce){
  .rv-armed [data-rv]{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* ---- Tek tip Iletisime Gecin karti (kurumsal ornegi) ---- */
@keyframes tenCtaFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.ten-cta-card{animation:tenCtaFlow 14s ease-in-out infinite;will-change:background-position}
@keyframes tenCtaGlow{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-10%,14%) scale(1.18)}100%{transform:translate(0,0) scale(1)}}
.ten-cta-glow{animation:tenCtaGlow 11s ease-in-out infinite;will-change:transform}
.ten-cta-btn i{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ten-cta-btn:hover i{transform:translateX(6px)}
@media (prefers-reduced-motion:reduce){ .ten-cta-card,.ten-cta-glow{animation:none} }

/* ---- Banner yazi + buton hover efektleri ---- */
.ten-ban-title{position:relative;display:inline-block;transition:color .45s ease}
.ten-ban-title::after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:2px;background:linear-gradient(90deg,#A18B73,#DDC7AF 55%,rgba(221,199,175,0));transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.ten-ban-title:hover{color:#2E4B3C!important}
.ten-ban-title:hover::after{transform:scaleX(1)}
.ten-ban-eyebrow{display:inline-block;transition:letter-spacing .5s ease,color .5s ease}
.ten-ban-eyebrow:hover{letter-spacing:.34em!important;color:#A18B73!important}
.ten-ban-sub{transition:color .5s ease}
.ten-ban-sub:hover{color:#2E4B3C!important}
@keyframes tenBtnFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.ten-ban-btn i{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ten-ban-btn:hover{background-image:linear-gradient(120deg,#8A7358,#DDC7AF,#A18B73,#DDC7AF)!important;background-size:250% 100%!important;background-color:#DDC7AF!important;color:#14211B!important;animation:tenBtnFlow 1.8s linear infinite;transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(22,36,30,.22)}
.ten-ban-btn:hover i{transform:translateX(6px)}
@media (prefers-reduced-motion:reduce){ .ten-ban-btn:hover{animation:none} }

/* ---- Zaman cizelgesi: filigran + yesil dugumler + hover ---- */
@keyframes tlWordDrift{from{transform:translateX(-2.5%)}to{transform:translateX(2.5%)}}
[data-tlword] span{display:block;animation:tlWordDrift 14s ease-in-out infinite alternate;will-change:transform}
[data-tlitem] [data-tlnode]{transition:background .5s ease,border-color .5s ease,transform .5s cubic-bezier(.22,1,.36,1)!important}
[data-tlitem]:hover [data-tlnode]{transform:translateY(-4px);border-color:#DDC7AF!important}
[data-tlitem]:hover [data-tlnode] i{color:#DDC7AF!important}
@media (prefers-reduced-motion:reduce){ [data-tlword] span{animation:none} }