/* Avesta optional motion layer. No dependencies on app startup. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  #main :is(.card,.service-card,.product-card,.feature-card,.tile) {
    transition: transform 220ms ease, box-shadow 220ms ease;
    transform: perspective(960px) translateZ(0);
    will-change: auto;
  }
  #main :is(.card,.service-card,.product-card,.feature-card,.tile):hover {
    transform: perspective(960px) translateY(-4px) rotateX(1deg);
    box-shadow: 0 18px 40px rgba(12,50,39,.12);
  }
}
@media (prefers-reduced-motion:reduce) {
  #main :is(.card,.service-card,.product-card,.feature-card,.tile) {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}