/* Shared mobile navigation for all Gridward pages. */
.mobile-menu{display:none}
@media(max-width:850px){
  .nav{position:relative;z-index:20}
  .nav > nav{display:none}
  .nav > .nav-cta{display:none}
  .mobile-menu{display:block;margin-left:auto;flex:0 0 auto}
  .mobile-menu summary{list-style:none;display:flex;align-items:center;gap:11px;min-width:92px;min-height:44px;justify-content:center;cursor:pointer;background:#0b0d0c;color:#f4f5ef;padding:10px 13px;font:700 14px/1 Manrope,Arial,sans-serif}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:focus-visible,.mobile-links a:focus-visible{outline:3px solid #c8ff3d;outline-offset:2px}
  .menu-icon{display:block;width:17px;height:12px;border-top:2px solid #c8ff3d;border-bottom:2px solid #c8ff3d;position:relative}
  .menu-icon:before{content:"";position:absolute;top:4px;left:0;right:0;border-top:2px solid #c8ff3d}
  .mobile-menu[open] .menu-icon{transform:rotate(45deg);border-bottom:0;border-top-color:#c8ff3d;height:2px}
  .mobile-menu[open] .menu-icon:before{transform:rotate(90deg);top:-2px}
  .mobile-links{position:absolute;top:100%;left:0;right:0;background:#0b0d0c;color:#f4f5ef;padding:10px max(5vw,20px) 22px;box-shadow:0 20px 30px rgba(0,0,0,.22);border-top:1px solid #434a3c;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;z-index:50}
  .mobile-links a{display:flex;align-items:center;min-height:50px;padding:11px 2px;border-bottom:1px solid #42483d;font:600 15px/1.35 Manrope,Arial,sans-serif}
  .mobile-links a:last-child{color:#c8ff3d}
}
@media(max-width:380px){.mobile-links{grid-template-columns:1fr}}