.values {
  background: var(--cream);
}
.value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
.value-grid article {
  background: #fff;
  padding: 38px;
  border-radius: var(--radius);
}
.value-grid b {
  font: 700 30px "Noto Sans TC";
  color: var(--sand);
}
.area {
  text-align: center;
  background: linear-gradient(135deg, #eaf9f6, #b9e8df);
}
.area p:last-child {
  max-width: 760px;
  margin: auto;
}
@media (max-width: 700px) {
  .value-grid {
    grid-template-columns: 1fr;
  }
}