:is(.svc-listing, .proj-listing) .card-image {
  position: relative;
  z-index: 1;
  box-shadow: 0 5px 14px rgba(2,44,56,.09), 0 14px 28px rgba(2,44,56,.06);
}
:is(.svc-listing, .proj-listing) .card-image:hover {
  box-shadow: 0 8px 18px rgba(2,44,56,.14), 0 18px 32px rgba(2,44,56,.12);
}
:is(.svc-listing, .proj-listing) .card-image::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.08) 35%, rgba(255,255,255,.38) 50%, rgba(0,214,207,.10) 60%, transparent 80%);
  transform: translateX(-130%);
}
@media (hover: hover) and (pointer: fine) {
  :is(.svc-listing, .proj-listing) .card-image:hover::after { animation: service-image-shine .85s ease-out both; }
}
@keyframes service-image-shine { to { transform: translateX(130%); } }
@media print {
  :is(.svc-listing, .proj-listing) .card-image::after { display: none; }
}

.project-image-note{margin:24px 0 0;color:var(--muted);font:400 12px/1.6 var(--body)}