@view-transition{navigation:auto}.tour-content-scroll{view-transition-name:tour-content}.tour-hero{view-transition-name:tour-hero}@keyframes content-fade-out{0%{opacity:1}to{opacity:0}}@keyframes content-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-crossfade-out{0%{opacity:1}to{opacity:0}}@keyframes hero-crossfade-in{0%{opacity:0}to{opacity:1}}html:active-view-transition-type(forwards)::view-transition-old(tour-content){animation:.4s ease-out both content-fade-out}html:active-view-transition-type(forwards)::view-transition-new(tour-content){animation:.5s ease-out both content-slide-up}html:active-view-transition-type(forwards)::view-transition-old(tour-hero){animation:.4s ease-out both hero-crossfade-out}html:active-view-transition-type(forwards)::view-transition-new(tour-hero){animation:.5s ease-out both hero-crossfade-in}html:active-view-transition-type(forwards)::view-transition-old(root){animation:none;opacity:0}html:active-view-transition-type(forwards)::view-transition-new(root){animation:none}html:active-view-transition-type(backwards)::view-transition-old(tour-content){animation:.4s ease-out both content-fade-out}html:active-view-transition-type(backwards)::view-transition-new(tour-content){animation:.5s ease-out both content-slide-up}html:active-view-transition-type(backwards)::view-transition-old(tour-hero){animation:.4s ease-out both hero-crossfade-out}html:active-view-transition-type(backwards)::view-transition-new(tour-hero){animation:.5s ease-out both hero-crossfade-in}html:active-view-transition-type(backwards)::view-transition-old(root){animation:none;opacity:0}html:active-view-transition-type(backwards)::view-transition-new(root){animation:none}