/* ============ HEADER / PAGE NAV ============ */
#site-header{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(250,246,239,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);transition:box-shadow .4s}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:18px;height:var(--nav-h)}
.brandmark{display:flex;flex-direction:column;line-height:1;gap:3px;flex:none}
.brandmark .b1{font-family:var(--serif);font-size:1.18rem;letter-spacing:.01em;font-weight:600;white-space:nowrap}
.brandmark .b2{font-family:var(--sans);font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep)}

.page-tabs{display:flex;align-items:center;gap:2px;background:var(--cream-2);border-radius:999px;padding:4px;flex:none}
.page-tabs button{padding:10px 18px;font-size:.82rem;font-weight:500;color:var(--ink-soft);border-radius:999px;transition:.35s var(--ease);white-space:nowrap}
.page-tabs button:hover{color:var(--ink)}
.page-tabs button.active{background:var(--ink);color:var(--cream);box-shadow:var(--shadow-1)}

.nav-right{display:flex;align-items:center;gap:12px;flex:none}
.lang-toggle{display:flex;border:1px solid rgba(var(--ink-rgb),.2);border-radius:999px;overflow:hidden;font-size:.7rem;letter-spacing:.05em}
.lang-toggle button{padding:7px 12px;font-weight:600;color:var(--ink-faint);transition:.3s}
.lang-toggle button.active{background:var(--ink);color:var(--cream)}
.burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(var(--ink-rgb),.2);border-radius:999px;flex-direction:column;gap:4px;flex:none}
.burger span{display:block;width:16px;height:1px;background:var(--ink)}

#mobile-menu{position:fixed;inset:0;z-index:199;background:var(--cream);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;transform:translateY(-100%);transition:transform .55s var(--ease)}
#mobile-menu.open{transform:translateY(0)}
#mobile-menu button.mm-link{font-family:var(--serif);font-size:1.55rem;padding:12px 0;color:var(--ink-soft)}
#mobile-menu button.mm-link.active{color:var(--gold-deep)}
#mobile-menu .mm-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:1px solid rgba(var(--ink-rgb),.2);border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
#mobile-menu .mm-wa{margin-top:22px}

/* ============ RESPONSIVE ============ */
@media (max-width:980px){
  .page-tabs{display:none}
  .burger{display:flex;background:var(--ink);border-color:var(--ink)}
  .burger span{background:var(--cream)}
  .nav-right .btn-primary{display:none !important}
  .brandmark{flex:1 1 auto;min-width:0}
  .brandmark .b1{font-size:1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .brandmark .b2{display:none}
  .nav-right{gap:8px;flex:none}
  .lang-toggle{font-size:.66rem}
  .lang-toggle button{padding:6px 10px}
}