/* itinayla açılış introsu. Üretildi: brand/motion/src/build_motion.py (tokens.json). Elle değiştirmeyin.
   Öğe yalnız intro.js ile eklenir; bu dosya tek başına sayfada hiçbir şeyi gizlemez.
   Zaman çizelgesi: giriş 0-120 ms, logo 100-1100 ms, çıkış 1160-1440 ms. */
.itn-intro{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:#F7F7F3;color:#452A86;cursor:default;animation:itn-in-giris 120ms cubic-bezier(0.2, 0, 0, 1) both,itn-in-cikis 280ms cubic-bezier(0.4, 0, 1, 1) 1160ms forwards}
.itn-intro--atla{pointer-events:none;animation:itn-in-atla 180ms cubic-bezier(0.4, 0, 1, 1) forwards}
.itn-intro__logo{display:block;width:clamp(220px,40vw,360px);height:auto;overflow:visible}
@keyframes itn-in-giris{from{opacity:0}to{opacity:1}}
@keyframes itn-in-cikis{to{opacity:0;visibility:hidden}}
@keyframes itn-in-atla{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.itn-intro{display:none}}
.itn-intro .itn-on,.itn-intro .itn-boyun{opacity:0}
.itn-intro .itn-kat,.itn-intro .itn-nokta,.itn-intro .itn-harf{transform-box:view-box;transform-origin:0 0}
.itn-intro .itn-harf{animation:itn-in-belir 300ms cubic-bezier(0.2, 0, 0, 1) both}
.itn-intro .itn-d0{animation-delay:100ms}
.itn-intro .itn-d1{animation-delay:125ms}
.itn-intro .itn-d2{animation-delay:150ms}
.itn-intro .itn-d3{animation-delay:175ms}
.itn-intro .itn-d4{animation-delay:200ms}
.itn-intro .itn-d5{animation-delay:225ms}
.itn-intro .itn-d6{animation-delay:250ms}
.itn-intro .itn-d7{animation-delay:275ms}
.itn-intro .itn-kat{animation:itn-in-kat 500ms linear 350ms both}
.itn-intro .itn-on{animation:itn-in-on 500ms step-end 350ms both}
.itn-intro .itn-arka{animation:itn-in-arka 500ms step-end 350ms both}
.itn-intro .itn-boyun{animation:itn-in-boyun 100ms linear 780ms both}
.itn-intro .itn-nokta{animation:itn-in-nokta 240ms cubic-bezier(0.3, 0, 0, 1) 860ms both}
@keyframes itn-in-belir{from{opacity:0;transform:translate(0,59.6px)}to{opacity:1;transform:none}}
@keyframes itn-in-kat{0%{transform:scale(1,-1.0000)}4.167%{transform:scale(1,-1.0000)}8.333%{transform:scale(1,-0.9998)}12.5%{transform:scale(1,-0.9990)}16.667%{transform:scale(1,-0.9963)}20.833%{transform:scale(1,-0.9897)}25%{transform:scale(1,-0.9754)}29.167%{transform:scale(1,-0.9467)}33.333%{transform:scale(1,-0.8923)}37.5%{transform:scale(1,-0.7938)}41.667%{transform:scale(1,-0.6238)}45.833%{transform:scale(1,-0.3551)}50%{transform:scale(1,-0.0000)}54.167%{transform:scale(1,0.3551)}58.333%{transform:scale(1,0.6238)}62.5%{transform:scale(1,0.7938)}66.667%{transform:scale(1,0.8923)}70.833%{transform:scale(1,0.9467)}75%{transform:scale(1,0.9754)}79.167%{transform:scale(1,0.9897)}83.333%{transform:scale(1,0.9963)}87.5%{transform:scale(1,0.9990)}91.667%{transform:scale(1,0.9998)}95.833%{transform:scale(1,1.0000)}100%{transform:scale(1,1.0000)}}
@keyframes itn-in-on{0%{opacity:1}50%{opacity:0}100%{opacity:0}}
@keyframes itn-in-arka{0%{opacity:0}50%{opacity:1}100%{opacity:1}}
@keyframes itn-in-boyun{from{opacity:1}to{opacity:0}}
@keyframes itn-in-nokta{from{opacity:0;transform:translate(0,-119.2px)}55%{opacity:1}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.itn-intro .itn-harf,.itn-intro .itn-kat,.itn-intro .itn-on,.itn-intro .itn-arka,.itn-intro .itn-boyun,.itn-intro .itn-nokta{animation:none}}