/* Shared title/card motion. No extra background layers or CMS content changes. */
.hero-motion{perspective:1400px}
.hero-motion .hero-grid,.hero-motion .hero-card{perspective:1400px}
.hero-motion .h-title .w{
  display:inline-block;
  text-shadow:0 0 0 rgba(232,234,237,0);
  transition:text-shadow .5s;
}
@media (pointer:fine) and (min-width:861px) and (prefers-reduced-motion:no-preference){
  .hero-motion .h-title .w,.hero-motion .hero-left,.hero-motion .hc-frame{will-change:transform}
  .hero-motion.is-hot .h-title .w{text-shadow:0 0 26px rgba(232,234,237,.5)}
  .hero-motion .hc-frame{transition:none}
}
@media (prefers-reduced-motion:reduce){
  .hero-motion .h-title .w{transition:none;text-shadow:none!important;transform:none!important}
  .hero-motion .hs-parallax,.hero-motion .hs-frame,.hero-motion .hero-left,.hero-motion .hc-frame{transform:none!important}
}
