header{--header-background:transparent;--header-color:var(--c-light);width:100vw;height:var(--navbar-height);background:var(--header-background);z-index:10;justify-content:center;align-items:center;transition:height .3s;display:flex;position:fixed;top:0}.header-mono{--header-background:var(--background);--header-color:var(--foreground)}header nav{width:100%;max-width:var(--max-content-width);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.scrolled-nav{--header-background:rgba(from var(--background)r g b/.97);--header-color:var(--foreground);border-bottom:1px solid rgba(from var(--foreground)r g b/.1);--navbar-height:60px}.sub-nav{gap:4em;display:flex}.nav-right{justify-self:end}header img{height:calc(var(--navbar-height)*.5);object-fit:contain}header a{color:var(--header-color);position:relative}.sub-nav a:after{content:"";border-bottom:1px solid var(--c-primary);opacity:0;width:90%;height:0;transition:all .3s;position:absolute;bottom:-10px;left:5%}.sub-nav a:hover:after{opacity:1;bottom:-5px}.dropdown-header{position:relative}.dropdown-header-title{padding:1em 0}.dropdown-header-title:after{bottom:calc(1em - 10px)!important}.dropdown-header-title:hover:after{bottom:calc(1em - 5px)!important}#services-dropdown{background-color:var(--header-background);border:1px solid rgba(from var(--foreground)r g b/.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:0 0 12px 12px;width:150px;margin:0;padding:3em;list-style:none;position:absolute;top:calc(100% + 1em);left:0}#services-dropdown li{margin-top:1em}.btn-mobile-nav{background:var(--c-light);aspect-ratio:1;height:25px;display:none}.mobile-nav{background:var(--header-background);border-top:1px solid rgba(from var(--foreground)r g b/.3);top:var(--navbar-height);width:calc(100vw - 4rem);height:calc(100vh - var(--navbar-height));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);visibility:hidden;transition:all .3s;display:none;position:absolute;left:0;transform:translate(100%)}.mobile-nav .mobile-nav-item{width:100%}.mobile-nav .mobile-nav-item a,.mobile-nav .mobile-nav-item p{width:100%;color:var(--background);justify-content:space-between;align-items:center;padding:.5em 0;display:flex}.mobile-nav .mobile-nav-item i{background:var(--background);width:1em;height:1em;rotate:-90deg;-webkit-mask-image:url(/icons/down.png);mask-image:url(/icons/down.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mobile-nav .expanded-dropdown{width:100%;height:0;transition:height .5s;overflow:hidden}.mobile-nav .expanded-dropdown a{padding:.75em 0;text-align:center!important}.mobile-nav .expanded-dropdown.expanded{height:22.5rem}.scrolled-nav .mobile-nav{background:rgba(from var(--foreground)r g b/.97);border:none}.scrolled-nav .mobile-nav a{color:var(--background)}.scrolled-nav .btn-mobile-nav{background:var(--foreground)}@media not (min-width:1000px){.nav-left,.nav-right{display:none}.btn-mobile-nav{-webkit-mask-image:url(/icons/menu.svg);mask-image:url(/icons/menu.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;display:block!important}.mobile-nav{flex-direction:column;align-items:end;gap:2em;padding:2rem;display:flex}.mobile-nav.displayed{visibility:visible;transform:translate(0%)}nav{justify-content:space-between!important;display:flex!important}}