/* ============================================================ Site-wide page transitions Works across BOTH design systems (gurey-page.css + about-neon.css). Uses opacity only — never transform on — so fixed navbars (.navbar / .minimal-nav) are not broken by an animated ancestor. ============================================================ */ @media (prefers-reduced-motion: no-preference) { body.pt-enter { animation: ptEnter 0.42s cubic-bezier(0.22, 0.61, 0.36, 1) both; } body.pt-exit { animation: ptExit 0.26s ease both; } } @keyframes ptEnter { from { opacity: 0; } to { opacity: 1; } } @keyframes ptExit { from { opacity: 1; } to { opacity: 0; } }