:root{--mobile-menu-bg:transparent;&:has(.has-scroll),&:has(.is-menu-open){--mobile-menu-bg:var(--c-base)}}.header{color:var(--c-white);left:0;padding:3.8rem 0;position:fixed;top:0;transition:background-color .3s;width:100%;z-index:13;@media (max-width:1023px){background-color:var(--c-dark);padding-bottom:2.1rem;padding-left:0;padding-right:0;padding-top:3.8rem;position:fixed}@media (max-width:767px){padding-bottom:1.6rem;padding-left:0;padding-right:0;padding-top:1.6rem}& .header__inner{align-items:center;display:flex;@media (max-width:1023px){align-items:flex-end}.menu{@media (min-width:1024px){flex-grow:1;width:10%}}.nav-trigger{margin-left:auto}}.logo{@media (max-width:1200px){@media (min-width:1024px){max-width:15rem}}@media (max-width:767px){max-width:21.1rem}}}.is-page-scrolled .header,body:has(.hs-blog-post) .header,body:has(.is-header-solid) .header,body:has(.section--404) .header,body:has(.section-system--search) .header{background-color:var(--c-dark)}body:has(.hs-blog-post),body:has(.is-header-solid),body:has(.section--404),body:has(.section-system--search){.body-wrapper{padding-top:var(--header-height,12.8rem)}}