/* v11f: one responsive navigation treatment for all five pages. */
@media (max-width:1440px) {
  .site-header, .page-index .site-header { box-sizing:border-box; width:calc(100% - 32px); padding:22px 0; gap:12px; }
  .site-header .menu-toggle, .page-index .site-header .menu-toggle { display:flex!important; box-sizing:border-box; flex:0 0 46px; width:46px; height:46px; padding:7px; margin:0; flex-direction:column; align-items:center; justify-content:center; position:relative; right:0; overflow:visible; }
  .site-header .menu-toggle span:not(.sr-only) { display:block; box-sizing:border-box; width:26px; height:2px; min-height:2px; flex:0 0 2px; margin:3px 0; }
  .site-header .site-nav, .page-index .site-header .site-nav { position:absolute; top:100%; left:auto; right:0; width:min(340px,calc(100vw - 32px)); display:none!important; flex-direction:column; align-items:stretch; gap:0; font-size:13px; background:rgba(6,21,37,.98); border:1px solid rgba(126,211,33,.45); border-radius:10px; padding:10px; z-index:21; }
  .site-header .site-nav.is-open {display:flex!important;}
  .site-header .site-nav a {display:block;padding:14px;}
}
/* Phone hero: retain one line and use more of the available width. */
@media (max-width:760px) {
  .page-index .hero-content {left:16px;right:16px;}
  .page-index .wordmark--hero {display:inline-flex; flex-wrap:nowrap; width:max-content; max-width:100%; font-size:clamp(23px,7.2vw,42px); letter-spacing:0;}
  .page-index .wordmark--hero > .wordmark__first,
  .page-index .wordmark--hero > .wordmark__k,
  .page-index .wordmark--hero > .wordmark__raccoon,
  .page-index .wordmark--hero > .wordmark__den {display:inline-flex;}
  .page-index .wordmark--hero > .wordmark__mobile-stack {display:none;}
}