/* Homepage motion. The engine (sc/scrollcraft.js) drives parallax, reveal,
   tilt and magnet from data-sc-* attributes on the existing markup and writes
   inline styles; these are the only pre-paint rules it needs. Nothing here
   changes the page's content, colour or type. */
[data-sc-reveal] { will-change: clip-path; }
[data-sc-parallax] { will-change: transform; }
[data-sc-tilt] { transform-style: preserve-3d; will-change: transform; }
[data-sc-magnet] { will-change: transform; }
/* tilt and magnet share `transform` with the site's own hover lift, so the
   lift is moved to a box shadow on cards the engine is tilting */
[data-sc-tilt].service-category-card:hover { transform: none; }
.hero-stat .num { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  [data-sc-reveal] { clip-path: none !important; }
  [data-sc-parallax], [data-sc-tilt], [data-sc-magnet] { transform: none !important; }
}