.capabilities {
  padding:calc(var(--gap) / 2);
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
}
.capabilities .capabilities-block {
  padding:clamp(28px,3.2vw,52px);
  border:2px solid var(--block-stroke);
  border-radius:var(--radius);
  background:var(--tone-blue);
  box-shadow:var(--block-shadow);
}
.capabilities .capabilities-heading { margin:0 0 40px; }
.capabilities .capabilities-kicker {
  display:block;
  margin-bottom:14px;
  font-size:14px;
  font-weight:500;
  line-height:1.5;
}
.capabilities .capabilities-heading h2 {
  margin:0;
  font-size:clamp(32px,3vw,42px);
  font-weight:650;
  line-height:1.3;
  letter-spacing:-.035em;
}
.capabilities .capabilities-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:36px;
}
.capabilities .capability-item { min-width:0; margin:0; }
.capabilities .capability-content {
  padding-top:20px;
  border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent);
}
.capabilities .capability-stage {
  display:flex;
  gap:12px;
  align-items:baseline;
  margin-bottom:18px;
  font-size:14px;
  line-height:1.5;
  font-weight:500;
}
.capabilities .capability-index { font-variant-numeric:tabular-nums; font-size:12px; }
.capabilities .capability-item h3 {
  min-height:2.8em;
  margin:0 0 18px;
  font-size:22px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.capabilities .capability-item p {
  margin:0;
  font-size:16px;
  line-height:1.8;
  font-weight:400;
  overflow-wrap:anywhere;
}
.capabilities .capability-item p span { display:block; }
@media (max-width:1100px) {
  .capabilities .capabilities-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
  .capabilities .capability-item h3 { min-height:0; }
}
@media (max-width:600px) {
  .capabilities .capabilities-block { padding:28px 22px; }
  .capabilities .capabilities-heading { margin-bottom:28px; }
  .capabilities .capabilities-heading h2 { font-size:32px; }
  .capabilities .capabilities-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
  .capabilities .capability-stage { margin-bottom:12px; }
  .capabilities .capability-item h3 { margin-bottom:12px; }
}