/* Shared header (Howard 26 Oct 22:17): one logo size/weight/position and nav metrics on every page, home page as the standard.
   Loaded LAST on every page by header_fix.py so it wins over home.css / story.css. Plus the mobile menu (below 860px). */
nav.page,header nav{height:64px}
nav.page{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,64px);gap:26px}
nav .logo,nav.page .logo{font:800 20px/24px var(--disp);letter-spacing:-.04em;font-variation-settings:"wdth" 75;margin-right:auto;text-decoration:none;color:inherit}
nav.page a.hm{font-size:.92rem}
nav.page .btn{padding:9px 15px;font-size:.85rem;margin-left:2px}
.mnav-btn{display:none}
@media (max-width:860px){
 nav.page,header nav{height:64px;gap:12px}
 .mnav-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:transparent;color:var(--ink,#0A0A0A);cursor:pointer;-webkit-tap-highlight-color:transparent}
 .mnav-btn:focus-visible{outline:2px solid var(--blue,#1D3FB8);outline-offset:2px}
 .mnav-btn svg{width:24px;height:24px;display:block}
 .mnav-btn .x{display:none}.mnav-btn[aria-expanded="true"] .x{display:block}.mnav-btn[aria-expanded="true"] .b{display:none}
}
.mnav{position:fixed;left:0;right:0;bottom:0;top:64px;z-index:58;background:#fff;color:var(--ink,#0A0A0A);overflow-y:auto;overscroll-behavior:contain;
 padding:10px clamp(20px,4vw,64px) 32px;border-top:1px solid #E6E6E6;display:none}
.mnav.open{display:block}
.mnav a{display:flex;align-items:center;min-height:52px;font:700 22px var(--disp);letter-spacing:-.02em;font-variation-settings:"wdth" 85;color:inherit;text-decoration:none;border-bottom:1px solid #E6E6E6}
.mnav a.mnav-cta{justify-content:center;margin-top:22px;border:2px solid var(--ink,#0A0A0A);background:var(--yel,#FFF200);font-size:18px;min-height:52px}
html.mnav-lock,html.mnav-lock body{overflow:hidden}
@media (min-width:861px){.mnav{display:none!important}}