/* VALUES SECTION (About page) - four commitments; every second card sits lower so the row reads as a garden bed, not a grid */
.values__head{max-width:700px;margin-bottom:clamp(36px,5vw,64px)}
.values__head p{margin-top:18px;color:var(--muted)}

.values__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.values__grid li{padding:30px 26px 34px;border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-s)}
.values__grid li:nth-child(even){margin-top:40px}
.values__grid li > span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:26px;background:var(--sage-2);color:var(--leaf);border-radius:50% 50% 50% 10px}
.values__grid li:nth-child(2) > span{border-radius:50% 50% 10px 50%}
.values__grid li:nth-child(3) > span{border-radius:10px 50% 50% 50%}
.values__grid li:nth-child(4) > span{border-radius:50% 10px 50% 50%}
.values__grid svg{width:26px;height:26px}
.values__grid p{margin-top:10px;font-size:15px;line-height:1.65;color:var(--muted)}

@media only screen and (max-width:991px){
  .values__grid{grid-template-columns:1fr 1fr}
  .values__grid li:nth-child(even){margin-top:0}
  .values__grid li:nth-child(n+3){margin-top:0}
}
@media only screen and (max-width:575px){
  .values__grid{grid-template-columns:1fr}
}