@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .35s ease both}
::view-transition-new(root){animation:vt-in .45s ease both}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0}to{opacity:1}}
@keyframes pg-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
main,.menu-head,nav,.social{animation:pg-in .6s ease both}
nav{animation-delay:.08s}.social{animation-delay:.16s}
.strip{transition:transform .6s ease,filter .6s ease}
.strip:hover{filter:brightness(1.08)}
body.leaving{opacity:0;transition:opacity .25s ease}
@media (prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 *,*::before,*::after{animation:none!important;transition:none!important}
}