/* nav.css — loads last; header-only overrides, existing variables only */

/* Desktop: 64px bar, content gutter centered at 1280px */
.site-header{height:64px;padding:0 max(22px,calc((100% - 1280px)/2));align-items:center}
.wordmark{font-size:21px}
.wordmark span{display:none}
.site-header nav{gap:26px}
.site-header .nav-contact{background:var(--ink);border:1px solid var(--ink);color:#fff}

@media(max-width:700px){
  .site-header{height:auto;min-height:64px;flex-wrap:wrap;align-items:center;row-gap:6px;padding:12px 22px}
  .wordmark{order:1;margin-right:auto}
  .site-header nav{order:2;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:2px 18px;font-size:13px}
  .site-header nav a{padding:10px 0}
  /* beats base `.site-header nav a:nth-child(3){display:none}` (0,3,2 > 0,2,2) */
  .site-header nav a.nav-contact:nth-child(3){display:inline-block;position:absolute;top:14px;right:22px;padding:10px 15px;font-size:13px}
}