/* UI-020 · shared studio homepage entry. Adjustable duration; opacity only. */
.phone {--studio-entry-fade-duration:320ms;}

@media(prefers-reduced-motion:no-preference) {
 #routePanel:has(>.studio-page[data-studio-view=home]):not([hidden]) {
  animation:studio-entry-fade var(--studio-entry-fade-duration,320ms) ease-out;
 }
}
@media(prefers-reduced-motion:reduce) {
 #routePanel:has(>.studio-page[data-studio-view=home]):not([hidden]) {
  animation:none;
  opacity:1;
 }
}
@keyframes studio-entry-fade {from{opacity:0;}to{opacity:1;}}