/* navigation.css — navbar, nav links, language switcher buttons, burger */
.nav{position:fixed;top:18px;left:0;right:0;z-index:60;display:flex;justify-content:center;pointer-events:none}
.navbar{pointer-events:auto;display:flex;align-items:center;gap:30px;background:color-mix(in srgb,var(--card) 86%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:100px;padding:11px 13px 11px 24px;box-shadow:0 6px 22px -14px rgba(40,35,28,.22)}
.brand{font-weight:700;font-size:16px;letter-spacing:-0.02em;display:flex;align-items:center;gap:9px;cursor:pointer}
.brand .bd{width:9px;height:9px;border-radius:50%;background:var(--terra)}
.navlinks{display:flex;gap:8px;align-items:center}
.navlinks a{font-size:14px;font-weight:600;color:var(--mut);padding:9px 15px;border-radius:100px;transition:color .2s,background .2s;cursor:pointer}
.navlinks a:hover{color:var(--ink);background:var(--cream2)}
.navcta{background:var(--ink);color:var(--cream);font-size:14px;font-weight:600;padding:11px 20px;border-radius:100px;cursor:pointer;transition:transform .2s,background .2s}
.navcta:hover{background:var(--terra);transform:translateY(-1px)}
.burger{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:var(--ink);padding:6px}

/* language switcher (lives in the navbar and again in the footer) */
.langsw{display:flex;align-items:center;gap:6px;margin-left:2px}
.lang{background:none;border:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--mut);cursor:pointer;padding:6px 4px;transition:color .2s}
.lang:hover{color:var(--ink)}
.lang.on{color:var(--terra);font-weight:700}
.langdiv{color:var(--line);font-size:12px;user-select:none}