@view-transition{navigation:auto}::view-transition-old(root){animation:route-out .45s ease both}::view-transition-new(root){animation:route-in .65s ease both}::view-transition-group(jaha-project){animation-duration:.8s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.project-case .case-hero img{view-transition-name:jaha-project}@keyframes route-out{to{opacity:0;transform:translateY(-8px)}}@keyframes route-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}body{transition:opacity .3s ease}body.route-leaving,body.route-entering{opacity:0}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}body{transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}}