/* Tim IT animasyonlu logo */
.timit-logo{position:relative;display:block;width:96px;aspect-ratio:309/205;margin:0}
.timit-logo img{position:absolute;display:block;height:auto!important;max-width:none!important;user-select:none;-webkit-user-drag:none}
.fixed-header .timit-logo .l{animation:tl-inL .8s cubic-bezier(.2,.8,.2,1) both}
.timit-logo .b,.timit-logo .sq{transform-origin:50% 50%}
.fixed-header .timit-logo .b{animation:tl-inB .9s .25s cubic-bezier(.2,.9,.25,1.25) both}
.fixed-header .timit-logo .sq{animation:tl-inS .55s var(--d) cubic-bezier(.2,.9,.3,1.3) both,tl-tw var(--t) calc(var(--d) + var(--td)) ease-in-out infinite}
.timit-logo .shine{position:absolute;inset:0;-webkit-mask:url(../images/logo-anim/mask.png) center/100% 100% no-repeat;mask:url(../images/logo-anim/mask.png) center/100% 100% no-repeat;background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.38) 50%,transparent 55%) no-repeat;background-size:260% 100%;background-position:130% 0;pointer-events:none}
.fixed-header .timit-logo .shine{animation:tl-shine 5s 2.6s ease-in-out infinite}
@keyframes tl-inL{from{opacity:0;transform:translateX(-14%)}to{opacity:1;transform:none}}
@keyframes tl-inB{from{opacity:0;transform:scale(.4) rotate(-35deg)}to{opacity:1;transform:none}}
@keyframes tl-inS{from{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}to{opacity:1;transform:none}}
@keyframes tl-tw{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.28;transform:scale(.78)}}
@keyframes tl-shine{0%{background-position:130% 0}35%,100%{background-position:-30% 0}}
@media (max-width:991px){.timit-logo{width:88px}}
@media (prefers-reduced-motion:reduce){.timit-logo *{animation:none!important}}