/* The approved 3D artwork is limited to the five homepage service items. */
#services .home-service-toggle img.jvds-icon3d{display:block;flex:0 0 auto;width:64px;height:64px;max-width:none;object-fit:contain;pointer-events:none;user-select:none;transform-origin:50% 62%;transition:transform .32s cubic-bezier(.22,1,.36,1),filter .32s ease;animation:jvds-home-service-icon-enter .65s cubic-bezier(.22,1,.36,1) backwards}
#services .home-service-toggle:is(:hover,:focus-visible) img.jvds-icon3d{transform:translateY(-3px) rotate(-3deg);filter:drop-shadow(0 4px 3px rgb(0 0 0 / .08))}
#services .home-service-toggle:has(.jvds-icon3d){grid-template-columns:64px minmax(0,1fr) 36px}
#services .home-service-toggle:has(.jvds-icon3d) .icon{width:64px;height:64px}
#services .home-service-item:has(.jvds-icon3d){--home-service-text-inset:86px}
@keyframes jvds-home-service-icon-enter{from{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:800px){
  #services .home-service-toggle:has(.jvds-icon3d){grid-template-columns:56px minmax(0,1fr) 32px}
  #services .home-service-toggle:has(.jvds-icon3d) .icon,#services .home-service-toggle img.jvds-icon3d{width:56px;height:56px}
  #services .home-service-item:has(.jvds-icon3d){--home-service-text-inset:70px}
}
@media(prefers-reduced-motion:reduce){#services .home-service-toggle img.jvds-icon3d{animation:none;transition:none}#services .home-service-toggle:is(:hover,:focus-visible) img.jvds-icon3d{transform:none;filter:none}}