/* Cross-document view transitions: studio, Choosy Goosy and Kids pages fade into each other instead of jumping. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: page-leave .26s cubic-bezier(.4,0,1,1) both; }
::view-transition-new(root) { animation: page-enter .46s cubic-bezier(.2,.8,.3,1) both; }
::view-transition-group(studio-return), ::view-transition-group(site-header) { animation-duration: .4s; }
@keyframes page-leave { to { opacity: 0; transform: translateY(-12px); } }
@keyframes page-enter { from { opacity: 0; transform: translateY(18px); } }
html { scroll-behavior: smooth; }
.studio-header { view-transition-name: site-header; }
/* ?family=kids is applied by script; until then the family-specific copy waits instead of flashing Apps first. */
html.family-booting .hero-copy, html.family-booting .apps-section { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
  html { scroll-behavior: auto; }
}