@media (min-width:901px) {
  .site-header nav { gap:clamp(10px,1.4vw,24px); min-width:0; }
  .site-header nav a { font-size:16px; gap:5px; }
}
@media (min-width:901px) and (max-width:1180px) {
  .site-header {grid-template-columns:120px minmax(0,1fr) 106px 106px;gap:8px;padding-inline:12px;}
  .site-header .brand,.site-header .brand img {width:116px;}
  .site-header nav a {font-size:16px;gap:3px;}
}