.service-grid article {
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.service-grid article:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(18, 69, 123, 0.13);
}

.service-photo {
  display: block;
  width: calc(100% + 3.6rem);
  max-width: none;
  aspect-ratio: 4 / 3;
  margin: -1.8rem -1.8rem 1.35rem;
  object-fit: cover;
  border-bottom: 1px solid var(--line);
  transition: transform 0.45s ease;
}

.service-grid article:hover .service-photo {
  transform: scale(1.025);
}

@media (prefers-reduced-motion: reduce) {
  .service-grid article,
  .service-photo { transition: none; }
}