/* page-fade.css — luxury crossfade between marketing pages.
   Loaded alongside page-fade.js on every page. Externalized so the
   site CSP (which forbids inline / JS-injected <style>) permits it. */
html { background: #050505; }
body {
  opacity: 0;
  transition: opacity 0.6s ease;
}
body.page-fade-ready { opacity: 1; }
body.page-fade-out {
  opacity: 0;
  transition: opacity 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  body            { opacity: 1 !important; transition: none !important; }
  body.page-fade-out { opacity: 1 !important; }
}