/* All pages enter from the left; the header stays in place. */
@keyframes page-arrive {
  from { transform: translateX(-100vw); }
  to { transform: translateX(0); }
}
html { overflow-x: clip; }
main { animation: page-arrive 320ms cubic-bezier(.22, 1, .36, 1) both; }
@media (prefers-reduced-motion: reduce) {
  main { animation: none !important; }
  html { scroll-behavior: auto !important; }
}