/* Isolated motion proposal: transforms/opacity only; content stays visible without JS. */
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
 .blog-card,.lifecycle-card,.service-card,.featured-card{transition:transform 220ms ease,box-shadow 220ms ease}
 .blog-card:hover,.lifecycle-card:hover,.service-card:hover,.featured-card:hover{transform:translateY(-3px);box-shadow:0 7px 18px #00236912}
 .service-sketch,.featured-card img{transition:transform 320ms ease}
 .lifecycle-card:hover .service-sketch{transform:translateY(-2px)}
 .featured-card:hover img{transform:scale(1.012)}
 .expand-mark{transition:transform 180ms ease}
 button[aria-pressed],button[aria-selected],.carousel-dots button{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}