@font-face{font-family:'Nexora Navigation';src:url("../batch-02/inter-latin-standard-normal.woff2") format('woff2');font-weight:100 900;font-display:block}
/* Shared header geometry, independent of page typography. */
html{scrollbar-gutter:stable}
body .on-header,body .on-header *{box-sizing:border-box}
body .on-header{width:100%!important;max-width:none!important;margin-inline:0!important;line-height:1.5;transition:none!important}
body .on-header .on-header-inner{width:100%!important;max-width:none!important;height:72px!important;padding-inline:clamp(20px,3vw,64px)!important;gap:24px!important;transition:none!important}
body .on-header .on-logo{font-family:'Nexora Navigation',Arial,sans-serif!important;font-size:23px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:.16em!important;flex-shrink:0}
body .on-header .on-header-icons{position:relative;flex:0 0 auto;gap:16px!important;height:44px;align-items:center}
body .on-header .on-header-icons>a{display:flex;align-items:center;justify-content:center;width:32px;height:44px;padding:0;margin:0;flex:0 0 32px;transition:none!important}
body .on-header .on-header-icons>a>svg{display:block;width:24px;height:24px;flex:none}
body .on-header .on-header-icons .wr-mode-toggle{position:absolute;right:100%;margin-right:8px}
body .on-header.nx-compact .on-header-inner{height:0!important}
@media(max-width:1100px){body .on-header .on-header-inner{height:62px!important;gap:15px!important}body .on-header .on-header-icons{gap:12px!important}}
/* VIAIM's rising duplicate label, with inverse colours for the dark header. */
body .on-header .on-navigation .nx-hover-button{position:relative;isolation:isolate;overflow:hidden;border-radius:999px;background:transparent!important;display:flex;align-items:center;justify-content:center;min-height:38px;padding:9px 16px!important;line-height:1.5}
body .on-header .nx-hover-label{display:block;transition:transform .5s cubic-bezier(.3,1,.3,1),opacity .5s cubic-bezier(.3,1,.3,1)}
body .on-header .nx-hover-fill{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-inline:16px;border-radius:999px;background:#e6eaf0;color:#070b0e;transform:translateY(100%) scale(.6);transition:transform .5s cubic-bezier(.3,1,.3,1);pointer-events:none}
@media(hover:hover) and (pointer:fine){body .on-header .nx-hover-button:hover .nx-hover-fill{transform:translateY(0) scale(1)}body .on-header .nx-hover-button:hover .nx-hover-label{opacity:0;transform:translateY(-10%) scale(.6)}}
body .on-header .nx-hover-button:focus-visible .nx-hover-fill{transform:translateY(0) scale(1)}
body .on-header .nx-hover-button:focus-visible .nx-hover-label{opacity:0;transform:translateY(-10%) scale(.6)}
@media(max-width:1100px){body .on-header .on-navigation .nx-hover-button{justify-content:flex-start}body .on-header .nx-hover-fill{justify-content:flex-start;background:#171717;color:white}}
@media(prefers-reduced-motion:reduce){body .on-header .nx-hover-label,body .on-header .nx-hover-fill{transition:none}}

/* Keep the current pill while crossing into its menu, including the short gap. */
@media(hover:hover) and (pointer:fine){body .on-header details.nx-hover-active>.nx-hover-button .nx-hover-fill{transform:translateY(0) scale(1)}body .on-header details.nx-hover-active>.nx-hover-button .nx-hover-label{opacity:0;transform:translateY(-10%) scale(.6)}}
