.site-header{
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb,var(--bg) 86%,transparent);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.site-header .container{
  display:flex;align-items:center;gap:28px;
  padding-top:14px;padding-bottom:14px;
}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:20px;color:var(--ink)}
.brand img{width:36px;height:36px;object-fit:contain}
.brand b{font-weight:500;letter-spacing:.04em;white-space:nowrap}
.brand small{color:var(--muted);font-size:10px;letter-spacing:.3em;text-transform:uppercase;display:block;margin-top:-2px}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{
  padding:9px 14px;border-radius:999px;font-size:14px;font-weight:500;
  color:var(--ink-2);transition:.2s;
}
.nav a:hover,.nav a.active{color:var(--ink);background:var(--lagoon-3)}
.nav-right{display:flex;align-items:center;gap:10px}
.lang{
  display:flex;border:1px solid var(--line);border-radius:999px;
  padding:3px;font-size:12px;font-weight:600;
}
.lang button{padding:5px 10px;border-radius:999px;color:var(--muted)}
.lang button.on{background:var(--ink);color:var(--cream)}
[data-theme="dark"] .lang button.on{background:var(--gold);color:#1B2128}
.menu-toggle{display:none}
@media(max-width:820px){
  .nav{position:fixed;inset:64px 0 auto 0;flex-direction:column;background:var(--surface);padding:16px;border-bottom:1px solid var(--line);transform:translateY(-110%);transition:.25s}
  .nav.open{transform:translateY(0)}
  .menu-toggle{display:inline-flex;margin-left:auto;width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line)}
}