.header{position:fixed;top:0;left:0;width:100%;z-index:9}.header__main{padding:1rem 0;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header__main-wrapper{display:flex;justify-content:space-between;align-items:center}.header__logo{aspect-ratio:auto 982/273;width:10rem;height:3.8rem}@media screen and (min-width: 1200px){.header__logo{width:14rem}}.header__logo img{width:100%;height:100%;transition:all 200ms ease}.header__logo:hover img{transform:scale(1.04)}.header__menu ul{margin:0;padding:0;display:flex;gap:3rem}.header__menu ul li{list-style-type:none;display:inline-block}.header__menu ul li a{position:relative;color:#fff;text-decoration:none;display:inline-block;font-weight:600;font-size:1rem}.header__menu ul li a::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .35s ease,opacity .35s ease;opacity:0}.header__menu ul li a:hover{color:var(--primary-color)}.header__menu ul li a:hover::after{transform:scaleX(1);transform-origin:left;opacity:1}.header__menu ul li a:not(:hover)::after{transform-origin:right}.header__menu-toggle{width:2rem;height:2rem}.header__menu-toggle svg{fill:#fff}.header__menu-toggle:hover svg{cursor:pointer;fill:var(--primary-color);transition:all 200ms ease}.header__menu-toggle .open-mobile-menu{display:block}.header__menu-toggle .close-mobile-menu{display:none}.header__menu-toggle--active .open-mobile-menu{display:none}.header__menu-toggle--active .close-mobile-menu{display:block}.mobile-menu{position:fixed;width:100%;height:100%;padding:5rem 2rem 2rem 2rem;top:-100%;left:0;z-index:8;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all 200ms ease}.mobile-menu--active{top:92px}.mobile-menu ul{padding:0;margin:0}.mobile-menu ul li{list-style-type:none;margin-bottom:1.2rem}.mobile-menu ul li a{font-weight:600;color:#fff}.mobile-menu ul li a:hover{text-decoration:none;color:var(--primary-color)}.banner{padding-top:93px;width:100%;background-color:var(--primary-color);background-size:cover}.banner svg .st0{animation-name:pulse;animation-duration:4s;animation-iteration-count:infinite}@keyframes pulse{0%{fill:rgba(0,0,0,0)}50%{fill:#fff}100%{fill:rgba(0,0,0,0)}}/*# sourceMappingURL=header.css.map */