/* Neo Industrial Hazard: shared header chrome. Source of truth for every site.
   Requires tokens on :root: --foreground, --accent, --border. Sites differ only by accent. */
header { position: sticky; top: 0; z-index: 50; background: rgba(7,7,7,.1); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); border-bottom: 1px solid var(--border); }
.nav { display: flex; align-items: center; justify-content: space-between; height: 64px; gap: 16px; }
.nav-links { display: flex; flex: 1; justify-content: space-evenly; padding-inline: clamp(16px, 4vw, 72px); }
.nav-links a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; font-size: clamp(14px, 1.25vw, 18px); letter-spacing: .02em; text-transform: uppercase; color: var(--foreground); transition: color .2s; }
.nav-links a:hover { color: var(--accent); }
.nav-links a.nav-cta { display: none; }
.nav-right { display: flex; align-items: center; gap: 18px; }
.nav-toggle { display: none; width: 40px; height: 40px; padding: 0; background: none; border: 1px solid var(--border); color: var(--foreground); cursor: pointer; position: relative; }
.nav-toggle span { position: absolute; left: 10px; right: 10px; height: 2px; background: currentColor; transition: transform .2s, opacity .2s; }
.nav-toggle span:nth-child(1) { top: 13px; } .nav-toggle span:nth-child(2) { top: 19px; } .nav-toggle span:nth-child(3) { top: 25px; }
header.open .nav-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
header.open .nav-toggle span:nth-child(2) { opacity: 0; }
header.open .nav-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
@media (max-width: 760px) {
  .nav { height: 56px; }
  .nav-toggle { display: block; }
  .nav-right .btn { display: none; }
  .nav-links a.nav-cta { display: block; }
  .nav-links { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; padding: 8px 0 16px; background: #070707; border-bottom: 1px solid var(--border); }
  header.open .nav-links { display: flex; }
  .nav-links a { padding: 16px max(24px, 4vw); font-size: 18px; border-top: 1px solid var(--border); }
  .nav-links a:first-child { border-top: 0; }
}