/* Going between the grid and a project page, shared by both: a quick crossfade of the whole page, and
   nothing else. Nothing flies; the project page is simply there. Both pages share the orange, so the
   fade never flashes. Without support it is a plain page load. The fade moves nothing, so it stays with
   reduced motion. The opt-in itself (@view-transition) sits inline in each page's head, so it is never late.

   Both pages load this file first, so it also holds their shared easing. */

:root {
  --ease-out: cubic-bezier(.23, 1, .32, 1);   /* strong ease-out: things that enter or respond */
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: .18s;
  animation-timing-function: var(--ease-out);
}