.nav-mobile{
  display:none;
  appearance:none;
  border:1px solid #d9d4c9;
  background:#fff;
  color:inherit;
  font:inherit;
  line-height:1;
  padding:10px 12px;
  cursor:pointer;
}

@media(max-width:899px){
  .nav{position:sticky;flex-wrap:wrap}
  .nav-mobile{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
  .nav .navlinks,.nav .nav-actions{display:none}
  .nav.is-open .navlinks{
    display:flex;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:20;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:8px 18px 14px;
    border-top:1px solid #e2ded5;
    border-bottom:1px solid #e2ded5;
    background:#fff;
    box-shadow:0 14px 28px rgba(25,25,23,.12);
  }
  .nav.is-open .navlinks a{
    display:block;
    padding:13px 4px;
    border-bottom:1px solid #eeeae1;
  }
  .nav.is-open .navlinks a:last-child{border-bottom:0}
}