/* Marketing pages only: preserve the header and crossfade the remaining page. */
@media (prefers-reduced-motion:no-preference) {
  .site-header { view-transition-name: site-header; }
  ::view-transition-old(root) { animation: marketing-page-out 120ms var(--ease-out) both; }
  ::view-transition-new(root) { animation: marketing-page-in 180ms var(--ease-out) both; }
  ::view-transition-group(site-header) { animation: none; }
  ::view-transition-old(site-header) { animation: none; opacity: 0; }
  ::view-transition-new(site-header) { animation: none; opacity: 1; }
  @keyframes marketing-page-out { to { opacity: 0; } }
  @keyframes marketing-page-in { from { opacity: 0; } to { opacity: 1; } }
}