.header .mega-panel:not([hidden]){animation:menu-soft-open .35s cubic-bezier(.2,.65,.3,1) both;transform-origin:top center}
.header .dropdown:not([hidden]),.dc-header .dc-dropdown:not([hidden]){animation:menu-soft-open .28s cubic-bezier(.2,.65,.3,1) both;transform-origin:top center}
.header .mega-panel:not([hidden]) .mega-intro,.header .mega-panel:not([hidden]) .mega-groups{animation:menu-content-open .4s ease-out .04s backwards}
.header .mega-group{transition:background-color .25s ease}
.nav-trigger span,.dc-nav-group>button span{transition:transform .25s ease}
.nav-trigger[aria-expanded=true] span,.dc-nav-group>button[aria-expanded=true] span{transform:rotate(180deg)}
@keyframes menu-soft-open{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes menu-content-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.header-inner:has(.menu-toggle[aria-expanded=true]) #navigation{animation:menu-soft-open .3s ease-out both}}
@media(max-width:950px){.dc-header-inner:has(#dc-menu[aria-expanded=true]) #dc-nav{animation:menu-soft-open .3s ease-out both}}
@media(prefers-reduced-motion:reduce){.header .mega-panel:not([hidden]),.header .dropdown:not([hidden]),.dc-header .dc-dropdown:not([hidden]),.header .mega-panel .mega-intro,.header .mega-panel .mega-groups,.header-inner #navigation,.dc-header-inner #dc-nav{animation:none!important}.header .mega-group,.nav-trigger span,.dc-nav-group>button span{transition:none!important}}