/* ============================================
   PAGE TRANSITION — Quick snappy fade
   Loaded via Squarespace Header Code Injection
   ============================================ */

/* Page wrapper starts invisible, snaps in */
#siteWrapper {
  opacity: 0;
  transition: opacity 200ms ease;
}

/* Once loaded, make visible */
body.page-loaded #siteWrapper {
  opacity: 1;
}

/* Fade out when navigating away */
body.page-exit #siteWrapper {
  opacity: 0;
  transition: opacity 150ms ease;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  #siteWrapper {
    opacity: 1 !important;
    transition: none !important;
  }
}