/* 3D scroll depth (see scroll-3d.js). Tilted sections project slightly wider
   than the page, so horizontal overflow is clipped to avoid a sideways scrollbar. */
html.has-scroll-3d main {
  overflow-x: clip;
}
html.has-scroll-3d main > section,
html.has-scroll-3d .site-footer {
  backface-visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  main > section,
  .site-footer {
    transform: none !important;
  }
}