/* ============================================================
   Nav — sticky top bar, brand lockup, primary navigation.
   ============================================================ */
.topbar{position:sticky;top:0;z-index:60;background:rgba(240,238,232,.8);backdrop-filter:saturate(150%) blur(16px);border-bottom:var(--hairline);transition:background .3s,border-color .3s}
.topbar-inner{display:flex;align-items:center;gap:32px;height:68px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.brand img{width:24px;height:24px}
.nav{display:flex;gap:34px;margin-left:auto;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ash);align-items:center}
.nav a{transition:color .2s}
.nav a:hover{color:var(--ember)}
.nav .cta{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);transition:all .2s;font-weight:500}
.nav .cta:hover{background:var(--ink);color:var(--cream)}
.nav .cta:hover .a{color:var(--ember)}
.nav .cta .a{color:var(--ember);transition:color .2s}
.nav-links{display:flex;gap:34px;align-items:center}
@media(max-width:860px){.nav-links{display:none}}