/* Reference interaction only: existing navigation geometry and colours stay intact. */
@media(min-width:901px) and (hover:hover){
 header #nav>.nav-item>a{position:relative;border-bottom-color:transparent!important;transition-property:color;transition-duration:400ms;transition-timing-function:ease;transition-delay:0ms}
 header #nav>.nav-item>a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:currentColor;transition:width 400ms ease;pointer-events:none}
 header #nav>.nav-item>a.active::after,header #nav>.nav-item:hover>a::after,header #nav>.nav-item:focus-within>a::after{width:100%}
 header #nav:has(>.nav-item:hover)>.nav-item:not(:hover):not(:focus-within)>a.active::after{width:0}
 header #nav .mega a{transition-duration:400ms;transition-timing-function:ease-in-out;transition-delay:0ms}
}
@media(prefers-reduced-motion:reduce){header #nav>.nav-item>a,header #nav>.nav-item>a::after,header #nav .mega a{transition:none}}