/* Lyra v1.16.7.1 — native cross-document transitions.
   Loaded ONLY on project/product index + matching detail pages, so unrelated
   navigation and normal scrolling incur no transition capture or runtime work. */

@view-transition { navigation: auto; }

@supports (view-transition-name: none) {
  .vt-project-lyra-pos { view-transition-name: lyra-project-lyra-pos; }
  .vt-project-king-crunch { view-transition-name: lyra-project-king-crunch; }
  .vt-project-barracuda-gym { view-transition-name: lyra-project-barracuda-gym; }
  .vt-project-the-anatomy { view-transition-name: lyra-project-the-anatomy; }
  .vt-project-florexpress { view-transition-name: lyra-project-florexpress; }
  .vt-product-lyra-pos { view-transition-name: lyra-product-lyra-pos; }
}

@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root) { animation: lyra-clean-page-out 120ms ease both; }
  ::view-transition-new(root) { animation: lyra-clean-page-in 170ms ease both; }

  ::view-transition-group(lyra-project-lyra-pos),
  ::view-transition-group(lyra-project-king-crunch),
  ::view-transition-group(lyra-project-barracuda-gym),
  ::view-transition-group(lyra-project-the-anatomy),
  ::view-transition-group(lyra-project-florexpress),
  ::view-transition-group(lyra-product-lyra-pos) {
    animation-duration: 420ms;
    animation-timing-function: cubic-bezier(.2,.8,.2,1);
  }
}

@keyframes lyra-clean-page-out { from { opacity: 1; } to { opacity: .94; } }
@keyframes lyra-clean-page-in { from { opacity: .92; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none !important; }
}