/* Microinteracciones opcionales. Los reveals usan Web Animations
   sin reglas que oculten contenido si JavaScript falla. */
@media (prefers-reduced-motion: no-preference) {
  html[data-ui-motion="on"] :is(.btn-play, .btn-ghost, .btn-ink) {
    transition: background .2s, color .2s, border-color .2s, translate .2s ease;
  }
  html[data-ui-motion="on"] :is(.btn-play, .btn-ghost, .btn-ink):active { translate: 0 1px; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[data-ui-motion="on"] :is(.btn-play, .btn-ghost, .btn-ink):hover { translate: 0 -2px; }
  html[data-ui-motion="on"] :is(.service-icon, .job-icon) { transition: transform .3s ease; }
  html[data-ui-motion="on"] :is(.service-card:hover .service-icon, .job-card:hover .job-icon) { transform: translateY(-3px); }
  html[data-ui-motion="on"] .feature-media video { transition: transform .6s cubic-bezier(.2,.7,.2,1); }
  html[data-ui-motion="on"] .feature-media:hover video { transform: scale(1.025); }
}