header{flex:none;position:sticky;inset:0 0 auto 0;padding:1rem 2rem;background-color:#495464;z-index:9;overflow:hidden;transition:background 300ms linear,padding 300ms linear}header img{height:32px;transition-duration:.5s;z-index:1}header img:hover{transform:scale(1.1)}header .content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:32px;max-width:1440px;margin-inline:auto}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}header #navbar a{font-size:1.125rem;font-weight:500}header #navbar .level_1 i{margin-right:.5em;transform:scale(0.8)}header #navbar .level_1 i.small{transform:scale(0.75)}header #navbar .level_1 a{color:#f4f4f2;text-transform:uppercase;transition:color 150ms linear}header #navbar .level_1 a:hover{color:#e6b31e}header #navbar .level_1 a::before{height:3px;bottom:0}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:#fff;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 <= 768px){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:#495464;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}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 #overlay{display:none}header .content svg{display:none}header .content #burger{display:none}}@media only screen and (width > 1024px){header{padding-inline:5rem}}@media only screen and (width > 1440px){header{padding-inline:7rem}}