/* ============================================================ Authority Shift — GLOBAL SITE HEADER Single source of truth for the top navigation on EVERY page. Every page links this file LAST in , and every rule is !important with literal brand colors — so it wins over each page's own local nav CSS no matter what that page declares. Want to change the header anywhere? Change it HERE, once. ============================================================ */ /* ── Brand constants (literal, so we never depend on a page's tokens) ── gold #B8922E · gold-bright #C9A84C · ink #1C1916 · cream #F7F4EE */ /* ── The bar ─────────────────────────────────────────────── */ nav { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 100 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 22px 44px !important; background: rgba(247, 244, 238, 0) !important; border-bottom: 1px solid transparent !important; transition: padding .35s ease, background .35s ease, border-color .35s ease !important; } nav.scrolled { padding: 14px 44px !important; background: rgba(247, 244, 238, 0.92) !important; border-bottom-color: rgba(28, 25, 22, 0.12) !important; -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; } /* ── Logo (identical everywhere) ─────────────────────────── */ nav .nav-logo { display: inline-flex !important; align-items: center !important; font-family: 'Geist', system-ui, sans-serif !important; font-size: 22px !important; font-weight: 500 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; color: #B8922E !important; text-decoration: none !important; } /* the "by Shiv Shenoy" sublabel is hidden so the logo matches on every page */ nav .nav-logo-by { display: none !important; } /* ── Menu links — FIXED px, so they never rescale page to page ── */ nav .nav-links { display: flex !important; align-items: center !important; gap: 34px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } nav .nav-links a { font-family: 'DM Sans', system-ui, sans-serif !important; font-size: 12px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: rgba(28, 25, 22, 0.72) !important; opacity: 1 !important; text-decoration: none !important; transition: color 0.2s !important; } nav .nav-links a:hover, nav .nav-links a.active { color: #B8922E !important; } /* ── CTA button — gold, identical on every page ──────────── */ nav .nav-links a.nav-cta, nav .nav-cta { background: #B8922E !important; color: #0a0900 !important; border: 1px solid #B8922E !important; border-radius: 0 !important; padding: 11px 22px !important; font-family: 'DM Sans', system-ui, sans-serif !important; font-size: 11px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; opacity: 1 !important; text-decoration: none !important; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease !important; } nav .nav-links a.nav-cta:hover, nav .nav-cta:hover { background: #C9A84C !important; border-color: #C9A84C !important; color: #0a0900 !important; } /* ── Mobile burger ───────────────────────────────────────── */ nav .nav-burger { display: none; } nav .nav-burger span { background: #B8922E !important; } /* ── Mobile ──────────────────────────────────────────────── */ @media (max-width: 900px) { nav, nav.scrolled { padding: 16px 22px !important; } nav .nav-logo { font-size: 18px !important; } nav .nav-links { display: none !important; } nav .nav-burger { display: flex !important; } /* standalone header CTA is hidden on mobile — the burger menu carries it. (Pages without a burger, e.g. newsletter, re-show it in their own CSS.) */ nav .nav-cta { display: none !important; } nav .nav-links a.nav-cta, nav .nav-cta { padding: 9px 15px !important; font-size: 10px !important; } }