/* V17 : flottement sans rotation, zoom et ombre sur les quatre cartes. */
.service-symbol-rotor{width:100%;height:100%}
@media(hover:hover) and (pointer:fine){
 .service-grid .service-symbol-card{
  z-index:0;scale:1;transform-origin:center;
  box-shadow:0 0 0 rgba(35,24,17,0);
  transition:background .4s ease,color .4s ease,scale .35s ease,box-shadow .35s ease;
 }
 .service-grid .service-symbol-card:hover,
 .service-grid .service-symbol-card:focus-visible{
  z-index:2;scale:1.025;
  box-shadow:0 12px 28px rgba(35,24,17,.14);
 }
 .service-symbol-entrance{
  width:130px;height:130px;
  transform:translateY(20px) scale(.86);
  transition:opacity .25s ease,transform .45s cubic-bezier(.2,.8,.2,1);
 }
 .service-symbol-card:hover .service-symbol-entrance,
 .service-symbol-card:focus-visible .service-symbol-entrance{
  transform:translateY(0) scale(1);
  transition:opacity .25s ease,transform .5s cubic-bezier(.2,.8,.2,1);
 }
 .service-symbol-tilt{transform:none;transition:none}
 .service-symbol-rotor{
  animation:serviceGentleFloat 3.2s ease-in-out infinite;
  animation-play-state:paused;
 }
 .service-symbol-card:hover .service-symbol-rotor,
 .service-symbol-card:focus-visible .service-symbol-rotor{
  animation-play-state:running;
 }
 .service-symbol-rotor img{display:block;width:100%;height:100%;object-fit:contain}
}
@keyframes serviceGentleFloat{
 0%,100%{transform:translateY(0)}
 50%{transform:translateY(-8px)}
}
@media(prefers-reduced-motion:reduce){
 .service-symbol-rotor{animation:none!important;transform:none}
 .service-grid .service-symbol-card,
 .service-grid .service-symbol-card:hover,
 .service-grid .service-symbol-card:focus-visible{scale:1;transition:none}
 .service-symbol-entrance,
 .service-symbol-card:hover .service-symbol-entrance,
 .service-symbol-card:focus-visible .service-symbol-entrance{transform:none;transition:none}
}