.home-projects-9__header {
  text-align: center;
}

.home-projects-9__intro {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

.home-projects-9__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 48px;
}

.home-projects-9__card {
  min-height: 318px;
  padding: 22px;
  border-radius: 18px;
  background: var(--color-surface-subtle);
}

.home-projects-9__card--image {
  padding: 16px;
}

.home-projects-9__card--image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 286px;
  border-radius: 16px;
  object-fit: cover;
}

@media (max-width: 1100px) {
  .home-projects-9__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .home-projects-9__grid {
    grid-template-columns: 1fr;
  }
}