/* tidy-oak-home-cleaning: editorial and interaction layer (2026-10-12), loaded after the shared demo bundle. */

/* Depth (2026-10-12). Cleaning is about the result: a few sparkles catch the light where the room is clean, following the pointer across the photo. Pointer devices only; off under reduced motion. */
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  body[data-demo="tidy-oak-home-cleaning"] .toHeroArt {
    transform: perspective(1200px) rotateY(calc(var(--dx-px, 0) * -4deg)) rotateX(calc(var(--dx-py, 0) * 3deg));
    transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
  }
  body[data-demo="tidy-oak-home-cleaning"] .toHero .dx-light {
    z-index: 2;
    background:
      radial-gradient(3px 3px at calc(68% + var(--dx-px, 0) * 6%) 30%, #fff, transparent 60%),
      radial-gradient(2px 2px at calc(78% + var(--dx-px, 0) * 8%) 46%, #fff, transparent 60%),
      radial-gradient(4px 4px at calc(62% + var(--dx-px, 0) * 5%) 58%, #fff, transparent 60%),
      radial-gradient(2px 2px at calc(84% + var(--dx-px, 0) * 9%) 24%, #fff, transparent 60%);
    filter: drop-shadow(0 0 6px #ffffff);
  }
  body[data-demo="tidy-oak-home-cleaning"] .toHero.is-lit .dx-light {
    opacity: 1;
    animation: to-twinkle 1.6s ease-in-out infinite alternate;
  }
  @keyframes to-twinkle {
    from {
      opacity: 0.35;
    }
    to {
      opacity: 1;
    }
  }
}