/* Entrances stage and play through WAAPI. Static HTML starts fully visible. */
@media (prefers-reduced-motion: no-preference) {
  html[data-production="true"][data-motion="on"] .modern-header {
    transition: box-shadow .18s ease-out, background-color .18s ease-out;
  }
  html[data-production="true"][data-motion="on"] :is(.btn,.overview-card,.service-selector-button) {
    transition: transform .16s ease-out, box-shadow .16s ease-out, background-color .16s ease-out;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[data-production="true"][data-motion="on"] .btn:hover { transform: translateY(-1px); }
  html[data-production="true"][data-motion="on"] .overview-card:hover { transform: translateY(-2px); }
}
/* The review frame stays still while this small section accent enters. */
.review-feed-rule {
  width: 78px;
  height: 3px;
  margin-bottom: 22px;
  border-radius: 2px;
  background: var(--modern-icon-blue);
  transform-origin: left center;
}

/* The grouped hero owns the visit card's entrance on the customer site. */
html[data-production="true"] .visit-card { animation: none; }

/* Native deep links land before the section observer starts. */
html[data-production="true"]:has(:target) { scroll-behavior: auto; }

@media print {
  [data-customer-reveal] * {
    opacity: 1 !important;
    translate: none !important;
    scale: none !important;
    clip-path: none !important;
  }
}