.container {
  width:min(1100px,92vw);
  margin-inline:auto;
}

.grid {
  display:grid;
  gap:1.5rem;
}

.section {
  padding:clamp(3rem,5vw,5rem) 0;
}

.spacer {
  height:1rem;
}

.shadow-xl {
  box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.rounded-xl {
  border-radius:1rem;
}

.muted {
  color:#5a6a66;
}

.pill {
  background:var(--accent-2);
  color:#000;
  padding:.35rem .6rem;
  border-radius:.5rem;
  display:inline-block;
  font-weight:600;
}

.pill--frosted {
  background:rgba(255,255,255,.65);
  color:var(--muted);
}

.pill--overlay {
  background:rgba(0,0,0,.2);
  color:#fff;
}

.lead {
  font-size:1.125rem;
  color:#2b3532;
}

.max-w-36ch {
  max-width:36ch;
}

.text-center {
  text-align:center;
}