/* VentHub açılış 13c "Tek nefes" · karar 408 · DESIGN-MARKA 2026-10-25
   Süre 3.8 sn, tek gösterim, döngü yok. Temel (animasyonsuz) hâl = son kare = yatay kilit (koyu).
   SVG sayfaya satır içi konur (img ile değil: Onest/Archivo yüklenmez). Yeniden oynatmak için .vha öğesini yeniden ekleyin.
   Zemin, Geç düğmesi, geçiş, tarayıcıda bir kez kuralı DESIGN-MENU'nün. */
.vha{display:block;width:100%;height:100%}
.vha *{transform-box:view-box;transform-origin:0 0}
.vha-zemin{fill:#0B4F6C}
.vha-yazi{font-family:Archivo,sans-serif;font-weight:700;font-size:66px;letter-spacing:-.03em;fill:#FFFFFF;dominant-baseline:central;animation:vha-yazi .7s cubic-bezier(.3,0,.3,1) 3.1s both}
.vha-isaret{transform:translate(214.25px,200px) scale(0.55);animation:vha-isaret 3.8s cubic-bezier(.45,0,.3,1) both}
.vha-dilim{animation:vha-dilim 3.8s cubic-bezier(.55,-0.2,.3,1.2) both}
.vha-akim{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-linecap:round;stroke-dasharray:0.14 2;stroke-dashoffset:-1.1;animation:vha-akim 1.75s linear 0.45s both}
.vha-motif{fill:none;stroke:#FFFFFF;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.vha-urun{transform:translate(360px,200px) scale(0)}
.vha-etiket{font-family:Onest,sans-serif;font-weight:600;font-size:12px;fill:#FFFFFF;text-anchor:middle}
@keyframes vha-isaret{0%,7.89%{transform:translate(360px,200px) scale(.55)}19.74%,64.47%{transform:translate(360px,200px) scale(.22)}72.37%,76.32%{transform:translate(360px,200px) scale(.55)}88.16%,100%{transform:translate(214.25px,200px) scale(.55)}}
@keyframes vha-dilim{0%{transform:translateY(0)}7.89%,71.05%{transform:translateY(var(--dy))}76.32%,100%{transform:translateY(0)}}
@keyframes vha-akim{from{stroke-dashoffset:.19}to{stroke-dashoffset:-1.1}}
@keyframes vha-ciz{from{stroke-dashoffset:1;opacity:1}to{stroke-dashoffset:0;opacity:1}}
@keyframes vha-sil{from{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}
@keyframes vha-belir{from{transform:translate(var(--x),var(--y)) scale(0)}to{transform:translate(var(--x),var(--y)) scale(1.6)}}
@keyframes vha-gir{from{transform:translate(var(--x),var(--y)) scale(1.6)}to{transform:translate(360px,200px) scale(0)}}
@keyframes vha-yazi{from{transform:translateX(-280px)}to{transform:translateX(0)}}
.vha-motif-fan{animation:vha-ciz .3s cubic-bezier(.4,0,.2,1) 0.75s both,vha-sil .25s linear 1.15s forwards}
.vha-motif-igk{animation:vha-ciz .3s cubic-bezier(.4,0,.2,1) 0.89s both,vha-sil .25s linear 1.29s forwards}
.vha-motif-kontrol{animation:vha-ciz .3s cubic-bezier(.4,0,.2,1) 1.04s both,vha-sil .25s linear 1.44s forwards}
.vha-motif-sart{animation:vha-ciz .3s cubic-bezier(.4,0,.2,1) 1.25s both,vha-sil .25s linear 1.65s forwards}
.vha-motif-perde{animation:vha-ciz .3s cubic-bezier(.4,0,.2,1) 1.55s both,vha-sil .25s linear 1.95s forwards}
.vha-urun-fan{--x:183px;--y:101px;animation:vha-belir .3s cubic-bezier(.4,0,.3,1.4) 0.95s both,vha-gir .3s cubic-bezier(.6,0,.8,.4) 2.51s forwards}
.vha-urun-igk{--x:360px;--y:60px;animation:vha-belir .3s cubic-bezier(.4,0,.3,1.4) 1.09s both,vha-gir .3s cubic-bezier(.6,0,.8,.4) 2.47s forwards}
.vha-urun-kontrol{--x:537px;--y:101px;animation:vha-belir .3s cubic-bezier(.4,0,.3,1.4) 1.24s both,vha-gir .3s cubic-bezier(.6,0,.8,.4) 2.43s forwards}
.vha-urun-sart{--x:537px;--y:299px;animation:vha-belir .3s cubic-bezier(.4,0,.3,1.4) 1.45s both,vha-gir .3s cubic-bezier(.6,0,.8,.4) 2.39s forwards}
.vha-urun-perde{--x:183px;--y:299px;animation:vha-belir .3s cubic-bezier(.4,0,.3,1.4) 1.75s both,vha-gir .3s cubic-bezier(.6,0,.8,.4) 2.35s forwards}
@media (prefers-reduced-motion:reduce){.vha *{animation:none!important}}