/* GENERATED by scripts/extract-header-css.py from site.css (site.css 5b64ad83b3e5a4d5). Do not edit; edit site.css and rerun. */
@font-face{font-family:Helm;src:url(/assets/redesign/display.woff2) format('woff2'),url(/assets/redesign/display.ttf) format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Deck;src:url(/assets/redesign/body.woff2) format('woff2'),url(/assets/redesign/body.ttf) format('truetype');font-weight:400;font-display:swap}
.header,.mobile-nav{--black:#090d0f;--white:#f0f0e9;--muted:#9da9a9;--sea:#b6d2c6;--line:#ffffff24;--gutter:5vw;--sans:Deck,Arial,sans-serif;--display:Helm,Arial,sans-serif;font-family:var(--sans);color:var(--white);box-sizing:border-box}
@media(min-width:1800px){.header,.mobile-nav{--gutter:max(5vw,calc((100vw - 1600px)/2))}}
@media(max-width:750px){.header,.mobile-nav{--gutter:6vw}}
.header *,.mobile-nav *{box-sizing:border-box}
.header a,.mobile-nav a{color:inherit;text-decoration:none}
.header svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.header .arrow-icon{width:21px;height:21px;flex-shrink:0;transition:transform .3s}
.header a:hover .arrow-icon{transform:translate(3px,-3px)}
.header .menu-toggle{color:inherit;font-family:inherit;cursor:pointer}
.header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--black)}
.brand{display:flex;gap:14px;align-items:center}
.brand>span{font:500 20px/1.3 var(--display);letter-spacing:.12em}
.brand small{display:block;font:8px/1.8 var(--sans);letter-spacing:.31em;color:var(--muted);margin-top:2px}
.wheel{width:44px;height:44px}
.header nav{display:flex;gap:32px}
.header nav a{font-size:13px}
.header nav a span{font-size:9px;margin-left:7px;vertical-align:super;color:#80918e}
.header-contact{font-size:13px;border-bottom:1px solid #ffffff60;padding:8px 0;display:flex;align-items:center;gap:20px}
.menu-toggle{display:none}
.mobile-nav[hidden]{display:none}
.skip{position:fixed;z-index:100;top:-100px;left:20px;background:var(--sea);color:var(--black);padding:12px}
.skip:focus{top:10px}
@media(max-width:1100px){.header nav{gap:20px}}
@media(max-width:1100px){.header-contact{display:none}}
@media(max-width:750px){.header{height:88px}}
@media(max-width:750px){.brand>span{font-size:17px}}
@media(max-width:750px){.brand small{font-size:7px}}
@media(max-width:750px){.wheel{width:36px;height:36px}}
@media(max-width:750px){.header nav{display:none}}
@media(max-width:750px){.menu-toggle{display:flex;gap:15px;align-items:center;padding:12px 0 12px 12px;background:none;border:0;font-size:12px}}
@media(max-width:750px){.menu-lines{position:relative;width:22px;height:12px;border-top:1px solid var(--sea);border-bottom:1px solid var(--sea)}}
@media(max-width:750px){.menu-toggle[aria-expanded=true] .menu-lines{border:0}}
@media(max-width:750px){.menu-toggle[aria-expanded=true] .menu-lines:before,.menu-toggle[aria-expanded=true] .menu-lines:after{content:"";position:absolute;top:5px;left:0;width:22px;height:1px;background:var(--sea);transform:rotate(45deg)}}
@media(max-width:750px){.menu-toggle[aria-expanded=true] .menu-lines:after{transform:rotate(-45deg)}}
@media(max-width:750px){.mobile-nav:not([hidden]){position:absolute;top:88px;left:0;width:100%;display:flex;flex-direction:column;background:#10181a;padding:30px var(--gutter);gap:18px;z-index:20;border-bottom:1px solid var(--line)}}
@media(max-width:750px){.mobile-nav a{font-size:25px}}
@media(max-width:360px){.brand{gap:10px}}
@media(max-width:360px){.brand>span{font-size:15px}}
.header{position:sticky;top:0;z-index:40}
@media(max-width:750px){.mobile-nav:not([hidden]){position:fixed;top:88px;z-index:39;max-height:calc(100dvh - 88px);overflow-y:auto}}
.header nav{gap:22px}
@media(min-width:751px) and (max-width:1150px){.header nav{gap:14px}}
@media(min-width:751px) and (max-width:1150px){.header nav a span{display:none}}
@media(min-width:751px) and (max-width:1150px){.header-contact{font-size:11px;gap:8px}}
@media(min-width:751px) and (max-width:1150px){.brand>span{font-size:17px}}
.header nav a,.header-contact{font-size:16px}
.header nav{gap:24px}
.header-contact{gap:12px}
.header nav a{padding:10px 0}
.brand small{font-size:10px}
@media(min-width:751px) and (max-width:1150px){.header{height:auto;min-height:105px;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}}
@media(min-width:751px) and (max-width:1150px){.header-contact{font-size:15px}}
@media(min-width:751px) and (max-width:1150px){.header nav a{font-size:15px}}
@media(min-width:751px) and (max-width:1150px){.header nav{gap:18px}}
@media(max-width:750px){.header{height:88px}}
@media(max-width:750px){.menu-toggle{font-size:16px}}
.header nav a[aria-current="page"],.mobile-nav a[aria-current="page"]{color:var(--sea)}
.header .brand{flex-shrink:0;max-width:65%}
.brand-logo{display:block;width:270px;height:auto;mix-blend-mode:screen}
@media(max-width:1150px){.brand-logo{width:230px}}
@media(max-width:750px){.brand-logo{width:210px}}
@media(max-width:360px){.brand-logo{width:185px}}
.header-contact-short{display:none}
@media(min-width:751px) and (max-width:1100px){.header-contact{display:flex}}
@media(min-width:751px) and (max-width:1100px){.header-contact-long{display:none}}
@media(min-width:751px) and (max-width:1100px){.header-contact-short{display:inline}}
@media(min-width:900px) and (max-width:1023px){.header{flex-wrap:nowrap;gap:16px}}
@media(min-width:900px) and (max-width:1023px){.header nav{gap:12px}}
@media(min-width:900px) and (max-width:1023px){.header nav a,.header-contact{font-size:14px}}
@media(min-width:900px) and (max-width:1023px){.header-contact{gap:8px}}
@media(min-width:900px) and (max-width:1023px){.brand-logo{width:160px;height:auto}}
@media(min-width:751px) and (max-width:899px){.header nav,.header-contact{display:none!important}}
@media(min-width:751px) and (max-width:899px){.menu-toggle{display:flex;gap:15px;align-items:center;padding:12px 0 12px 12px;background:none;border:0;font-size:16px}}
@media(min-width:751px) and (max-width:899px){.mobile-nav:not([hidden]){position:fixed;top:105px;left:0;width:100%;display:flex;flex-direction:column;background:#10181a;padding:30px var(--gutter);gap:18px;z-index:39;border-bottom:1px solid var(--line);max-height:calc(100dvh - 105px);overflow-y:auto}}
@media(min-width:751px) and (max-width:899px){.mobile-nav a{font-size:25px}}
@media(min-width:751px) and (max-width:899px){.menu-lines{position:relative;width:22px;height:12px;border-top:1px solid var(--sea);border-bottom:1px solid var(--sea)}}
@media(min-width:751px) and (max-width:899px){.menu-toggle[aria-expanded=true] .menu-lines{border:0}}
@media(min-width:751px) and (max-width:899px){.menu-toggle[aria-expanded=true] .menu-lines:before,.menu-toggle[aria-expanded=true] .menu-lines:after{content:"";position:absolute;top:5px;left:0;width:22px;height:1px;background:var(--sea);transform:rotate(45deg)}}
@media(min-width:751px) and (max-width:899px){.menu-toggle[aria-expanded=true] .menu-lines:after{transform:rotate(-45deg)}}