/* v1.8: single-row desktop navigation and early responsive breakpoint */
@media (min-width: 1251px) {
  header .wrap.nav {max-width: 1760px; width:100%; padding-left:clamp(20px,3vw,55px);padding-right:clamp(20px,3vw,55px);gap:clamp(18px,2vw,35px);flex-wrap:nowrap;}
  header .brand {flex:0 0 auto;white-space:nowrap;font-size:clamp(19px,1.5vw,24px)}
  header .brand small {white-space:normal;max-width:260px}
  header #nav {display:flex;flex:1 1 auto;justify-content:flex-end;align-items:center;gap:clamp(9px,1.2vw,24px);flex-wrap:nowrap;min-width:0;padding:0}
  header #nav a {white-space:nowrap;font-size:clamp(12px,.91vw,15px);flex:0 0 auto}
  header #nav .nav-demo {padding:10px 13px}
  header #menu.mobile {display:none}
}
/* Switch to a real hamburger before the links wrap. */
@media (min-width: 851px) and (max-width: 1250px) {
  header .wrap.nav {display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:12px;min-height:76px;padding-top:10px;padding-bottom:10px;}
  header .brand {min-width:0;width:max-content;max-width:100%}
  header #menu.mobile {display:grid;place-items:center;justify-self:end;width:46px;height:46px;padding:0;font-size:24px;background:var(--green);color:white}
  header #nav {grid-column:1/-1;display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;padding:0;margin:0}
  header #nav.open {display:flex;padding:10px 0 8px}
  header #nav a {display:block;white-space:normal;padding:11px 14px;font-size:15px}
}