/* About page: stacked full-width bands per the pastor's wireframe.
   1. Why Sojourner Hall?  2. Our Faith | Our Tutors  3. The Overlap of
   the Ages  4. Meredith Kline | Church Fathers (Kline cell wider, as
   drawn). */

.about-band {
  border-bottom: 1px solid var(--line);
  padding: 4.5rem 1.5rem;
}
.about-band:last-child { border-bottom: 0; }

.about-inner {
  max-width: 55rem;
  margin: 0 auto;
}
.about-centre { text-align: center; }

.about h1,
.about h2 {
  font-family: 'Cardo', serif;
  font-weight: 400;
}
.about h1 {
  font-size: clamp(2rem, 4vw, 2.8rem);
  margin: .625rem 0 1.5rem;
}
.about h2 {
  font-size: clamp(1.5rem, 2.6vw, 1.9rem);
  margin: .625rem 0 1.125rem;
}
.about-centre .rubric-label { margin-bottom: .25rem; }

.about-prose {
  color: var(--ink-soft);
}
.about-prose p { margin-bottom: 1rem; }
.about-prose p:last-child { margin-bottom: 0; }
.about-centre .about-prose {
  max-width: 40rem;
  margin: 0 auto;
}

.about-band .two-ages-plate {
  margin: .75rem auto 1.75rem;
}

/* A quietly rubricated opening initial for the centred incipit prose;
   a floated drop cap would fight the centred setting. */
#about-why ~ .about-prose > p:first-child::first-letter {
  font-family: 'Cardo', serif;
  font-size: 1.7em;
  line-height: 1;
  color: var(--rubric);
}

/* ---------- Split bands ---------- */
.about-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 72.5rem;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.about-lineage { grid-template-columns: 2fr 1fr; }
.about-cell {
  padding: 0 clamp(1.5rem, 4vw, 3.5rem);
}
.about-cell + .about-cell {
  border-left: 1px solid var(--line);
}
@media (max-width: 720px) {
  .about-split,
  .about-lineage { grid-template-columns: 1fr; }
  .about-cell + .about-cell {
    border-left: 0;
    border-top: 1px solid var(--line);
    margin-top: 2.5rem;
    padding-top: 2.5rem;
  }
}