/* Work page: no enter animation on #page-root (Chrome mis-rasters full-page opacity fades).
   Leave (pt-out) only — same timing as site-wide page-transition. */

:root {
  --page-transition-ms: 900ms;
  --page-transition-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --page-transition-x: 100%;
}

html {
  scrollbar-gutter: auto;
}

#page-root {
  background: var(--bg, #ffffff);
}

html.pt-out {
  overflow-x: hidden;
}

html.pt-out #page-root {
  animation: pageTransitionOut var(--page-transition-ms) var(--page-transition-ease) both;
}

@keyframes pageTransitionOut {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.pt-out #page-root {
    animation: none !important;
    transform: none !important;
  }
}