.nav .wordmark{white-space:nowrap;flex-shrink:0}
.nav .brand-name{color:#f7f5ef}
.nav .brand-name span{color:var(--gold)}
.nav .menu-toggle{display:none}
@media(max-width:760px){
  .nav .shell{min-height:64px;flex-wrap:wrap;column-gap:12px;row-gap:0;padding-block:10px}
  .nav .wordmark{font-size:clamp(11px,3.1vw,14px);letter-spacing:.025em;gap:8px}
  .nav .brand-logo{width:34px;height:34px;margin-right:0}
  .nav .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid #bc975c70;border-radius:6px;background:#101b27;color:#e3c48b;font-size:12px;font-weight:700;cursor:pointer}
  .nav .menu-toggle[aria-expanded="true"]{background:#17352b;border-color:#42d195;color:#d7efdf}
  .nav #site-nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--edge);font-size:13px}
  .nav #site-nav a{display:block;min-height:44px;padding:11px 13px;background:#101b27;border:1px solid #263143;border-radius:6px}
  .nav[data-menu-ready="true"] #site-nav{display:none}
  .nav[data-menu-ready="true"][data-menu-open="true"] #site-nav{display:grid}
}