/* One card at a time; CSS-only, with stable hit targets while choosing. */
#service-grid{padding-top:16px;margin-top:-8px;padding-bottom:12px}
#service-grid .service-card{animation:sims-service-rise 12s cubic-bezier(.22,.68,.25,1) infinite;transform-origin:center bottom;will-change:transform}
#service-grid .service-card:nth-child(2){animation-delay:3s}
#service-grid .service-card:nth-child(3){animation-delay:6s}
#service-grid .service-card:nth-child(4){animation-delay:9s}
@keyframes sims-service-rise{0%,23%,100%{transform:translateY(0) scale(1);filter:brightness(1)}5%,13%{transform:translateY(-10px) scale(1.018);filter:brightness(1.17) drop-shadow(0 0 9px #26c8ff66)}18%{transform:translateY(-3px) scale(1.005);filter:brightness(1.06)}}
@media(hover:hover){#service-grid:hover .service-card{animation-play-state:paused}}
#service-grid:focus-within .service-card{animation-play-state:paused}
@media(max-width:760px){@keyframes sims-service-rise{0%,23%,100%{transform:translateY(0);filter:brightness(1)}5%,13%{transform:translateY(-7px);filter:brightness(1.17) drop-shadow(0 0 7px #26c8ff66)}18%{transform:translateY(-2px);filter:brightness(1.06)}}}
@media(prefers-reduced-motion:reduce){#service-grid .service-card{animation:none;will-change:auto}}