/* Page transitions (cross-document View Transitions: Chrome, Edge, Safari 18.2+; other browsers just navigate normally).
   The card image on the home page and the banner on the case page share the name proj-<project>. Needs http(s), not file://. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-group(*) { animation-duration: .7s; animation-timing-function: cubic-bezier(.2,.7,.2,1); }
  ::view-transition-group(root) { animation-duration: .35s; }
  ::view-transition-old(proj-leafe),::view-transition-old(proj-lattiz),::view-transition-old(proj-futuretech),::view-transition-old(proj-dreamr),::view-transition-old(proj-dayfindr),::view-transition-old(proj-kronometer), ::view-transition-new(proj-leafe),::view-transition-new(proj-lattiz),::view-transition-new(proj-futuretech),::view-transition-new(proj-dreamr),::view-transition-new(proj-dayfindr),::view-transition-new(proj-kronometer) { height: 100%; width: 100%; object-fit: cover; }
  ::view-transition-old(proj-leafe),::view-transition-old(proj-lattiz),::view-transition-old(proj-futuretech),::view-transition-old(proj-dreamr),::view-transition-old(proj-dayfindr),::view-transition-old(proj-kronometer) { animation: vt-out .7s both; }
  ::view-transition-new(proj-leafe),::view-transition-new(proj-lattiz),::view-transition-new(proj-futuretech),::view-transition-new(proj-dreamr),::view-transition-new(proj-dayfindr),::view-transition-new(proj-kronometer) { animation: vt-in .7s both; }
  @keyframes vt-out { 0% { filter: blur(0); opacity: 1; } 50% { filter: blur(14px); opacity: 1; } 100% { filter: blur(18px); opacity: 0; } }
  @keyframes vt-in  { 0% { filter: blur(18px); opacity: 0; } 50% { filter: blur(14px); opacity: 1; } 100% { filter: blur(0); opacity: 1; } }
}