/* magnetic-cards — companion styles. Load before the script. */

/* The wrapper is the only element the script transforms. The card inside keeps
   its own transform (scroll-reveal, :hover), and the two compose because they
   are nested — no fighting over the same property. */
.magcard-wrap {
  display: grid;        /* single cell: the card stretches as it did in the parent grid */
  will-change: transform;
}

/* Belt and braces: the script already refuses to run under reduced motion,
   but this also neutralises any transform left mid-flight if the preference
   flips while a spring is settling. */
@media (prefers-reduced-motion: reduce) {
  .magcard-wrap {
    transform: none !important;
    will-change: auto;
  }
}