/* Athenor Academy — page transitions on the public site (Figma · Motion GL-01).
   © 2026 Squareflow Agency Athens.
   Loaded only by the public pages (frontend/.build/pages.mjs VIEW_TRANSITION_PAGES). A cross-document view transition
   runs only when both pages opt in, so the learner area, sign-in and checkout keep an instant swap (GL-02).
   The old page fades out fast; the new one fades in and rises 8px; the header stays put. Reduced motion: a plain
   cross-fade, no rise. */
@view-transition { navigation: auto; }

.ath-header { view-transition-name: ath-header; }

::view-transition-old(root) { animation: ath-vt-out var(--ath-duration-fast) var(--ath-ease-exit) both; }
::view-transition-new(root) { animation: ath-vt-in var(--ath-duration-standard) var(--ath-ease-standard) both; }
::view-transition-group(ath-header) { animation: none; }

@keyframes ath-vt-out { to { opacity: 0; } }
@keyframes ath-vt-in { from { opacity: 0; transform: translateY(var(--ath-distance-sm)); } }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-new(root) { animation-name: ath-vt-fade; }
  @keyframes ath-vt-fade { from { opacity: 0; } }
}