/* home.css: the home page's own placing and sizing, with the tokens of system.css only. */

/* #top: each picture's card on its side with no face (scenes\hero-search.md), and each clip's crop on the phone */
.hero__slide--hand { --cx: 63%; --cy: 57%; }
.hero__slide--dental { --cx: 60%; --cy: 62%; --obj-m: 30% 50%; }
.hero__slide--hvac { --cx: 59%; --cy: 64%; --obj-m: 68% 50%; }
.hero__slide--eye { --cx: 59%; --cy: 9%; --obj-m: 60% 50%; }
@media (max-width: 1279px) {
  .hero__slide--hand { --cx: 62%; }
  .hero__slide--hvac { --cx: 57%; }
  .hero__slide--eye { --cx: 53%; --cy: 11%; }
}