header{position:relative;z-index:20}.nav-row{gap:12px}.nav-links{gap:clamp(12px,1.8vw,27px);align-items:center}.nav-links a,.nav-cta{position:relative;white-space:nowrap}.nav-links a::after,.nav-cta::after{content:attr(data-tip);position:absolute;top:calc(100% + 13px);left:50%;transform:translate(-50%,-4px);background:var(--ink,#172c3b);color:var(--paper,#fff);padding:9px 12px;border-radius:9px;white-space:nowrap;box-shadow:0 8px 22px rgba(13,47,69,.2);font-size:12px;font-weight:500;line-height:1.3;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:100}.nav-links a:hover::after,.nav-links a:focus-visible::after,.nav-cta:hover::after,.nav-cta:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-links a:focus-visible,.nav-cta:focus-visible{outline:2px solid var(--blue-deep);outline-offset:5px;border-radius:4px}@media(max-width:1010px){.nav-links{display:none}.nav-cta{display:none}.nav-toggle{display:flex}}@media(hover:none){.nav-links a::after,.nav-cta::after{display:none}}
.nav-links a.current,.nav-links a[aria-current="page"]{color:var(--blue-deep)}
/* Keep the global navigation identical across pages, regardless of each page's content width. */
header > .wrap{max-width:1440px;width:100%;margin-inline:auto;box-sizing:border-box;padding-inline:clamp(24px,3vw,52px)}
header .nav-row{width:100%;gap:clamp(18px,2vw,32px)}
header .logo{flex:0 0 auto;white-space:nowrap}
header .nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(22px,2.35vw,39px);flex:1 1 auto}
header .nav-cta{flex:0 0 auto}
@media(max-width:1260px){header .nav-links,header .nav-cta{display:none}header .nav-toggle{display:flex;margin-left:auto}}
