/* ScaleSiam — shared liveliness. A light that follows the pointer over cards
   and tiles, and primary buttons that lean toward it (site-motion.js).
   Fine pointers only; reduced motion turns it all off. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-spotlight] {
    position: relative;
    isolation: isolate;
  }
  [data-spotlight]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: radial-gradient(
      360px circle at var(--mx, 50%) var(--my, 50%),
      var(--spot, rgba(71, 91, 190, 0.13)),
      transparent 62%
    );
    opacity: 0;
    transition: opacity 280ms ease;
    pointer-events: none;
  }
  [data-spotlight]:hover::before {
    opacity: 1;
  }
}