.mobileNavToggle,
.mobileNavPanel{
  display:none;
}

@media (max-width:950px){
  .head{
    gap:12px;
  }

  body > header .head > nav{
    display:none !important;
  }

  .mobileNavToggle{
    display:inline-flex;
    width:42px;
    height:42px;
    margin-left:auto;
    padding:0;
    flex:0 0 42px;
    align-items:center;
    justify-content:center;
    border:1px solid #d7e1e8;
    background:#fff;
    color:#0b1f33;
    cursor:pointer;
  }

  .mobileNavToggleLines,
  .mobileNavToggleLines::before,
  .mobileNavToggleLines::after{
    display:block;
    width:18px;
    height:1px;
    background:currentColor;
    transition:transform .2s ease,opacity .2s ease;
  }

  .mobileNavToggleLines{
    position:relative;
  }

  .mobileNavToggleLines::before,
  .mobileNavToggleLines::after{
    content:"";
    position:absolute;
    left:0;
  }

  .mobileNavToggleLines::before{top:-6px}
  .mobileNavToggleLines::after{top:6px}

  .mobileNavToggle[aria-expanded="true"] .mobileNavToggleLines{
    background:transparent;
  }

  .mobileNavToggle[aria-expanded="true"] .mobileNavToggleLines::before{
    top:0;
    transform:rotate(45deg);
  }

  .mobileNavToggle[aria-expanded="true"] .mobileNavToggleLines::after{
    top:0;
    transform:rotate(-45deg);
  }

  .mobileNavPanel{
    position:fixed;
    top:88px;
    right:0;
    left:0;
    z-index:19;
    padding:10px 24px 22px;
    border-top:1px solid #e4ebf0;
    border-bottom:1px solid #d7e1e8;
    background:rgba(255,255,255,.98);
    box-shadow:0 18px 32px rgba(11,31,51,.12);
  }

  .mobileNavPanel.isOpen{
    display:block;
  }

  .mobileNavPanel a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:52px;
    border-bottom:1px solid #e4ebf0;
    color:#0b1f33;
    font-size:13px;
    font-weight:700;
  }

  .mobileNavPanel a::after{
    content:"→";
    color:#73aecd;
    font-size:16px;
    font-weight:400;
  }

  .mobileNavPanel a:last-child{
    margin-top:14px;
    padding:0 18px;
    border:1px solid #0b1f33;
  }
}

@media (max-width:620px){
  .mobileNavToggle{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .mobileNavPanel{
    top:72px;
    padding-right:20px;
    padding-left:20px;
  }
}

@media (prefers-reduced-motion:reduce){
  .mobileNavToggleLines,
  .mobileNavToggleLines::before,
  .mobileNavToggleLines::after{
    transition:none;
  }
}