.site-header .menu-toggle{display:none}
@media(max-width:70rem){
 .site-header.navigation-ready{min-height:5.5rem;gap:.75rem;justify-content:space-between}
 .site-header.navigation-ready>.wordmark{flex:0 1 auto;min-width:0;max-width:calc(100% - 3.5rem)}
 .site-header.navigation-ready .brand-name{font-size:clamp(1.45rem,5.8vw,1.7rem)}
 .site-header.navigation-ready .brand-crown{width:2.25rem;height:1.75rem}
 .site-header.navigation-ready .menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.75rem;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--line);border-radius:.65rem;background:transparent;color:var(--ink);cursor:pointer}
 .site-header.navigation-ready .menu-icon-close{display:none}
 .site-header.navigation-ready.navigation-open .menu-icon-open{display:none}
 .site-header.navigation-ready.navigation-open .menu-icon-close{display:block}
 .site-header.navigation-ready:not(.navigation-open)>nav{display:none}
 .site-header.navigation-ready.navigation-open>nav{display:flex;flex-direction:column;align-items:stretch;flex-basis:100%;gap:.25rem;width:100%;padding-block:.75rem .25rem;border-top:1px solid var(--line)}
 .site-header.navigation-ready>nav>a,.site-header.navigation-ready>nav>a:first-child{display:flex;justify-content:flex-start;min-height:2.75rem;padding:.6rem .25rem;font-size:1rem;line-height:1.5}
 .site-header.navigation-ready>nav>.nav-cta{justify-content:center;margin-top:.5rem;padding:.75rem}
}