:root { --header-height:100px; }
.header-shell { grid-template-columns:300px minmax(0,1fr) auto; gap:18px; }
.brand, .brand img { width:300px; }
.primary-nav a, .search-trigger { font-weight:500; }
.primary-nav .mega-menu .mega-menu-list a { font-weight:500; }
.primary-nav .mega-menu .mega-menu-heading { font-weight:600; }
@media(min-width:921px) and (max-width:1180px) {
  .header-shell { grid-template-columns:234px minmax(0,1fr) auto; gap:10px; }
  .brand, .brand img { width:234px; }
  .primary-nav a { padding-inline:6px; font-size:.87rem; }
}
@media(max-width:920px) {
  :root { --header-height:90px; }
  .header-shell { grid-template-columns:minmax(0,1fr) auto auto; gap:10px; }
  .brand, .brand img { width:264px; max-width:100%; }
}
@media(max-width:620px) {
  :root { --header-height:80px; }
  .header-shell { gap:7px; }
  .brand, .brand img { width:219px; max-width:100%; }
}