/* One shared pointer position, different physical depths. No canvas rotation. */
@media (hover:hover) and (pointer:fine) and (min-width:601px) and (prefers-reduced-motion:no-preference) {
  body[data-parallax] {background-position:calc(var(--scene-x,0) * -7px) calc(var(--scene-y,0) * -4px),0 0}
  body[data-parallax] .masthead {
    transform:perspective(1800px) translate3d(calc(var(--scene-x,0) * -3px),calc(var(--scene-y,0) * -2px),0) rotateX(calc(var(--scene-y,0) * -.35deg)) rotateY(calc(var(--scene-x,0) * .55deg));
    background-position:calc(50% + var(--scene-x,0) * -10px) calc(64% + var(--scene-y,0) * -5px);
    transition:none;
  }
  body[data-parallax] .identity {
    transform:translate3d(calc(var(--scene-x,0) * 9px),calc(var(--scene-y,0) * 6px),0) rotateX(calc(4deg - var(--scene-y,0) * 1.5deg)) rotateY(calc(-4deg + var(--scene-x,0) * 2deg));
    transition:none;
  }
  body[data-parallax] .header-tools {transform:translate3d(calc(var(--scene-x,0) * 6px),calc(var(--scene-y,0) * 4px),0)}
  body[data-parallax] main {transform:translate3d(calc(var(--scene-x,0) * -3px),calc(var(--scene-y,0) * -2px),0)}
  body[data-parallax] .materials {
    transform:translate3d(calc(var(--scene-x,0) * 9px),calc(var(--scene-y,0) * 6px),0) rotateX(calc(var(--scene-y,0) * -1.1deg)) rotateY(calc(3deg + var(--scene-x,0) * 1.7deg)) rotateZ(-.65deg);
    transform-origin:50% 35%;
  }
  /* Translation only: the existing canvas rectangle remains the raycast basis. */
  body[data-parallax] .canvas-area {transform:translate3d(calc(var(--scene-x,0) * 3px),calc(var(--scene-y,0) * 2px),0)}
  body[data-parallax] .canvas-top {transform:translate3d(calc(var(--scene-x,0) * 3px),calc(var(--scene-y,0) * 2px),0)}
  body[data-parallax] .filled-count {transform:translate3d(calc(var(--scene-x,0) * 2px),calc(var(--scene-y,0) * 1px),0) rotate(3deg)}
  body[data-parallax] .board-tools,body[data-parallax] .work-actions {transform:translate3d(calc(var(--scene-x,0) * 4px),calc(var(--scene-y,0) * 2.5px),0)}
  body[data-parallax] .feedback {transform:translate3d(calc(var(--scene-x,0) * 2px),calc(var(--scene-y,0) * 1px),0)}
  body[data-parallax] footer {transform:translate3d(calc(var(--scene-x,0) * 1.5px),calc(var(--scene-y,0) * 1px),0)}
}