/* Native navigation preserves browser history and the existing return state. */
@view-transition { navigation: auto; }
@keyframes page-leave { to { opacity: 0; } }
@keyframes page-arrive { from { opacity: 0; transform: translateY(6px); } }
/* Keep the shared navigation anchored while page content changes underneath. */
body > header { view-transition-name: site-header; }
::view-transition-group(site-header) { animation: none; }
::view-transition-old(site-header) { animation: page-leave 120ms ease-out both; }
::view-transition-new(site-header) { animation: none; }
::view-transition-old(root) { animation: page-leave 160ms ease-out both; }
::view-transition-new(root) { animation: page-arrive 260ms cubic-bezier(.22,1,.36,1) both; }
::view-transition { pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  .scene-cards .use-case-row { transition: translate 260ms ease, box-shadow 260ms ease; }
  .scene-cards .use-case-row:focus-within { translate: 0 -4px; box-shadow: 0 16px 32px -24px #473e2670; }
  @media (hover: hover) {
    .scene-cards .use-case-row:hover { translate: 0 -4px; box-shadow: 0 16px 32px -24px #473e2670; }
  }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}