/* TENARCH scroll-reveal — varyant C "Egim Kaskadi" (blog)
   Kartlar dergi sayfasi gibi alttan 3D egimle dogrulur;
   basliklar genis harf araligindan daralarak yerlesir. */

:root{
  --rvt-dur: .85s;
  --rvt-ease: cubic-bezier(.22, 1, .36, 1);
}

/* Kartlar: alttan 3D perspektif egimiyle */
.rv-armed [data-rv="tilt"]{
  opacity: 0;
  transform: perspective(900px) rotateX(14deg) translateY(46px);
  transform-origin: center bottom;
  transition:
    opacity var(--rvt-dur) var(--rvt-ease),
    transform var(--rvt-dur) var(--rvt-ease);
  transition-delay: var(--rv-delay, 0ms);
  will-change: opacity, transform;
}
.rv-armed [data-rv="tilt"].rv-in{
  opacity: 1;
  transform: none;
}

/* Surec adimlari: donusumlu yanal egim */
.rv-armed [data-rv="tilt-r"]{
  opacity: 0;
  transform: perspective(900px) rotateY(-12deg) translateX(40px);
  transform-origin: left center;
  transition: opacity var(--rvt-dur) var(--rvt-ease), transform var(--rvt-dur) var(--rvt-ease);
  transition-delay: var(--rv-delay, 0ms);
}
.rv-armed [data-rv="tilt-l"]{
  opacity: 0;
  transform: perspective(900px) rotateY(12deg) translateX(-40px);
  transform-origin: right center;
  transition: opacity var(--rvt-dur) var(--rvt-ease), transform var(--rvt-dur) var(--rvt-ease);
  transition-delay: var(--rv-delay, 0ms);
}
.rv-armed [data-rv="tilt-r"].rv-in,
.rv-armed [data-rv="tilt-l"].rv-in{
  opacity: 1;
  transform: none;
}

/* Basliklar: genis harf araligindan daralma + belirginlesme */
.rv-armed [data-rv="track"]{
  opacity: 0;
  letter-spacing: .14em;
  transition:
    opacity 1s var(--rvt-ease),
    letter-spacing 1s var(--rvt-ease);
  transition-delay: var(--rv-delay, 0ms);
  will-change: opacity, letter-spacing;
}
.rv-armed [data-rv="track"].rv-in{
  opacity: 1;
  letter-spacing: normal;
}

/* Aciklamalar: sade alttan yukselme */
.rv-armed [data-rv="rise"]{
  opacity: 0;
  transform: translateY(30px);
  transition: opacity var(--rvt-dur) var(--rvt-ease), transform var(--rvt-dur) var(--rvt-ease);
  transition-delay: var(--rv-delay, 0ms);
}
.rv-armed [data-rv="rise"].rv-in{ opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce){
  .rv-armed [data-rv]{
    opacity: 1 !important;
    transform: none !important;
    letter-spacing: normal !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} }