/* Mouse-only interaction; static layouts, reading order and controls stay intact. */
.contact-reference-cards>.contact-reference-card:focus-within{border-color:#85c7c6;box-shadow:0 7px 24px #17666c13}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .contact-reference-cards.contact-cards-motion-enabled>.contact-reference-card{
  --card-rotate-x:0deg;--card-rotate-y:0deg;--card-lift:0px;--card-glow-x:50%;--card-glow-y:50%;
  transform:perspective(1000px) translate3d(0,var(--card-lift),0) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y));
  transform-origin:center center;
  transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease,border-color .3s ease;
 }
 .contact-cards-motion-enabled>.contact-reference-card::before{
  content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(300px circle at var(--card-glow-x) var(--card-glow-y),#15b5a923,transparent 68%);
  transition:opacity .28s ease;
 }
 .contact-cards-motion-enabled>.contact-reference-card--phone::before{background:radial-gradient(300px circle at var(--card-glow-x) var(--card-glow-y),#ffffff33,transparent 68%)}
 .contact-cards-motion-enabled>.contact-reference-card>:not(.contact-reference-card-watermark){position:relative;z-index:1}
 .contact-reference-cards.contact-cards-motion-enabled>.contact-reference-card.is-card-active{
  --card-lift:-6px;
  border-color:#61b6b7;
  box-shadow:0 18px 38px #1559611c,0 4px 12px #15596108;
  transition:transform .12s ease-out,box-shadow .3s ease,border-color .3s ease;
  will-change:transform;
 }
 .contact-reference-cards.contact-cards-motion-enabled>.contact-reference-card--phone.is-card-active{border-color:#79d9d2;box-shadow:0 18px 38px #086e7a29,0 4px 12px #087b8310}
 .contact-cards-motion-enabled>.contact-reference-card.is-card-active::before{opacity:1}
 .contact-reference-service-strip>div{border-radius:9px;transition:background .25s ease}
 .contact-reference-service-strip>div>span{transition:transform .25s ease}
 .contact-reference-service-strip>div:hover{background:#eaf6f369}
 .contact-reference-service-strip>div:hover>span{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){
 .contact-reference-cards>.contact-reference-card{transform:none!important;transition:none!important;will-change:auto!important}
 .contact-reference-cards>.contact-reference-card::before{display:none!important}
 .contact-reference-service-strip>div,.contact-reference-service-strip>div>span{transition:none!important;transform:none!important}
}
