header{position:fixed;inset:0 0 auto 0;padding:1rem 2rem;background-color:rgba(0,0,0,0);z-index:9;overflow:hidden;transition:background 300ms linear,padding 300ms linear}header.fixed{background-color:#003f7d}header strong{font-weight:700}header .content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:32px;max-width:1440px;margin-inline:auto}header .content a.logo{color:#eee;font-size:1.5rem;text-transform:uppercase;margin-right:2rem;line-height:1;font-weight:200}header .content a.logo strong{display:inline-block;white-space:nowrap}@media only screen and (width < 430px){header .content a.logo{font-size:1rem}}header .content #overlay{z-index:8;opacity:0;position:fixed;inset:0 0 0 0;background-color:rgba(0,0,0,.4);backdrop-filter:blur(3px);overflow:hidden;pointer-events:none;transition:opacity 500ms ease-in-out}header .content #overlay.show{opacity:1;pointer-events:all}header #navbar{z-index:9}header #navbar ul{margin:0;padding:0;list-style:none}header #navbar li{position:relative;list-style:none;width:max-content;vertical-align:middle}header #navbar a{font-weight:500}header #navbar .level_1 i{margin-right:.5em;transform:scale(0.8)}header #navbar .level_1 a{color:#eee;text-transform:uppercase;transition:color 150ms linear;padding-inline:.5em}header #navbar .level_1 a::before{content:none;height:2px;bottom:-3px;background-color:#eee}header svg{height:80px;position:absolute;width:80px}header #burger{z-index:9;height:80px;width:80px;flex-basis:60px;transform:scale(0.75)}header #burger .burger{filter:url(#gooeyness)}header #burger .line1{stroke-dasharray:21 185.627532959;transition-delay:0}header #burger .line2{stroke-dasharray:21 178.6514129639;transition-delay:45ms}header #burger .line3{stroke-dasharray:21 197.9242553711;transition-delay:90ms}header #burger .line4{stroke-dasharray:21 190.6597137451;transition-delay:135ms}header #burger .line5{stroke-dasharray:21 208.5287475586;transition-delay:180ms}header #burger .line6{stroke-dasharray:21 186.5970306396;transition-delay:225ms}header #burger.active .line1{stroke-dasharray:5 185.627532959;stroke-dashoffset:-141px}header #burger.active .line2{stroke-dasharray:5 178.6514129639;stroke-dashoffset:-137px}header #burger.active .line3{stroke-dasharray:5 197.9242553711;stroke-dashoffset:-176px}header #burger.active .line4{stroke-dasharray:5 190.6597137451;stroke-dashoffset:-159px}header #burger.active .line5{stroke-dasharray:5 208.5287475586;stroke-dashoffset:-139px}header #burger.active .line6{stroke-dasharray:5 186.5970306396;stroke-dashoffset:-176px}header #burger.active .x{transition:transform 600ms 375ms}header .x{transform:scale(0);transition:transform 600ms}header .x .line{stroke-width:5.5px}header .line{fill:none;stroke:#eee;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;transition:stroke-dasharray 750ms 300ms,stroke-dashoffset 750ms 300ms,transform 750ms 300ms}header .active .line{transition:stroke-dasharray 750ms,stroke-dashoffset 750ms,transform 750ms}header .active .x{transform:scale(1);transition:transform 600ms 525ms}@media only screen and (width <= 1145px){header:has(.open) img{opacity:0;transition:opacity 300ms ease-in-out}header #navbar{position:fixed;inset:0 auto 0 0;transform:translateX(-100%);width:33%;min-width:240px;max-width:300px;padding:2rem;background:#003f7d;transition:transform 500ms ease-in-out}header #navbar.open{transform:translateX(0)}header #navbar li:not(:last-child){margin-bottom:2rem}}@media only screen and (width > 768px){header{padding-inline:3rem}}@media only screen and (width > 1145px){header{padding-inline:5rem}header .content img{height:32px}header .content #navbar{height:max-content}header .content #navbar a{display:block}header .content #navbar li{display:inline-block}header .content #navbar li:not(:first-child){margin-left:2.5rem}header .content #navbar .level_1 a::before{content:""}header .content #overlay{display:none}header .content svg{display:none}header .content #burger{display:none}}@media only screen and (width > 1440px){header{padding-inline:7rem}}
