/* Geometry hooks used by navigation.js. Kept separate so the motion layer can
   be audited without mixing it into article typography. */
html, body { overflow-x: hidden; }
body { perspective: 900px; perspective-origin: 0% 50%; }
.page-frame { transform-origin: 0% 50%; transform-style: preserve-3d; }
.app-page-surface { transform-origin: 0% 50%; transform-style: preserve-3d; }