/* Open capability columns. Content and 3–5 column count belong to the markup. */
.capability-rail {
  width:min(var(--layout-section-width),calc(100% - 2 * var(--layout-page-gutter)));
  margin-inline:auto;
  padding-block:var(--rhythm-section);
  color:var(--color-text-primary);
}
.capability-rail .capability-rail__headline {
  max-width:900px;
  margin:0;
  font-family:var(--font-display);
  font-size:var(--type-size-section);
  font-weight:400;
  line-height:var(--type-leading-section);
  letter-spacing:-.025em;
  text-wrap:balance;
}
.capability-rail__secondary {color:var(--color-text-supporting)}
.capability-rail__items {
  --capability-columns:3;
  display:grid;
  grid-template-columns:repeat(var(--capability-columns),minmax(0,1fr));
  padding:0;
  margin:var(--space-20) 0 0;
  list-style:none;
  border-block-end:1px solid var(--color-separator);
}
.capability-rail[data-columns="4"] .capability-rail__items {--capability-columns:4}
.capability-rail[data-columns="5"] .capability-rail__items {--capability-columns:5}
.capability-rail__item {
  position:relative;
  min-width:0;
  min-height:240px;
  box-sizing:border-box;
  padding:0 var(--space-4) var(--space-14);
  border-inline-start:1px solid var(--color-separator);
}
.capability-rail__item:last-child {border-inline-end:1px solid var(--color-separator)}
.capability-rail__item::after {
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:0;
  height:var(--space-6);
  background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),var(--color-separator) calc(20% - 1px) 20%);
  pointer-events:none;
}
.capability-rail .capability-rail__label {
  margin:0 0 var(--space-2);
  font-family:var(--font-body);
  font-size:var(--type-size-body);
  font-weight:500;
  line-height:1.4;
  letter-spacing:-.015em;
  text-wrap:balance;
}
.capability-rail .capability-rail__body {
  margin:0;
  color:var(--color-text-secondary);
  font-family:var(--font-body);
  font-size:var(--type-size-body);
  font-weight:400;
  line-height:1.5;
  letter-spacing:-.01em;
  text-wrap:pretty;
}
@media(max-width:1100px) {
  .capability-rail__items {grid-template-columns:1fr;margin-top:var(--space-14)}
  .capability-rail__item {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);
    gap:var(--space-8);
    min-height:0;
    padding:var(--space-6) 0;
    border-inline:0;
    border-block-start:1px solid var(--color-separator);
  }
  .capability-rail__item:last-child {border-inline-end:0}
  .capability-rail__item::after {display:none}
  .capability-rail .capability-rail__label {margin:0}
  .capability-rail .capability-rail__body {max-width:48ch}
}
@media(max-width:560px) {
  .capability-rail__items {margin-top:var(--space-10)}
  .capability-rail__item {grid-template-columns:1fr;gap:var(--space-2)}
}
