/* Keep the project deck inside the page while preserving native vertical scrolling. */
main { overflow-x: clip; }

/* Subtle desktop hero depth; sections remain flat and readable. */
html.has-scroll-3d .hero-copy, html.has-scroll-3d .hero-visual {
  backface-visibility: hidden;
}
@media (max-width: 600px), (prefers-reduced-motion: reduce), print {
  .hero-copy, .hero-visual {
    transform: none !important;
    opacity: 1 !important;
  }
}