.header{height:var(--nav-height);position:fixed;top:0;width:100%;z-index:var(--z-index-header);transition:height 300ms ease-in-out;will-change:height}.header .banner{min-height:var(--banner-height-mobile);height:var(--banner-height-mobile)}@media (min-width: 768px){.header .banner{height:var(--banner-height-desktop);min-height:var(--banner-height-desktop)}}.header .banner a{-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:1px;transition:text-underline-offset ease-in-out 150ms}.header .banner a:hover,.header .banner a:active{text-underline-offset:2px}.scroll-mobile-logo{display:none}body.scrolled .mobile-logo,body.scrolled .hidden-on-scroll,body.scrolled .no-scroll-header{display:none}body.scrolled .scroll-mobile-logo,body.scrolled .block-on-hidden{display:block}body.scrolled .header{height:calc(var(--nav-height-mobile-scrolled) + var(--banner-height-mobile))}@media (min-width: 768px){body.scrolled .header{height:calc(var(--nav-height-desktop-scrolled) + var(--banner-height-desktop))}}.header-spacer{height:var(--nav-height)}.header__underlay{position:fixed;height:100vh;top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:var(--z-index-header-underlay);opacity:0;transition:300ms opacity ease-in-out;background-color:rgba(0,0,0,.5);mix-blend-mode:multiply}.header__underlay.active{opacity:1;pointer-events:auto}