.top-sec{position:fixed;top:0;width:100%;z-index:1}.top-sec .inner{display:flex;gap:4rem;flex-direction:column;height:auto;justify-content:space-between;position:relative;padding:3.6rem 0 2.4rem}.top-sec .inner .logo{position:relative;width:16rem;animation:logoFadeIn .8s ease forwards}.top-sec .inner .logo span{display:block;position:absolute;top:-3rem;border-radius:50%;border:.1rem solid #fff;animation:dotAnim .5s ease-out forwards;opacity:0;right:4.7rem;width:.4rem;height:.4rem}.top-sec .inner .logo .artschool-text{position:absolute;right:0rem;opacity:0;bottom:-3rem;animation:textAnim .5s ease-out .5s forwards;width:5.7rem}.top-sec .inner .logo .gallery-text{width:4.8rem;margin-top:.3rem;position:absolute;bottom:-3rem;right:0;opacity:0;animation:textAnim2 .5s ease-out 1s forwards}.top-sec .inner .logo:hover span{animation:dotAnimHover .5s ease-out forwards;opacity:0;top:-3rem}.top-sec .inner .logo:hover .artschool-text{opacity:0;animation:textAnimHover .5s ease-out .5s forwards;bottom:-3rem}.top-sec .inner .logo:hover .gallery-text{opacity:0;animation:textAnim2Hover .3s ease-out 1s forwards;bottom:-3rem}@media only screen and (min-width: 769px){.top-sec .inner{padding:6rem 0 3.6rem}.top-sec .inner .logo{width:24rem}.top-sec .inner .logo span{right:7rem;width:5.76px;height:5.76px}.top-sec .inner .logo .artschool-text{width:auto}.top-sec .inner .logo .gallery-text{width:5.8rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-top-sec.css.map */