/* ============================================================
   LAYOUT · NAV  (desktop header — colors are re-tinted on scroll
   by js/ui/nav-blend.js, so these are just the resting styles)
   ============================================================ */
#nav{position:fixed;left:0;right:0;top:0;z-index:60;transition:transform .5s var(--ease)}
#nav .in{
  max-width:1440px;margin:0 auto;padding:0 clamp(20px,9vw,144px);
  height:clamp(66px,8vw,86px);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}

/* brand */
#nav .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
#nav .brand .mk{width:clamp(28px,4vw,34px);height:auto;color:#fff;flex:0 0 auto}
#nav .wm{font-family:Archivo;font-weight:800;font-size:clamp(18px,2.4vw,22px);
  letter-spacing:-.02em;line-height:1;color:#fff}
#nav .wm small{display:block;font-family:'Geist Mono',monospace;font-size:8px;
  letter-spacing:.22em;font-weight:500;margin-top:3px;color:var(--b300)}

/* links */
#nav nav{display:flex;gap:clamp(18px,2.4vw,36px)}
#nav nav a{font-size:15px;font-weight:500;color:#C3CBEE;text-decoration:none;
  position:relative;padding:4px 0}
#nav nav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1.5px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform .28s var(--ease)}
#nav nav a:hover::after{transform:scaleX(1)}

/* right cluster */
#nav .right{display:flex;align-items:center;gap:18px}

/* EN / BM switcher — colour is re-tinted by js/ui/nav-blend.js, so the
   links inherit rather than setting their own colour. */
#nav .lang{display:flex;align-items:center;gap:7px;font-family:'Geist Mono',monospace;
  font-size:10px;letter-spacing:.14em;color:var(--b300)}
#nav .lang a{color:inherit;text-decoration:none;opacity:.55;
  transition:opacity .25s;padding:2px 1px}
#nav .lang a:hover{opacity:1}
#nav .lang a.on{opacity:1;font-weight:700;text-decoration:underline;text-underline-offset:4px}
#nav .lang i{font-style:normal;opacity:.35}
#nav .cta{background:#fff;color:var(--navy);border-radius:100px;padding:12px 22px;
  font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;
  transition:background .25s,transform .25s var(--ease)}
#nav .cta:hover{transform:translateY(-2px)}

/* below 900px the desktop nav collapses (burger lives in mobile-menu.css) */
@media(max-width:900px){
  #nav nav,#nav .lang,#nav .cta{display:none}
}