/* The same illustrative order carries from Home into Platform. */
@media (prefers-reduced-motion: no-preference) {
 @view-transition { navigation: auto; }
 [data-page=home] .hero-scene-workspace,
 [data-page=platform] .opening-record { view-transition-name: ynow-order-record; }
 .site-header { view-transition-name: ynow-navigation; }
 ::view-transition-group(ynow-order-record) { animation: none; }
 ::view-transition-image-pair(ynow-order-record) { isolation: isolate; overflow: clip; border-radius: 16px; }
 ::view-transition-old(ynow-order-record), ::view-transition-new(ynow-order-record) { height: 100%; width: 100%; object-fit: cover; object-position: top left; }
 ::view-transition-old(ynow-order-record) { animation: ynow-page-out 60ms cubic-bezier(.16,1,.3,1) both; }
 ::view-transition-new(ynow-order-record) { animation: ynow-page-in 200ms 70ms cubic-bezier(.16,1,.3,1) both; }
 ::view-transition-group(ynow-navigation) { animation-duration: 0s; }
 ::view-transition-old(root) { animation: ynow-page-out 60ms cubic-bezier(.16,1,.3,1) both; }
 ::view-transition-new(root) { animation: ynow-page-in 160ms 60ms cubic-bezier(.16,1,.3,1) both; }
}
@keyframes ynow-page-out { to { opacity: 0; } }
@keyframes ynow-page-in { from { opacity: 0; } to { opacity: 1; } }