header .mobile-join{display:none}
@media(min-width:901px){body[class] header{gap:24px}body[class] header nav{gap:24px}body[class] header nav a{white-space:nowrap;font-size:15px}}
@media(max-width:900px){
 body[class] header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:0 12px;padding:16px 22px;min-height:80px;background:#fff}
 body[class] header .brand{font-size:27px;letter-spacing:-1.2px;white-space:nowrap}
 body[class] header .mobile-join{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:7px;font-size:15px;line-height:1.4;white-space:nowrap}
 body[class] header .menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid #e5deda;border-radius:7px;background:#fff;color:var(--ink)}
 .menu-icon{display:flex;flex-direction:column;gap:5px;width:22px}
 .menu-icon span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
 .menu[aria-expanded="true"] .menu-icon span:first-child{transform:translateY(7px) rotate(45deg)}
 .menu[aria-expanded="true"] .menu-icon span:nth-child(2){opacity:0}
 .menu[aria-expanded="true"] .menu-icon span:last-child{transform:translateY(-7px) rotate(-45deg)}
 body[class] header #navigation{grid-column:1/-1;gap:0;width:100%;padding:0;min-width:0}
 body[class] header #navigation.open{display:flex;margin-top:16px;border-top:1px solid var(--line)}
 body[class] header #navigation a{display:flex;align-items:center;min-height:48px;padding:12px 2px;font-size:16px;border-bottom:1px solid #eee8e4;text-decoration:none}
 body[class] header #navigation .desktop-join{display:none}
 header .menu:focus-visible,header .mobile-join:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
}
@media(max-width:370px){body[class] header{padding-inline:16px;gap:0 8px}body[class] header .brand{font-size:21px}body[class] header .mobile-join{padding-inline:11px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.menu-icon span{transition:none}}
