/* ==== Oct 2026 nav: Montserrat 600 caps in the gold gradient sampled from the Vistamark V ====
   Loaded after site.css, so these rules override the earlier Barlow Condensed nav.
   Font file is fetched into /assets/fonts/ at build time by imgopt.py (CSP allows fonts only from 'self'). */
@font-face{font-family:"Vista Nav Montserrat";src:url(/assets/fonts/montserrat-latin-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --nav-gold:#D4B772;            /* brand gold: centre of the V */
  --nav-gold-hi:#ECDC94;
  --v-gold:linear-gradient(180deg,#ECDC94 12%,#D4B470 52%,#BC9048 92%);     /* V highlight -> mid -> shadow */
  --v-gold-hi:linear-gradient(180deg,#F6EBB4 12%,#E2C682 52%,#CCA45C 92%);  /* hover: one step brighter */
  --nav-font:"Vista Nav Montserrat",Montserrat,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
nav.primary>ul>li>a,nav.primary>ul>li>button,.menu-toggle{font-family:var(--nav-font);font-stretch:normal;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
nav.primary>ul>li>button span{font-size:.7em;letter-spacing:0}

/* Client portal: "VistaWealth Office(TM)" / "Client Portal ->" on two lines */
nav.primary a.portal{display:inline-flex;flex-direction:column;align-items:center;text-align:center;gap:1px;line-height:1.3}
nav.primary a.portal::after{content:none}
nav.primary a.portal .p1,nav.primary a.portal .p2{display:block;white-space:nowrap}
nav.primary a.portal .p2::after{content:" \2197";font-size:.85em}
nav.primary a.portal sup{font-size:.6em;vertical-align:.55em;line-height:0;letter-spacing:0;margin-left:1px}

@media (min-width:981px){
  nav.primary>ul>li>a,nav.primary>ul>li>button,nav.primary a.portal{font-size:clamp(12px,1vw,16px);padding:6px 10px;line-height:1.3}
}
@media (min-width:981px) and (max-width:1180px){
  nav.primary>ul>li>a,nav.primary>ul>li>button{letter-spacing:.08em;padding:6px 7px}
}
@media (max-width:980px){
  nav.primary>ul>li>a,nav.primary>ul>li>button,nav.primary a.portal{font-size:16px;padding:12px}
  nav.primary a.portal{align-items:flex-start;text-align:left}
  .menu-toggle{font-size:14px;letter-spacing:.12em;color:var(--nav-gold);border-color:var(--nav-gold)}
}

/* Gradient fill clipped to the letters; browsers without background-clip:text keep flat brand gold */
nav.primary>ul>li>a,nav.primary>ul>li>button{color:var(--nav-gold)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  nav.primary>ul>li>a:not(.portal),nav.primary>ul>li>button,nav.primary a.portal>span{background:var(--v-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  nav.primary>ul>li>a:not(.portal):hover,nav.primary>ul>li>button:hover,nav.primary a.portal:hover>span{background:var(--v-gold-hi);-webkit-background-clip:text;background-clip:text}
}