/* telegram — kağıt uçak sahnesi + 23:00 geri sayım halkası */
.tg{position:relative;isolation:isolate;overflow:hidden;background:var(--taban);padding-block:clamp(56px,9vw,120px)}
.tg-foto{position:absolute;inset:0 0 0 auto;width:min(76vw,1180px);z-index:-1;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.tg-foto-ic{position:absolute;right:0;top:50%;width:100%;aspect-ratio:3/2;transform:translateY(calc(-50% + var(--par,0px)));will-change:transform}
.tg-foto img{width:100%;height:100%;object-fit:cover}
.tg-foto::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,var(--taban) 0,transparent 22%,transparent 78%,var(--taban) 100%)}
.tg-yol{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tg-yol-cizgi{stroke:rgba(255,255,255,.42);stroke-width:1.5;stroke-dasharray:3 9;vector-effect:non-scaling-stroke}
#tg-yol-dolgu{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.2,1) .2s}
.tg.gor #tg-yol-dolgu{stroke-dashoffset:0}

.tg-icerik{position:relative;display:grid;justify-items:start;gap:0;min-height:clamp(560px,48vw,700px);align-content:center}
.tg-etiket{margin-bottom:18px}
.tg-baslik{max-width:9ch;font-size:clamp(44px,7.4vw,112px);line-height:.92}
.tg-metin{margin:22px 0 0;max-width:44ch;font-size:clamp(15px,1.3vw,18px);line-height:1.6;color:var(--metin-7)}

.tg-sayac{position:relative;width:clamp(200px,17vw,240px);aspect-ratio:1;margin:34px 0 36px}
.tg-halka{width:100%;height:100%;overflow:visible}
.tg-iz{fill:none;stroke:var(--k2);stroke-width:14}
.tg-iz-ic{fill:none;stroke:var(--cizgi);stroke-width:1;stroke-dasharray:2 5}
.tg-yay{stroke:url(#tg-grad);stroke-width:14;filter:drop-shadow(0 0 6px rgba(254,17,1,.45))}
.tg-merkez{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center}
.tg-zaman{font-weight:700;font-size:clamp(28px,2.4vw,36px);letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1}
.tg-alt{font-size:10px;letter-spacing:.14em;line-height:1.35;white-space:nowrap}
.tg-sayac.simdi .tg-zaman{font-size:clamp(20px,1.7vw,25px);letter-spacing:.06em;line-height:1.1;color:#fff;max-width:7ch;text-wrap:balance}
.tg-sayac.simdi .tg-yay{stroke-dasharray:100 0;}
.tg-sayac::after{content:"";position:absolute;inset:6.7%;border-radius:50%;pointer-events:none;box-shadow:0 0 20px rgba(254,17,1,.95);opacity:0}
.tg-sayac.simdi::after{animation:tg-nabiz 1.3s ease-in-out infinite}
.tg-sayac.simdi .tg-alt{color:var(--kirmizi)}
@keyframes tg-nabiz{0%,100%{opacity:.15}50%{opacity:1}}

.tg-butonlar{display:flex;flex-wrap:wrap;gap:14px}
.btn--tg{background:#229ED9;box-shadow:none}
.btn--tg:hover{background:#2aaeeb;box-shadow:0 0 22px rgba(34,158,217,.45)}

@media (max-width:899px){
  .tg{padding-top:0}
  .tg-foto{position:relative;inset:auto;width:100%;aspect-ratio:3/2;max-height:340px;
    -webkit-mask-image:none;mask-image:none}
  .tg-foto-ic{top:0;transform:translateY(var(--par,0px));height:100%;width:100%}
  .tg-foto img{object-position:70% 50%}
  .tg-foto::before{background:linear-gradient(0deg,var(--taban) 0,transparent 40%)}
  .tg-icerik{min-height:0;margin-top:-18px}
  .tg-sayac{width:208px;margin:28px 0}
  .tg-butonlar{width:100%}
  .tg-butonlar .btn{flex:1 1 100%;white-space:normal;text-align:center;padding-block:10px}
}
@media (prefers-reduced-motion:reduce){
  #tg-yol-dolgu{transition:none;stroke-dashoffset:0}
  .tg-foto-ic{transform:translateY(-50%)}
  .tg-yay{transition:none}
  .tg-sayac.simdi::after{animation:none;opacity:.6}
}
@media (prefers-reduced-motion:reduce) and (max-width:899px){.tg-foto-ic{transform:none}}
