/* Shared by the landing site and the WordPress header. Keep native navigation. */
@view-transition {
  navigation: auto;
}

/* The approved header stays still while the destination content crossfades. */
.app-header {
  view-transition-name: filio-header;
}

::view-transition-group(root),
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 180ms;
}

::view-transition-group(filio-header),
::view-transition-old(filio-header),
::view-transition-new(filio-header) {
  animation: none;
}

::view-transition-old(filio-header) {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}