.animated-logo{width:100%;background-color:rgba(0,0,0,.1);aspect-ratio:1724/169;-webkit-mask-image:url(/images/zentix_soft.svg);mask-image:url(/images/zentix_soft.svg);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:relative;transition:all 1s cubic-bezier(.165,.84,.44,1);transform-origin:bottom}.animated-logo:after{content:"";top:0;left:0;position:absolute;filter:blur(100px);width:100rem;height:100rem;border-radius:100%;transform:translate3d(calc(var(--x, -100%) * 1px - 50rem),calc(var(--y, -100%) * 1px - 50rem),0);background:radial-gradient(circle at center,rgba(0,0,0,.8),rgba(0,0,0,.5),rgba(0,0,0,0))}.header-nav{background:rgba(255,255,255,.8);backdrop-filter:blur(30px)}.mobile-menu{position:relative;isolation:isolate}.mobile-menu__btn{position:relative;background-color:var(--accent-secondary);border-radius:.5rem;align-items:center;line-height:1;padding:.75rem .5rem}.mobile-menu__btn>span{position:relative;width:18px;height:2px;background-color:var(--foreground);border-radius:.5rem}.mobile-menu__btn>span:after,.mobile-menu__btn>span:before{content:"";position:absolute;display:block;background-color:var(--foreground);width:100%;height:100%;transition:all .4s ease-out;left:0}.mobile-menu__btn>span:before{top:-5px}.mobile-menu__btn>span:after{bottom:-5px}.mobile-menu[data-state=open] .mobile-menu__btn>span{background-color:rgba(0,0,0,0)}.mobile-menu[data-state=open] .mobile-menu__btn>span:before{top:0;transform:rotate(45deg)}.mobile-menu[data-state=open] .mobile-menu__btn>span:after{bottom:0;transform:rotate(-45deg)}.mobile-menu__menu{position:absolute;min-width:13.125rem;background-color:var(--accent-secondary);top:0;right:0;transform:scale(0);transform-origin:top right;opacity:0;padding:3rem .5rem .5rem;z-index:-1;transition:all .4s ease-out}.mobile-menu[data-state=open] .mobile-menu__menu{transform:scale(1);opacity:1}.mobile-menu__menu-link{width:100%;justify-content:flex-start;text-transform:uppercase}