@media (max-width:980px){
  body.nav-open .nav{
    z-index:260 !important;
  }

  .nav-links{
    background:#080d15 !important;
    background-image:none !important;
    color:#eef1f5 !important;
    box-shadow:-18px 0 40px rgba(0,0,0,.42) !important;
  }

  .nav-links.open{
    width:min(88vw,360px) !important;
    padding-left:22px !important;
    padding-right:22px !important;
    border-left:1px solid #232c3b !important;
  }

  .nav-links a.nav-link{
    color:#eef1f5 !important;
    font-size:17px !important;
    line-height:1.35 !important;
    text-shadow:none !important;
  }

  .nav-links a.nav-link:hover,
  .nav-links a.nav-link.active{
    color:#fff !important;
  }

  .dropdown a{
    color:#d5dde8 !important;
    background:rgba(255,255,255,.035) !important;
  }

  .nav-toggle.open{
    position:fixed !important;
    top:calc(16px + env(safe-area-inset-top)) !important;
    right:18px !important;
    z-index:251 !important;
    background:#11161f !important;
    border-color:#3b4658 !important;
    box-shadow:0 10px 30px rgba(0,0,0,.45) !important;
  }

  .scrim.open{
    background:rgba(0,0,0,.72) !important;
  }
}

@media (max-width:420px){
  .nav-links.open{
    width:100vw !important;
    padding-left:26px !important;
    padding-right:26px !important;
  }
}