/* ==========================================================================
   VIEW TRANSITIONS — Named transitions for hero elements
   ==========================================================================
   Use with `style="view-transition-name: hero-title"` on the element.
   The base cross-fade is in animations.css; this file groups named ones.
   ========================================================================== */

::view-transition-group(hero-mockup) {
  animation-duration: 480ms;
}
::view-transition-old(hero-mockup),
::view-transition-new(hero-mockup) {
  animation-duration: 480ms;
  animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
}