/* Shared site nav — single source of truth.
   The HTML lives in routers/pages.py::_NAV_HTML and is injected into
   every public-facing page via _render_with_nav. Don't duplicate
   the markup elsewhere; if you find yourself writing a `<nav class="nav">`
   block in a frontend file, replace it with `<!-- NAV -->` and let the
   helper inject this one.

   Brand tokens (--bg, --ink, --ink-2, --accent, --line, --serif) MUST
   already be defined on the page. Every public HTML file declares them
   either inline or via team-page.css / drips.css / its own <style>. */
.nav{position:sticky;top:0;z-index:50;background:color-mix(in oklab, var(--bg) 90%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap.nav-row{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1200px;margin:0 auto;padding:0 20px}
.nav .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.nav .logo-mark{width:52px;height:52px;display:grid;place-items:center;color:var(--ink);flex-shrink:0}
.nav .logo-mark svg{width:100%;height:100%}
.nav .logo-txt{line-height:1;min-width:max-content;display:flex;align-items:center;height:52px}
.nav .logo-txt b{font-family:var(--serif);font-weight:600;font-size:44px;display:block;white-space:nowrap;letter-spacing:-.02em}
.nav .nav-links{display:none;gap:28px;font-size:14px;color:var(--ink-2)}
.nav .nav-links a{color:inherit;text-decoration:none}
.nav .nav-links a:hover{color:var(--ink)}
.nav .nav-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;min-height:44px;background:var(--ink);color:var(--bg);border-radius:999px;font-size:12px;font-weight:500;text-decoration:none}
.nav .nav-cta:hover{background:var(--accent)}
@media (min-width:980px){.nav .nav-links{display:flex}}