/* Subtle depth on home-page provider cards; content stays in one flat plane. */
@media (hover:hover) and (pointer:fine) and (min-width:801px) and (prefers-reduced-motion:no-preference) {
  .cards>.card.depth-ready {
    transform:perspective(1100px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateY(var(--depth-lift,0px));
    transition:transform 240ms ease-out,box-shadow 240ms ease-out;
    box-shadow:0 10px 24px rgba(20,25,35,.08);
  }
  .cards>.card.depth-ready.depth-active {
    --depth-lift:-4px;
    box-shadow:0 22px 42px rgba(20,25,35,.17);
  }
  html[data-theme="dark"] .cards>.card.depth-ready {box-shadow:0 10px 24px rgba(0,0,0,.20)}
  html[data-theme="dark"] .cards>.card.depth-ready.depth-active {box-shadow:0 22px 42px rgba(0,0,0,.38)}
  .cards>.card.depth-ready:focus-within {transform:none;--depth-lift:0px}
}