.service-symbol-slot{display:none}
@media(hover:hover) and (pointer:fine){
 .service-grid .service-symbol-card{position:relative;min-height:420px}
 .service-symbol-slot{display:grid;place-items:center;height:145px;margin:8px 0 16px;perspective:800px;pointer-events:none}
 .service-symbol-entrance{width:130px;height:130px;opacity:0;transform:translate3d(0,30px,-90px) rotateX(35deg) rotateY(-55deg) rotateZ(-18deg) scale(.55);transition:opacity .26s ease,transform .55s cubic-bezier(.22,.8,.25,1);transform-style:preserve-3d}
 .service-symbol-tilt{width:100%;height:100%;color:#fff;transform:rotateX(var(--symbol-x,0deg)) rotateY(var(--symbol-y,0deg));transition:transform .15s ease-out;transform-style:preserve-3d;filter:drop-shadow(0 12px 12px #0003)}
 .service-symbol-tilt img,.service-symbol-tilt svg{display:block;width:100%;height:100%;object-fit:contain}
 .service-grid .service-symbol-card h3{margin-top:0}
 .service-symbol-card:hover .service-symbol-entrance,.service-symbol-card:focus-visible .service-symbol-entrance{opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0) rotateZ(-5deg) scale(1);transition:opacity .25s ease,transform .7s cubic-bezier(.16,1.35,.35,1)}
 .service-symbol-card:focus-visible{outline:3px solid var(--burgundy);outline-offset:3px;background:var(--burgundy);color:#fff}
 .service-grid .service-symbol-card:focus-visible h3,.service-grid .service-symbol-card:focus-visible p,.service-grid .service-symbol-card:focus-visible b{color:#fff}
}
@media(prefers-reduced-motion:reduce){
 .service-symbol-entrance,.service-symbol-card:hover .service-symbol-entrance,.service-symbol-card:focus-visible .service-symbol-entrance{transition:none;transform:none}
 .service-symbol-tilt{transition:none;transform:none}
}