@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
 ::view-transition-old(root){animation:page-out .28s cubic-bezier(.4,0,1,1) both}
 ::view-transition-new(root){animation:page-in .65s cubic-bezier(.16,1,.3,1) both}
 ::view-transition-group(project-visual){animation-duration:.75s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
 .detail-image{view-transition-name:project-visual}
 @keyframes page-out{to{opacity:0;transform:translateY(-16px)}}
 @keyframes page-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-group(*){animation:none!important}}