@media(max-width:1100px){header nav{gap:20px}}
@media(max-width:850px){header{flex-wrap:wrap}header nav{display:flex!important;order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:12px 20px!important;border-top:1px solid var(--line);padding-top:16px}header .mobile-world{display:none!important}header nav a{font-size:14px}}
/* Shared header wordmark: preserve its lettering and small subtitle size. */
header .logo small{font-family:inherit;font-weight:inherit;font-style:inherit;position:relative;left:54px;width:max-content}

@media(max-width:680px){header .logo small{left:44px}}
