/* Yellow scroll parallax — base styles · v1
 * Tiny CSS partial. Most work is done in yellow-parallax.js.
 * This file ensures GPU acceleration + reduced-motion fallback.
 */
.ypx-target {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Accessibility — no motion if user prefers reduced */
@media (prefers-reduced-motion: reduce) {
  .ypx-target {
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important;
  }
}