.navlinks a.active{color:var(--acid);position:relative}
.navlinks a.active:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:1px;background:var(--acid)}
@media(max-width:900px){
  .nav{height:auto;min-height:82px;grid-template-columns:1fr auto;padding-top:12px}
  .navlinks{display:flex;grid-column:1/-1;grid-row:2;gap:28px;width:100%;overflow-x:auto;padding:14px 0 17px;border-top:1px solid var(--line);scrollbar-width:none}
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a{flex:0 0 auto}
  .navlinks a.active:after{bottom:-17px}
  .contact{grid-column:2;grid-row:1;margin-bottom:12px}
  .brand{grid-column:1;grid-row:1;margin-bottom:12px}
}