/* ============================================================ Page transitions — soft fade between full-page navigations ------------------------------------------------------------ Replaces Framer's SPA cross-page transition after the Framer runtime is removed. Pure CSS fade driven by two classes on that page-transitions.js toggles: .pt-in → fade the page in on load / bfcache restore .pt-out → fade the page out just before navigating away No-JS / reduced-motion: no classes are added, page shows instantly (graceful fallback). ============================================================ */ @media (prefers-reduced-motion: no-preference) { html.pt-in body { animation: pt-page-in 300ms ease both; } html.pt-out body { opacity: 0 !important; transition: opacity 260ms ease; } } @keyframes pt-page-in { from { opacity: 0; } to { opacity: 1; } }