.detail-grid.four {
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}

.background .detail-grid > div {
  padding: 24px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.photo img,
.hero-image img {
  filter: saturate(.94) contrast(1.02);
}

@media (max-width: 1100px) {
  .detail-grid.four {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .detail-grid.four {
    grid-template-columns: 1fr;
  }
}