
/* Motion changes paint only; approved typography and layout stay intact. */
.hover-nav-panel>a{position:relative}
.hover-nav-panel>a::after{content:"";position:absolute;left:15px;right:15px;bottom:6px;height:2px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .26s ease;pointer-events:none}
.hover-nav-panel>a:focus-visible::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){.hover-nav-panel>a:hover::after{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.hover-nav-panel>a::after{transition:none!important}}

.hover-nav-item>a,.hover-nav-trigger{position:relative}
.hover-nav-item>a:not([aria-current="page"])::before,.hover-nav-trigger:not(.is-current)::before{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .24s ease;pointer-events:none}
.hover-nav-item>a:focus-visible::before,.hover-nav-trigger:focus-visible::before,.hover-nav-trigger[aria-expanded="true"]::before{transform:scaleX(1)}
.website .button{transition:filter .18s ease,background-color .18s ease,color .18s ease}
.website .button>i,.website .button>span[aria-hidden="true"],.website .text-link>i,.website .text-link>span[aria-hidden="true"]{display:inline-block;transition:translate .18s ease}
.website .button:focus-visible>i,.website .button:focus-visible>span[aria-hidden="true"],.website .text-link:focus-visible>i,.website .text-link:focus-visible>span[aria-hidden="true"]{translate:3px 0}
.hover-nav-panel:not([hidden]){animation:hp-menu-appear .14s ease-out}
@media (hover:hover) and (pointer:fine){
 .hover-nav-item>a:hover::before,.hover-nav-trigger:hover::before{transform:scaleX(1)}
 .website .button:hover>i,.website .button:hover>span[aria-hidden="true"],.website .text-link:hover>i,.website .text-link:hover>span[aria-hidden="true"]{translate:3px 0}
}
@keyframes hp-menu-appear{from{opacity:.65}to{opacity:1}}
@keyframes hp-soft-rise{from{opacity:0;translate:0 100%}to{opacity:1;translate:0 0}}
.hp-motion-pending{opacity:0}
.hp-motion-enter{animation:hp-soft-rise 1s ease both}
@media(prefers-reduced-motion:reduce){.hp-motion-pending{opacity:1}}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .hp-motion-enter,.hover-nav-panel:not([hidden]){animation:none!important}
 .hover-nav-item>a::before,.hover-nav-trigger::before,.website .button,.website .button>i,.website .button>span[aria-hidden="true"],.website .text-link>i,.website .text-link>span[aria-hidden="true"]{transition:none!important}
 .website .button>i,.website .button>span[aria-hidden="true"],.website .text-link>i,.website .text-link>span[aria-hidden="true"]{translate:none!important}
}
