/* ============================================================
   VIRTUA — the site nav. ONE definition, loaded by every page.
   Before this file the nav lived in 28 separate copies and had
   drifted: the blog still pointed at sections that had been
   renamed, and sub-pages wrapped to two overlapping lines.
   Edit here, nowhere else.
   ============================================================ */
nav{position:sticky;top:0;z-index:50;background:rgba(11,20,36,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid rgba(139,165,199,.14)}
nav .nav-in{display:flex;align-items:center;justify-content:space-between;
  height:78px;gap:26px;max-width:1120px;margin:0 auto;padding:0 32px}
nav .mark{font-family:var(--v-serif);font-size:22px;letter-spacing:.3em;font-weight:500;
  padding-left:.3em;color:#fff;text-decoration:none;flex:none}
nav .nav-links{display:flex;gap:26px;align-items:center}
nav .nav-links a{font-size:13.5px;color:var(--v-light-blue);font-weight:500;
  text-decoration:none;white-space:nowrap}
nav .nav-links a:hover,nav .nav-links a.active,nav .nav-links a.on{color:#fff}
nav .nav-cta{display:flex;gap:16px;align-items:center;flex:none}
nav .login{font-size:11px;letter-spacing:.12em;color:#6E7F9C;padding:4px 0;
  text-decoration:none;white-space:nowrap}
nav .login:hover{color:#fff}
nav .langsw{display:inline-flex;border:1px solid rgba(139,165,199,.20);
  border-radius:999px;overflow:hidden}
nav .langsw a{font-size:10px;letter-spacing:.08em;padding:5px 10px;color:#6E7F9C;
  line-height:1;text-decoration:none}
nav .langsw a.on{background:var(--v-steel-bright);color:#06152a}
nav .langsw a:not(.on):hover{color:#fff}

/* the two audiences */
.navdrop{position:relative}
.navdrop-t{background:none;border:0;cursor:pointer;color:var(--v-light-blue);
  font:500 13.5px/1 var(--v-sans);display:inline-flex;align-items:center;gap:6px;
  padding:0;white-space:nowrap}
.navdrop-t:hover,.navdrop[data-open] .navdrop-t{color:#fff}
.navdrop-t .cv{font-size:9px;transition:transform .2s ease}
.navdrop[data-open] .navdrop-t .cv{transform:rotate(180deg)}
.navdrop-m{position:absolute;top:calc(100% + 18px);left:-18px;min-width:336px;
  background:#0B1424;border:1px solid rgba(139,165,199,.20);border-radius:4px;
  box-shadow:0 18px 46px rgba(0,0,0,.45);padding:8px;opacity:0;visibility:hidden;
  transform:translateY(-6px);transition:.18s ease;z-index:60}
.navdrop[data-open] .navdrop-m{opacity:1;visibility:visible;transform:none}
.navdrop-m a{display:block;padding:13px 15px;border-radius:3px;text-decoration:none}
.navdrop-m a:hover{background:rgba(139,165,199,.10)}
.navdrop-m b{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:3px}
.navdrop-m span{display:block;color:var(--v-light-blue);font-size:12.5px;line-height:1.45}

@media(max-width:1000px){nav .nav-links{display:none}}
@media(max-width:640px){nav .nav-in{height:58px;padding:0 20px}
  nav .mark{font-size:19px;letter-spacing:.2em;padding-left:.2em}}