header.nav{position:fixed;top:0;left:0;right:0;z-index:60;transition:all .35s ease}
.navbar{display:flex;align-items:center;justify-content:space-between;height:72px;position:relative}
header.nav.scrolled{background:rgba(255,248,232,.82);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:800;font-size:1.18rem}
.brand .seal{width:38px;height:38px;flex:0 0 auto}
.brand small{display:block;font-family:var(--sans);font-weight:600;font-size:.6rem;letter-spacing:.22em;color:var(--saffron);text-transform:uppercase;margin-top:2px}
.navlinks{display:flex;gap:6px;align-items:center}
.navlinks a{font-weight:500;font-size:.92rem;padding:9px 14px;border-radius:999px;color:var(--ink);transition:.2s;position:relative}
.navlinks a:hover{background:var(--cream-2)}
.navlinks a.active{color:var(--green)}
.navlinks a.active::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:var(--saffron);border-radius:2px}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-left:8px}
.lang button{padding:7px 12px;font-size:.78rem;font-weight:600;color:var(--ink-soft)}
.lang button.on{background:var(--green);color:#fff}
.header-logos{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;pointer-events:none}
.header-logo{height:50px;width:auto;object-fit:contain}
.nav-right{display:flex;align-items:center;gap:8px}
/* Hamburger — hidden on desktop */
.menuBtn{display:none;width:40px;height:40px;align-items:center;justify-content:center;font-size:1.3rem;border-radius:10px;color:var(--ink)}
.menuBtn:hover{background:var(--cream-2)}

@media(max-width:880px){
  .navbar{height:64px}
  .brand{font-size:1rem;gap:9px}
  .brand .seal{width:32px;height:32px}
  .header-logos{gap:10px}
  .header-logo{height:40px}
  .navlinks a{font-size:.85rem;padding:7px 9px}
  .lang{margin-left:6px}
  .lang button{padding:6px 9px;font-size:.74rem}
}
@media(max-width:720px){
  .header-logos{display:none}
  .menuBtn{display:flex}
  .navlinks{
    display:none;
    position:fixed;top:64px;left:0;right:0;
    background:rgba(255,248,232,.97);
    backdrop-filter:blur(16px);
    flex-direction:column;gap:0;
    border-bottom:1px solid var(--line);
    padding:8px 0 12px;
    box-shadow:0 8px 24px -8px rgba(120,72,8,.18);
    z-index:59;
  }
  .navlinks.open{display:flex}
  .navlinks a{border-radius:0;padding:13px 24px;font-size:.95rem;border-bottom:1px solid var(--line)}
  .navlinks a:last-child{border-bottom:none}
  .navlinks a.active::after{left:24px;right:24px;bottom:6px}
  .lang{margin-left:auto}
}
@media(max-width:600px){
  .navbar{height:58px}
  .brand{font-size:.88rem;gap:7px}
  .brand small{display:none}
  .brand .seal{width:28px;height:28px}
  .navlinks{top:58px}
}
@media(max-width:390px){
  .brand{font-size:.78rem}
  .brand .seal{width:24px;height:24px}
  .lang button{padding:5px 6px}
}