/* TENARCH scroll-reveal — varyant B "Derinlik" (projelerimiz)
   Kartlar sis icinden derinlikten netlesir; basliklar perde gibi acilir. */

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

/* Kartlar / metinler: bulaniklik + olcek + yukselme */
.rv-armed [data-rv="depth"]{
  opacity: 0;
  transform: translateY(48px) scale(.96);
  filter: blur(12px);
  transition:
    opacity var(--rvd-dur) var(--rvd-ease),
    transform var(--rvd-dur) var(--rvd-ease),
    filter var(--rvd-dur) var(--rvd-ease);
  transition-delay: var(--rv-delay, 0ms);
  will-change: opacity, transform, filter;
}
.rv-armed [data-rv="depth"].rv-in{
  opacity: 1;
  transform: none;
  filter: blur(0);
}

/* Basliklar: soldan perde sıyrılması + hafif kayma */
.rv-armed [data-rv="wipe"]{
  clip-path: inset(0 100% 0 0);
  transform: translateX(-14px);
  transition:
    clip-path 1.1s var(--rvd-ease),
    transform 1.1s var(--rvd-ease);
  transition-delay: var(--rv-delay, 0ms);
  will-change: clip-path, transform;
}
.rv-armed [data-rv="wipe"].rv-in{
  clip-path: inset(0 0 0 0);
  transform: none;
}

/* Elle isaretleme icin ek yonler */
.rv-armed [data-rv="up"]{
  opacity: 0; transform: translateY(36px);
  transition: opacity var(--rvd-dur) var(--rvd-ease), transform var(--rvd-dur) var(--rvd-ease);
  transition-delay: var(--rv-delay, 0ms);
}
.rv-armed [data-rv="up"].rv-in{ opacity: 1; transform: none; }

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