.nav-toggle { display:none; }
@media(max-width:1100px) {
  body .site-header { flex-wrap:wrap; gap:12px; }
  body .site-header .site-nav { display:flex; flex-direction:column; align-items:stretch; width:100%; gap:4px; }
  body .site-header .site-nav a[href] { display:block; padding:13px 16px; font-size:15px; line-height:1.4; text-align:left; border-radius:5px; }
  body .site-header .site-nav .nav-cta { margin-top:8px; padding:13px 16px; }
  body .site-header.nav-ready { flex-wrap:nowrap; }
  .nav-ready .nav-toggle { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 14px; flex-shrink:0; border:1px solid #f5b8e066; border-radius:6px; background:#191320; color:#fff7e8; font:600 14px/1.2 "Oxanium",system-ui,sans-serif; cursor:pointer; }
  .nav-toggle svg { width:20px; height:20px; stroke:currentColor; stroke-width:2; fill:none; }
  .nav-toggle .nav-close-icon { display:none; }
  .nav-toggle[aria-expanded="true"] .nav-menu-icon { display:none; }
  .nav-toggle[aria-expanded="true"] .nav-close-icon { display:block; }
  body .site-header.nav-ready .site-nav { display:none; position:absolute; top:100%; left:0; right:0; width:auto; margin:0; padding:16px 20px 24px; background:#100d18; border-bottom:1px solid #f5b8e044; box-shadow:0 20px 30px #0006; max-height:calc(100vh - 120px); max-height:calc(100dvh - 120px); overflow-y:auto; overscroll-behavior:contain; }
  body .site-header.nav-ready.nav-open .site-nav { display:flex; }
  .site-header .nav-toggle:focus-visible,body .site-header .site-nav a:focus-visible { outline:3px solid #80e5e8; outline-offset:2px; }
}