.storage-benefits__grid,
.service-highlights__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.storage-benefit-card,
.service-highlight-card {
  padding: 22px 28px 20px;
  border-radius: 14px;
}

.storage-benefit-card h2,
.service-highlight-card h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(20px, 1.6vw, 24px);
  line-height: 1.04;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.storage-benefit-card--burnt,
.service-highlight-card--burnt {
  background: #dc5900;
}

.storage-benefit-card--core,
.service-highlight-card--core {
  background: #ff6700;
}

.storage-benefit-card--bright,
.service-highlight-card--bright {
  background: #ff812c;
}

.storage-benefit-card--sand,
.service-highlight-card--sand {
  background: #fe9b58;
}

@media (max-width: 1200px) {
  .storage-benefits__grid,
  .service-highlights__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .storage-benefits__grid,
  .service-highlights__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .storage-benefit-card,
  .service-highlight-card {
    padding: 18px 22px;
    border-radius: 12px;
  }

  .storage-benefit-card h2,
  .service-highlight-card h2 {
    font-size: 18px;
  }
}