/* Native document navigation: keep links, history and anchor behavior intact. */
@view-transition{navigation:auto}
body.portfolio-site .opening>main{view-transition-name:portfolio-content}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-group(portfolio-content){animation-duration:180ms;animation-timing-function:ease-out}
::view-transition-old(portfolio-content){animation:portfolio-page-out 100ms ease-out both}
::view-transition-new(portfolio-content){animation:portfolio-page-in 180ms ease-out both}
@keyframes portfolio-page-out{to{opacity:0}}
@keyframes portfolio-page-in{from{opacity:0}to{opacity:1}}
/* Browsers without document transitions get a short arrival fade. */
@supports not (view-transition-name:portfolio-content){
 body.portfolio-site .opening>main{animation:portfolio-page-in 180ms ease-out both}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 body.portfolio-site .opening>main{view-transition-name:none;animation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}