/* The browser maps the chosen gallery rectangle to the real detail hero. */
:root{--project-transition-duration:680ms;--project-transition-ease:cubic-bezier(.22,.72,.18,1)}
::view-transition{pointer-events:none}
::view-transition-group(anthe-project-image){z-index:2;animation-duration:var(--project-transition-duration);animation-timing-function:var(--project-transition-ease);overflow:clip}
::view-transition-image-pair(anthe-project-image){isolation:isolate}
::view-transition-old(anthe-project-image),::view-transition-new(anthe-project-image){width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;animation-duration:var(--project-transition-duration);animation-timing-function:var(--project-transition-ease)}
::view-transition-old(root){animation:project-scene-out 180ms ease-out both}
::view-transition-new(root){animation:project-scene-in 420ms 100ms ease both}
::view-transition-group(anthe-project-copy){z-index:3;animation-duration:var(--project-transition-duration)}
::view-transition-new(anthe-project-copy){animation:project-copy-in 280ms 280ms ease-out both}
@keyframes project-scene-out{to{opacity:0}}
@keyframes project-scene-in{from{opacity:0}to{opacity:1}}
@keyframes project-copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:700px),(pointer:coarse){
 :root{--project-transition-duration:420ms}
 ::view-transition-old(root){animation-duration:120ms}
 ::view-transition-new(root){animation-duration:260ms;animation-delay:60ms}
 ::view-transition-new(anthe-project-copy){animation-duration:180ms;animation-delay:180ms}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}
}