/* Section: the four pillars as a plain list, for inner pages. Same ground and
   type as the home page pillars, without the star or the held sequence. */
.pillar-list {
  background: var(--forest);
  color: var(--on-dark);
  padding-block: var(--section);
}
.pillar-list__inner {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: start;
}
.pillar-list__title { font-size: clamp(2.1rem, 3.4vw + .8rem, 3.75rem); }
.pillar-list__intro {
  max-inline-size: 26rem;
  margin-block-start: 1.25rem;
  color: var(--on-dark-muted);
}

.pillar-list__item {
  display: grid;
  gap: .75rem;
  padding-block: clamp(1.75rem, 3.5vw, 2.75rem);
  border-block-start: 1px solid var(--rule-on-dark);
}
.pillar-list__item:last-child { border-block-end: 1px solid var(--rule-on-dark); }
.pillar-list__name { font-size: clamp(1.6rem, 1.4vw + 1.2rem, 2.5rem); }
.pillar-list__text {
  max-inline-size: 34rem;
  color: var(--on-dark-muted);
}

@media (max-width: 53.75em) {
  .pillar-list__inner { grid-template-columns: minmax(0, 1fr); }
}