/* Feedback is short and input-driven; there are no decorative loops. */
@media (prefers-reduced-motion: no-preference) {
  .people-ops-home :is(.get-started-btn, .login-btn) {
    transition: transform 160ms ease, background-color 160ms ease, color 160ms ease;
  }
  .people-ops-home :is(.get-started-btn, .login-btn):active {
    transform: translateY(1px);
  }
  .people-ops-home .feature-choice:active { transform: translateY(1px); }
  .people-ops-home .header .menu-toggle span {
    transition: transform 180ms ease, opacity 120ms ease;
  }
  .people-ops-home .header .menu-toggle[aria-expanded="true"] span:first-child {
    transform: translateY(7px) rotate(45deg);
  }
  .people-ops-home .header .menu-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }
  .people-ops-home .header .menu-toggle[aria-expanded="true"] span:last-child {
    transform: translateY(-7px) rotate(-45deg);
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .people-ops-home :is(.get-started-btn, .login-btn):hover { transform: translateY(-2px); }
  .people-ops-home :is(.get-started-btn, .login-btn):active { transform: translateY(1px); }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .people-ops-home .preview-scene {
    transform: perspective(1000px) rotateX(var(--hero-tilt-x, 0deg)) rotateY(var(--hero-tilt-y, 0deg));
    transform-origin: center;
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
  }
}