/* TAK. Creative uygulama demoları — hareket katmanı (P6).
   Yalnızca html.hm-on varken etkindir (head içindeki küçük betik ekler; hareket azaltma tercihinde eklenmez).
   Sitenin kendi animasyonlarına (tabela, kayan bant, sayaçlar, açılış) dokunmaz; yalnızca ilk ekranın altındaki
   bölümleri ve tanımlı hero öğelerini canlandırır. Betik 4 sn içinde gelmezse .hm-all her şeyi görünür yapar. */
:root{--hm-ease:cubic-bezier(.2,.8,.2,1);--hm-dur:.85s;--hm-x:0px;--hm-y:28px;--hm-s:1;--hm-clip:inset(0 0 100% 0 round 0px);--hm-ims:1.1;--hm-wx:0px;--hm-wy:100%;--hm-wo:1;--hm-wst:40ms}
/* emlak — "anahtar": sakin, kapı aralanır gibi soldan açılan görseller */
html[data-hm=emlak]{--hm-ease:cubic-bezier(.22,1,.36,1);--hm-dur:.95s;--hm-y:24px;--hm-clip:inset(0 100% 0 0 round 0px);--hm-ims:1.08;--hm-wst:55ms}
/* dijital — "kod": yatay, kesik, imleç gibi */
html[data-hm=dijital]{--hm-ease:cubic-bezier(.7,0,.2,1);--hm-dur:.7s;--hm-x:-28px;--hm-y:0px;--hm-wx:18px;--hm-wy:0%;--hm-wo:0;--hm-wst:30ms}
/* eticaret — "vitrin": ürünler hafif sıçrayarak dizilir */
html[data-hm=eticaret]{--hm-ease:cubic-bezier(.34,1.4,.64,1);--hm-dur:.6s;--hm-y:18px;--hm-s:.94;--hm-clip:inset(8% 8% 8% 8% round 18px);--hm-ims:1.12;--hm-wst:35ms}
/* surucukursu — "yol": soldan yola çıkar, üstte ilerleme şeridi */
html[data-hm=surucukursu]{--hm-ease:cubic-bezier(.19,1,.22,1);--hm-dur:.8s;--hm-x:-46px;--hm-y:0px;--hm-clip:inset(0 100% 0 0 round 0px);--hm-wst:45ms}
/* mobiluygulama — "uygulama": yaylı, yuvarlak köşeli */
html[data-hm=mobiluygulama]{--hm-ease:cubic-bezier(.34,1.56,.64,1);--hm-dur:.8s;--hm-y:36px;--hm-s:.96;--hm-clip:inset(10% 10% 10% 10% round 36px);--hm-wy:70%;--hm-wo:0;--hm-wst:50ms}
/* sporsalonu — "enerji": hızlı ve sert, aşağıdan yukarı */
html[data-hm=sporsalonu]{--hm-ease:cubic-bezier(.5,0,.1,1);--hm-dur:.55s;--hm-y:44px;--hm-clip:inset(100% 0 0 0 round 0px);--hm-ims:1.06;--hm-wst:25ms}

/* Kaydırınca beliren bloklar */
.hm-on .hm-r{transition:opacity var(--hm-dur) var(--hm-ease) var(--hm-d,0s),transform var(--hm-dur) var(--hm-ease) var(--hm-d,0s)}
.hm-on .hm-r:not(.hm-in){opacity:0;transform:translate3d(var(--hm-x),var(--hm-y),0) scale(var(--hm-s))}
.hm-on .hm-0,.hm-on .hm-0 .hm-wi,.hm-on .hm-0 img{transition:none!important}
/* Başlıklar kelime kelime */
.hm-w{display:inline-block;vertical-align:top}
.hm-wi{display:inline-block}
.hm-on .hm-h .hm-w{overflow:hidden;padding:.18em .08em .14em;margin:-.18em -.08em -.14em}
html:is([data-hm=dijital],[data-hm=mobiluygulama]) .hm-h .hm-w{overflow:visible}
.hm-on .hm-h .hm-wi{transition:transform var(--hm-dur) var(--hm-ease),opacity var(--hm-dur) var(--hm-ease);transition-delay:calc(min(var(--i,0),14) * var(--hm-wst))}
.hm-on .hm-h:not(.hm-in) .hm-wi{transform:translate(var(--hm-wx),var(--hm-wy));opacity:var(--hm-wo)}
/* Görseller maskeyle açılır */
.hm-on .hm-m img{transition:clip-path calc(var(--hm-dur) * 1.3) var(--hm-ease),transform calc(var(--hm-dur) * 1.7) var(--hm-ease)}
.hm-on .hm-m:not(.hm-in) img{clip-path:var(--hm-clip);transform:scale(var(--hm-ims))}
.hm-on .hm-m.hm-in img{clip-path:inset(0 0 0 0 round 0px)}

/* İlk ekran (yalnızca CSS; JS beklenmez). Kendi açılışı olan dijital ve sporsalonu hariç. */
@keyframes hm-up{from{opacity:.01;transform:translate3d(var(--hm-x),var(--hm-y),0)}}
@keyframes hm-pop{from{opacity:.01;transform:translateY(34px) scale(.95)}}
@keyframes hm-wipe{from{clip-path:inset(0 42% 0 0 round 0px)}to{clip-path:inset(0 0 0 0 round 0px)}}
html.hm-on:is([data-hm=emlak],[data-hm=surucukursu],[data-hm=mobiluygulama]) :is(.hero__text,.hero-copy)>:not(.signpost){animation:hm-up var(--hm-dur) var(--hm-ease) backwards}
html.hm-on:is([data-hm=emlak],[data-hm=surucukursu],[data-hm=mobiluygulama]) :is(.hero__text,.hero-copy)>:nth-child(2){animation-delay:.12s}
html.hm-on:is([data-hm=emlak],[data-hm=surucukursu],[data-hm=mobiluygulama]) :is(.hero__text,.hero-copy)>:nth-child(3){animation-delay:.22s}
html.hm-on:is([data-hm=emlak],[data-hm=surucukursu],[data-hm=mobiluygulama]) :is(.hero__text,.hero-copy)>:nth-child(4){animation-delay:.3s}
html.hm-on:is([data-hm=emlak],[data-hm=surucukursu],[data-hm=mobiluygulama]) :is(.hero__text,.hero-copy)>:nth-child(n+5){animation-delay:.38s}
html.hm-on[data-hm=surucukursu] .hero-media{animation:hm-wipe 1s var(--hm-ease) .1s backwards}
html.hm-on[data-hm=mobiluygulama] .hero-visual{animation:hm-pop 1s var(--hm-ease) .15s backwards}

/* Kaydırma ilerleme şeridi (sürücü kursu) */
.hm-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;background:var(--hm-renk,#f2b705);transform:scaleX(var(--p,0));transform-origin:left;pointer-events:none}

/* Güvence */
.hm-all .hm-r,.hm-all .hm-wi{opacity:1!important;transform:none!important}
.hm-all .hm-m img{clip-path:none!important;transform:none!important}
.hm-all :is(.hero__text,.hero-copy)>*,.hm-all :is(.hero-media,.hero-visual){animation:none!important}
@media (prefers-reduced-motion:reduce){.hm-progress{display:none}}