/* djc-pagefade-v1: crossfade between pages via View Transitions + fade-in fallback */
@view-transition{navigation:auto}
::view-transition-old(root){animation:djc-pf-out .15s ease-in both}
::view-transition-new(root){animation:djc-pf-in .2s ease-out both}
@keyframes djc-pf-out{to{opacity:0}}
@keyframes djc-pf-in{from{opacity:0}}
html{background:#050505}
body{animation:djc-pf-load .28s ease-out both}
@keyframes djc-pf-load{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){body{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}