/* Match the section motion used between Home, Projects and Lab. */
@view-transition{navigation:auto}
header{view-transition-name:site-header}
::view-transition-old(root),::view-transition-new(root){animation-duration:.7s}
::view-transition-old(site-header),::view-transition-new(site-header){animation:none;mix-blend-mode:normal}
::view-transition-group(site-header){animation-duration:.7s}
::view-transition-group(lab-section-0),::view-transition-group(particles-section-0),::view-transition-group(physics-section-0),::view-transition-group(lab-section-1),::view-transition-group(particles-section-1),::view-transition-group(physics-section-1),::view-transition-group(lab-section-2),::view-transition-group(particles-section-2),::view-transition-group(physics-section-2){animation:none}
::view-transition-old(lab-section-0),::view-transition-old(particles-section-0),::view-transition-old(physics-section-0),::view-transition-old(lab-section-1),::view-transition-old(particles-section-1),::view-transition-old(physics-section-1),::view-transition-old(lab-section-2),::view-transition-old(particles-section-2),::view-transition-old(physics-section-2){animation:lab-section-out .65s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(lab-section-0),::view-transition-new(particles-section-0),::view-transition-new(physics-section-0),::view-transition-new(lab-section-1),::view-transition-new(particles-section-1),::view-transition-new(physics-section-1),::view-transition-new(lab-section-2),::view-transition-new(particles-section-2),::view-transition-new(physics-section-2){animation:lab-section-in 1.05s cubic-bezier(.25,.1,.25,1) .38s both}
::view-transition-old(lab-section-0),::view-transition-old(particles-section-0),::view-transition-old(physics-section-0),::view-transition-new(lab-section-0),::view-transition-new(particles-section-0),::view-transition-new(physics-section-0){--away-x:-20px;--away-y:var(--lab-away-0,-40px)}
::view-transition-old(lab-section-1),::view-transition-old(particles-section-1),::view-transition-old(physics-section-1),::view-transition-new(lab-section-1),::view-transition-new(particles-section-1),::view-transition-new(physics-section-1){--away-x:20px;--away-y:var(--lab-away-1,44px)}
::view-transition-old(lab-section-2),::view-transition-old(particles-section-2),::view-transition-old(physics-section-2),::view-transition-new(lab-section-2),::view-transition-new(particles-section-2),::view-transition-new(physics-section-2){--away-x:-20px;--away-y:var(--lab-away-2,44px)}
::view-transition-new(lab-section-1),::view-transition-new(particles-section-1),::view-transition-new(physics-section-1){animation-delay:.44s}
::view-transition-new(lab-section-2),::view-transition-new(particles-section-2),::view-transition-new(physics-section-2){animation-delay:.50s}
@keyframes lab-section-out{to{opacity:0;transform:translate3d(var(--away-x),var(--away-y),0) scale(.985)}}
@keyframes lab-section-in{from{opacity:0;transform:translate3d(var(--away-x),var(--away-y),0) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* Keep snapshots at their own size when a heading becomes a canvas section. */
::view-transition-old(lab-section-0),::view-transition-old(particles-section-0),::view-transition-old(physics-section-0),::view-transition-old(lab-section-1),::view-transition-old(particles-section-1),::view-transition-old(physics-section-1),::view-transition-old(lab-section-2),::view-transition-old(particles-section-2),::view-transition-old(physics-section-2),::view-transition-new(lab-section-0),::view-transition-new(particles-section-0),::view-transition-new(physics-section-0),::view-transition-new(lab-section-1),::view-transition-new(particles-section-1),::view-transition-new(physics-section-1),::view-transition-new(lab-section-2),::view-transition-new(particles-section-2),::view-transition-new(physics-section-2){width:auto;height:auto;max-width:none}
::view-transition-old(site-header){opacity:0}
::view-transition-new(site-header){opacity:1}