@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600&display=swap');
/* ═══ SITE NAV — single source of truth, identical on every page ═══ */
#nav { position: fixed; top: 0; left: 0; right: 0; z-index: 60; display: flex; align-items: center; justify-content: space-between; padding: 22px 34px;
  background: linear-gradient(180deg, rgba(13,12,11,0.55), transparent); transition: background .3s, backdrop-filter .3s; }
#nav.scrolled { background: rgba(14,13,12,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.05); }
#nav, #nav * { box-sizing: border-box; margin: 0; line-height: 1; }
#nav a { text-decoration: none; }
#nav .n-brand { display: flex; align-items: center; gap: 10px; }
#nav .n-brand img { width: auto; height: 32px; border-radius: 0; display: block; }
#nav .n-links { display: flex; gap: 26px; }
#nav .n-links a { font-family: 'Oswald', 'Helvetica Neue', sans-serif; font-size: 12px; line-height: 1; padding: 0; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: #c9c3b8; text-decoration: none; transition: color .25s; }
#nav .n-links a:hover, #nav .n-links a.active { color: #ff8a00; }
#nav .n-cta { margin-left: 26px; padding: 14px 28px; border-radius: 999px; background: #ff8a00; color: #0d0c0b !important; font-family: 'Oswald', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; white-space: nowrap; box-shadow: 0 0 22px rgba(255,138,0,0.35); transition: background .25s, transform .2s; }
#nav .n-cta:hover { background: #ffa733; transform: translateY(-1px); }
@media (max-width: 900px) { #nav .n-cta { display: none; } }
@media (max-width: 640px) {
  #nav { flex-direction: column; align-items: center; gap: 12px; padding: 14px 8px 12px; }
  #nav .n-brand img { height: 28px; }
  #nav .n-links { justify-content: center; flex-wrap: wrap; gap: 6px 9px; width: 100%; }
  #nav .n-links a { font-size: 10.5px; letter-spacing: 0.10em; }
}
body.subpage { padding-top: 86px; }
@media (max-width: 640px) { body.subpage { padding-top: 96px; } }
