/* Shared header: home and sponsorship landing. */
.header{--line:#292e29;--muted:#a1aaa3;--white:#f5f6f2;--green:#c2cf1f;--blue:#1498cc;--kit-center:.2em;--control-py:12px;box-sizing:border-box;width:100%;max-width:none;margin:0;height:auto;min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:18px 24px;border-bottom:1px solid var(--line);font:400 16px/1.45 "kit-rounded",system-ui,sans-serif}
.header .brand{display:flex;flex-direction:column;align-items:center;gap:10px;width:max-content;flex:0 0 auto}
.header .brand img{display:block;width:122px;height:122px;max-width:100%;object-fit:contain;flex:0 0 auto}
.header .menu-toggle{display:none}
.header nav{margin:0;padding:0;display:flex;align-items:center;justify-content:flex-end;gap:28px;flex-wrap:wrap;font-size:14px;border:0}
.header nav a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:14.8px 0 9.2px!important;margin:0;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:400;line-height:1.25!important;white-space:normal;text-align:center}
.header nav a.current{padding:14.8px 16px 9.2px!important;border:1px solid #59632b;border-radius:6px;color:var(--green)}
.header nav a:not(.current):hover{color:var(--white)}
.header .header-socials{display:flex;flex-wrap:wrap;flex:0 0 100%;gap:10px 24px;justify-content:flex-end;margin:0;padding:0}
.header .header-socials a{display:inline-flex;align-items:center;gap:.65em!important;min-height:44px;font-size:14px;font-weight:400;line-height:1.45;color:var(--blue);text-decoration:none;border:0}
.header .header-socials a:hover{color:#68c8eb}
.header .ui-icon{display:block;width:1em;height:1em;flex:none;stroke-width:3;transform:none}
.header a,.header button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .18s,border-color .18s,color .18s}
.header a:focus-visible,.header button:focus-visible{outline:3px solid #f7ad1c;outline-offset:4px}
.header [hidden]{display:none!important}
@media(min-width:761px){
 .header{width:calc(100% - 64px);max-width:1440px;margin-inline:auto;display:grid;grid-template-columns:129px minmax(0,1fr);grid-template-rows:1fr 1fr;gap:0 24px;height:158px;padding:14px 48px}
 .header .brand{grid-column:1;grid-row:1 / 3;align-self:center}
 .header .brand img{width:129px;height:129px}
 .header nav{grid-column:2;grid-row:1;align-self:end;justify-self:end}
 .header .header-socials{grid-column:2;grid-row:2;align-self:start;justify-self:end}
}
@media(max-width:760px){
 .header .menu-toggle:not([hidden]){display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:14.8px 16px 9.2px!important;margin-left:auto;border:1px solid #48513d;border-radius:6px;background:#101610;color:var(--white);font:700 14px/1.25 "kit-rounded",system-ui,sans-serif;cursor:pointer}
 .header .menu-icon{display:flex;flex-direction:column;gap:6px;width:19px;transform:translateY(-3px)}
 .header .menu-icon i{display:block;width:19px;height:2px;background:currentColor;transition:transform .15s}
 .header .menu-toggle[aria-expanded="true"] .menu-icon i:first-child{transform:translateY(4px) rotate(45deg)}
 .header .menu-toggle[aria-expanded="true"] .menu-icon i:last-child{transform:translateY(-4px) rotate(-45deg)}
 .header nav,.header:has(.menu-toggle) nav{order:2;display:grid;grid-template-columns:1fr 1fr;flex:1 0 100%;width:100%;gap:8px;padding:16px 0 0;border-top:1px solid var(--line);flex-wrap:nowrap}
 .header nav a,.header nav a:first-child,.header nav a.current{display:flex;min-height:48px;margin:0;padding:15px 12px 9px!important;border:1px solid #293326;border-radius:6px;font-size:15px;font-weight:700;line-height:1.25!important}
 .header nav a.current{background:#202717;border-color:#485021;color:var(--green)}
 .header .header-socials{order:1;justify-content:space-between;gap:4px 12px;padding:6px 0 0;border-top:1px solid var(--line)}
 .header .header-socials a{font-size:13px}
}
@media(max-width:360px){.header{padding:16px 20px}.header .brand img{width:110px;height:110px}.header .menu-toggle:not([hidden]){padding-inline:12px!important;gap:10px}}
@media(prefers-reduced-motion:reduce){.header a,.header button,.header .menu-icon i{transition:none}}
@media print{.header{display:none}}

/* Sponsorship header without social links. */
@media(min-width:761px){.header.header-clean{grid-template-rows:1fr}.header.header-clean .brand{grid-row:1}.header.header-clean nav{grid-row:1;align-self:center}}

/* Collapse before the first paint, while retaining navigation without JavaScript. */
@media (scripting:enabled) and (max-width:760px){.header .menu-toggle[aria-expanded="false"]~nav{display:none}}