/* The donor home page's impact case (2026-10-17). The parts are maxocala.org's
   (site/mission.css, served here by scripts/donor-site.mjs); this is only
   what the donor page adds: its lead, and every level in studio time. */

.gift-case {
  border-top: 2px solid var(--line-strong);
}

.gift-case .constrain > .ripple {
  margin-top: 48px;
}

/* The ways to give follow the case, so they get a heading of their own. */
.gift-case__ways {
  margin-bottom: 24px;
}

.gift-case__measure {
  max-width: 62ch;
  margin-top: 8px;
}

/* Each way in, in studio time, under its price. */
.path__studio {
  margin-top: 2px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

/* ---- Who we serve ---------------------------------------------------------- */

.who__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 24px 0 0;
}

.who__item {
  padding: 20px 22px;
  border: 2px solid var(--line-strong);
  border-radius: 14px;
  background: var(--surface);
}

.who__item dt {
  font-family: var(--display);
  font-weight: 900;
  font-size: clamp(20px, 2.2vw, 24px);
  line-height: 1.15;
}

.who__item dd {
  margin: 8px 0 0;
  font-size: 16px;
  line-height: 1.55;
}

@media (max-width: 700px) {
  .who__list {
    grid-template-columns: 1fr;
  }
}