/* oklartgroup.com. Type, colours, the top row and the program rows come from mail/mail.css and oklart.css.
   Here is only what this page has of its own: the three things every program is held to. */

.values { padding-top: 140px; }
.values > h2 { font-size: clamp(32px, 4.4vw, 56px); font-weight: 600; line-height: 1; letter-spacing: -0.045em; }
.values-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 60px; margin-top: 48px; }
.value { border-top: 1px solid var(--line); padding-top: 22px; }
.value h3 { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; }
.value p { margin-top: 12px; font-size: 18px; line-height: 1.45; color: var(--read); text-wrap: pretty; max-width: 34ch; }

@media (max-width: 980px) {
  .values { padding-top: 100px; }
  .values-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
}
@media (max-width: 640px) {
  .values { padding-top: 70px; }
  .value p { font-size: 17px; }
}