/* Çetiner Ajans — canlılık katmanı: kayan video duvarı, dönen başlık kelimesi, Türkiye haritası.
   v4.css'in üstüne yüklenir. Hareketi azalt tercihinde animasyonlar durur. */

/* ---------- ana video duvarı ---------- */
.reel.duvarli video{transform:scale(1.02)}
.reel.duvarli::after{background:
  linear-gradient(90deg,rgba(6,6,7,.86) 0%,rgba(6,6,7,.62) 38%,rgba(6,6,7,.18) 70%,rgba(6,6,7,.35) 100%),
  linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 60%,rgba(0,0,0,.9) 100%)}
@media (max-width:900px){
  .reel.duvarli::after{background:linear-gradient(180deg,rgba(6,6,7,.55) 0%,rgba(6,6,7,.25) 30%,rgba(6,6,7,.72) 62%,rgba(6,6,7,.95) 100%)}
}

/* ---------- dönen kelime ---------- */
.reel h1 .satir:nth-child(3)>span{animation-delay:.24s}
.donen{display:inline-grid!important;vertical-align:bottom}
.donen b{grid-area:1/1;font-weight:inherit;white-space:nowrap;transform:translateY(108%);opacity:0;
  transition:transform .75s cubic-bezier(.7,0,.2,1),opacity .4s}
.donen b.aktif{transform:none;opacity:1}
.donen b.cik{transform:translateY(-108%);opacity:0}
.donen b::after{content:"";display:block;height:.06em;margin-top:-.02em;background:var(--altinA);
  transform:scaleX(0);transform-origin:left;transition:transform .9s .35s cubic-bezier(.2,.8,.2,1)}
.donen b.aktif::after{transform:scaleX(1)}
@media (max-width:600px){.donen{font-size:min(1em,10.4vw)}}

/* ---------- Türkiye haritası ---------- */
.turkiye{position:relative;overflow:hidden}
.turkiye .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);align-items:center}
.turkiye .dev{margin-top:18px}
.turkiye p.alt{color:#b9bcc2;font-size:clamp(16px,1.4vw,19px);line-height:1.55;margin:22px 0 30px;max-width:460px}
.tr-rakam{list-style:none;display:flex;gap:34px;flex-wrap:wrap;margin:0 0 32px;padding:0}
.tr-rakam b{display:block;font-size:clamp(34px,3.6vw,54px);font-weight:600;letter-spacing:-.04em;line-height:1}
.tr-rakam span{color:#8d9097;font-size:14px}
.tr-svg{width:100%;height:auto;display:block;overflow:visible}
.h-ulke{fill:#121316;stroke:rgba(255,255,255,.16);stroke-width:1.2}
#h-nokta circle{fill:rgba(255,255,255,.14)}
.h-yay{fill:none;stroke:rgba(224,178,79,.55);stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:1}
.h-kuyruk{fill:none;stroke:#ffd27a;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:.07 .93;stroke-dashoffset:.07;opacity:0;filter:drop-shadow(0 0 4px rgba(255,200,90,.9))}
.h-sehir{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4)}
.h-sehir circle{fill:#fff}
.h-sehir text,.h-merkez text{fill:#d6d8dc;font:600 18px/1 var(--sans,system-ui),system-ui,sans-serif;letter-spacing:-.01em}
.h-merkez text{fill:#fff;font-size:22px}
.h-merkez circle{fill:var(--altin,#e0b24f)}
.h-merkez .h-dalga{fill:none;stroke:var(--altin,#e0b24f);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:h-dalga 2.4s ease-out infinite}
.h-merkez .h-dalga.d2{animation-delay:1.2s}
@keyframes h-dalga{from{transform:scale(1);opacity:.9}to{transform:scale(4.2);opacity:0}}
.tr-harita.in .h-yay{transition:stroke-dashoffset 1.1s cubic-bezier(.6,0,.2,1) calc(var(--i)*.11s);stroke-dashoffset:0}
.tr-harita.in .h-sehir{transition:opacity .4s calc(.7s + var(--i)*.11s),transform .6s cubic-bezier(.2,1.6,.4,1) calc(.7s + var(--i)*.11s);opacity:1;transform:none}
.tr-harita.in .h-kuyruk{animation:h-kuyruk 2.6s linear calc(1.6s + var(--i)*.37s) infinite}
@keyframes h-kuyruk{0%{stroke-dashoffset:.07;opacity:0}8%{opacity:1}88%{opacity:1}100%{stroke-dashoffset:-.93;opacity:0}}
@media (max-width:900px){
  .turkiye .wrap{grid-template-columns:minmax(0,1fr)}
  .h-sehir text{display:none}.h-sehir circle{r:7px}.h-merkez text{font-size:42px}
}
@media (prefers-reduced-motion:reduce){
  .h-yay{stroke-dashoffset:0}.h-sehir{opacity:1;transform:none}.h-kuyruk,.h-dalga{display:none}
  .donen b{transition:none}
}