/** * JG Website Manager — Page Transition & Prefetch styles * * Fade-in plays on every page load (body animation). * Fade-out is triggered by JS adding jgwm-leaving to before * navigating to the next (prefetched) page. * The prefers-reduced-motion block suppresses both automatically. */ @keyframes jgwm-page-in { from { opacity: 0; } to { opacity: 1; } } body { animation: jgwm-page-in 0.15s ease-out; } html.jgwm-leaving { opacity: 0; transition: opacity 0.1s ease-in; } @media (prefers-reduced-motion: reduce) { body { animation: none; } html.jgwm-leaving { transition: none; } }