/* Hallmark · Base onboarding funnel · cross-document View Transitions (sc-88439)
 * The funnel is a full-page form app: each step is a normal navigation. Opting both documents in lets the
 * browser cross-fade between steps while the header (logo, step counter) holds still, the same portable
 * motion the /pack pages use. Loaded only by funnel pages (see layouts/application). Browsers without
 * support navigate exactly as before. Reduced motion turns it off entirely.
 */
@view-transition { navigation: auto; }

.pack-funnel__header,
.url-onboarding__header { view-transition-name: funnel-header; }

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

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