header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 5%}header .brand{flex-shrink:0}header .brand span{white-space:nowrap;font-size:10px;letter-spacing:1.1px}header nav{margin:0;justify-content:center;align-items:center;gap:clamp(14px,1.8vw,28px);text-align:center}header nav a{white-space:nowrap;line-height:1.4;font-size:12px}header>.button{white-space:nowrap;gap:18px;justify-self:end}header .brand b{font-size:44px}@media(min-width:701px) and (max-width:1050px){header{grid-template-columns:1fr auto;gap:20px;padding:20px 6%}header nav{display:flex;grid-row:2;grid-column:1/-1;justify-content:center;gap:clamp(16px,4vw,38px)}header>.button{grid-column:2;grid-row:1}}@media(max-width:700px){header{grid-template-columns:1fr auto;padding:18px 6%;gap:15px}header nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:center;flex-wrap:wrap;gap:12px 20px}header nav a{font-size:11px}header .brand span{font-size:8px;letter-spacing:.8px}header .brand b{font-size:38px}header>.button{grid-column:2;grid-row:1;padding:11px 14px;font-size:12px}}
@media(min-width:1051px) and (max-width:1250px){header{grid-template-columns:1fr auto;gap:20px}header nav{grid-row:2;grid-column:1/-1;justify-content:center}header>.button{grid-column:2;grid-row:1}}