@media(max-width:800px){
  header .navlinks a:nth-child(3){display:block}
}
@media(max-width:600px){
  header nav.wrap{
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:"brand languages" "sections sections";
    height:auto;
    gap:0;
    padding-inline:5%;
  }
  header .brand-logo{grid-area:brand}
  header .langs{grid-area:languages;gap:3px}
  header .navlinks{
    grid-area:sections;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:0 8px;
    border-top:1px solid var(--line);
  }
  header .navlinks a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    white-space:nowrap;
  }
}
header .nav-media[aria-current="page"]{color:var(--gold)}
