.card {
  border-radius: var(--radius-large);
  background: var(--color-white);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

.card__body {
  padding: var(--space-24);
}

.project-card,
.service-card,
.info-card,
.cta-card {
  border-radius: var(--radius-large);
  background: var(--color-white);
  box-shadow: var(--shadow-small);
  overflow: hidden;
}

.card-media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--color-surface);
}

.card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}

.project-card:hover .card-media img,
.service-card:hover .card-media img,
.info-card:hover .card-media img,
.cta-card:hover .card-media img {
  transform: scale(1.03);
}