diff --git a/src/styles/global.css b/src/styles/global.css index 03fb026..466529a 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -494,3 +494,16 @@ html.js [data-reveal] .chip { display: none; } } + +/* ---- Cross-document view transitions (facelift polish) -------------------- + Native CSS only: Chromium/Safari get a soft crossfade between pages; Firefox + ignores. Zero JS, zero CSP surface, and reduced-motion turns it off. */ +@media (prefers-reduced-motion: no-preference) { + @view-transition { + navigation: auto; + } + ::view-transition-old(root), + ::view-transition-new(root) { + animation-duration: 180ms; + } +}