/* Native same-origin document transitions retain the named BeReach header. */
@view-transition{navigation:auto;}
::view-transition-group(root){animation-duration:480ms;animation-timing-function:cubic-bezier(.22,1,.36,1);}
::view-transition-old(root){animation:bereach-page-out 250ms ease both;mix-blend-mode:normal;}
::view-transition-new(root){animation:bereach-page-in 480ms cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal;}
::view-transition-group(bereach-header){z-index:2;animation-duration:480ms;animation-timing-function:cubic-bezier(.22,1,.36,1);}
::view-transition-old(bereach-header),::view-transition-new(bereach-header){mix-blend-mode:normal;}
@keyframes bereach-page-out{to{opacity:0;transform:translateY(-8px);}}
@keyframes bereach-page-in{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
/* Other browsers retain normal links and get a brief content fade. */
html[data-bereach-route] body>:not(.br-nav):not(.br-mobile-menu):not(script):not(style):not(link):not(.skip-link){transition:opacity 180ms ease,translate 380ms cubic-bezier(.22,1,.36,1);}
html[data-bereach-route=leaving] body>:not(.br-nav):not(.br-mobile-menu):not(script):not(style):not(link):not(.skip-link){opacity:0;translate:0 -5px;}
html[data-bereach-route=entering] body>:not(.br-nav):not(.br-mobile-menu):not(script):not(style):not(link):not(.skip-link){opacity:0;translate:0 8px;}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none;}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important;}
 html[data-bereach-route] body>*{transition:none!important;opacity:1!important;translate:none!important;}
}