.about-hero {
  background: linear-gradient(120deg, rgba(47, 95, 90, 0.12), transparent 60%);
}

.value-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}

@media (max-width: 900px) {
  .value-grid {
    grid-template-columns: 1fr;
  }
}