/* ====================================================== PLEDGES GRID ======== */
/* Used on About. A full-bleed 2-column numbered grid on a band.
   Deliberately NOT a card grid and NOT three-column icon tiles: the numbers are
   typographic, the divisions are hairlines, and the last item spans the full width
   so the grid does not end in an orphaned cell. */
.pledges {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}
@media (max-width: 821px) { .pledges { grid-template-columns: minmax(0, 1fr); } }
.pledges .p {
  padding: 26px 32px 26px 0;
  border-top: 1px solid var(--line);
}
.pledges .p:nth-child(2n) { padding-left: 32px; border-left: 1px solid var(--line); }
.pledges .p:nth-child(2n) { padding-right: 0; }
/* the fifth item spans the row so it reads as a closing statement, not a gap */
.pledges .p:last-child:nth-child(odd) {
  grid-column: 1 / -1; padding-right: 0; border-left: 0; padding-left: 0;
  max-width: 62ch;
}
@media (max-width: 821px) {
  .pledges .p, .pledges .p:nth-child(2n) { padding: 22px 0; border-left: 0; }
}
.pledges .n {
  font-family: var(--mono); font-size: 11px; font-weight: 500;
  letter-spacing: .12em; color: var(--accent); margin-bottom: 12px;
}
.pledges h3 {
  font-size: 17px; font-weight: 510; letter-spacing: -0.011em;
  color: var(--paper); margin: 0 0 8px;
}
.pledges p { color: var(--fog); font-size: 14.5px; line-height: 1.7; margin: 0; max-width: 46ch; }
.pledges a { color: var(--accent); }

/* About's prose columns get a slightly wider measure than the fig default so the
   body text is not a narrow ribbon beside a short heading. */
.fig-in .fig-art > p { max-width: 62ch; }