/* ── nav ──────────────────────────────────────────────────── */
.nav{
  position:sticky; top:0; z-index:90;
  background:rgba(35,43,51,.9); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-in{ max-width:1380px; margin:0 auto; padding:11px var(--shell); display:flex; align-items:center; gap:clamp(12px,2vw,30px); }
.brand{ display:flex; align-items:center; gap:11px; margin-right:auto; }
.brand img{ width:36px; height:36px; border-radius:50%; background:#F2F1EE; }
.brand b{ font-family:Archivo,sans-serif; font-variation-settings:"wdth" 106,"wght" 700; font-size:14px; letter-spacing:.01em; display:block; line-height:1.15; }
.brand .bt{ display:block; line-height:1.15; }
.brand .bt span{ display:block; margin-top:2px; line-height:1; font-family:"JetBrains Mono",monospace; font-size:9.5px; letter-spacing:.13em; color:var(--dim); text-transform:uppercase; }
.nav a.l{ font-size:14px; color:var(--txt-2); padding:6px 0; border-bottom:1px solid transparent; transition:color .15s, border-color .15s; }
.nav a.l:hover{ color:var(--txt); border-color:var(--orange); }
.nav .btn{ padding:11px 16px; font-size:10.5px; }
.nav-toggle{ display:none; background:transparent; border:1px solid var(--line-2); padding:9px 12px; cursor:pointer; font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; }
@media (max-width:1280px){   /* 1080 until the EN switch joined the row, 1200 until News */
  .nav a.l{ display:none; }
  .nav-toggle{ display:block; }
  .nav.open .nav-in{ flex-wrap:wrap; }
  .nav.open a.l{ display:block; width:100%; padding:11px 0; border-bottom:1px solid var(--line); }
}
@media (max-width:560px){ .nav .btn{ display:none; } }
/* pindah bahasa: selalu terlihat, juga saat tautan lain dilipat ke menu */
.nav .lang{ font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.12em; color:var(--txt-2);
  border:1px solid var(--line-2); padding:9px 10px; transition:color .15s, border-color .15s; }
.nav .lang:hover{ color:var(--txt); border-color:var(--orange); }
.nav .lang:focus-visible{ outline:2px solid var(--orange-br); outline-offset:2px; }