/* Native document navigation: no click interception or artificial loading delay. */
@view-transition{navigation:auto}
html{background:#0c0d10}
#varon-navigation{view-transition-name:varon-navigation}
::view-transition-group(*){animation-duration:260ms;animation-timing-function:ease-in-out}
::view-transition-old(root){animation:varon-page-out 260ms ease-in-out both}
::view-transition-new(root){animation:varon-page-in 260ms ease-in-out both}
::view-transition-old(varon-navigation){animation:none;opacity:0}
::view-transition-new(varon-navigation){animation:none}
@keyframes varon-page-out{to{opacity:0}}
@keyframes varon-page-in{from{opacity:0}}
/* Entry fade also covers browsers without cross-document transitions. */
html.varon-page-entry body{animation:varon-page-entry 240ms ease-out both}
@keyframes varon-page-entry{from{opacity:.65}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  html.varon-page-entry body{animation:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}