.about-page {
  --about-purple: #482078;
  --about-plum: #48364f;
  --about-gold: #80601f;
  --about-rule: #d9d2e5;
  background: #f0f7ff;
  color: var(--about-plum);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
.about-page :is(h1, h2, h3) { font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; color: var(--about-purple); letter-spacing: 0; text-wrap: balance; }
.about-page h1 { margin: 0; font-size: 3rem; line-height: 1.2; }
.about-page h2 { font-size: 2rem; line-height: 1.35; }
.about-page h3 { font-size: 1.6rem; line-height: 1.4; }
.about-page .site-header { font-size: 1rem; font-weight: 400; line-height: 1.6; }
.about-page .site-footer { background: #f0f7ff; font-weight: 400; }
.about-page :focus-visible { outline: 3px solid var(--about-gold); outline-offset: 3px; }
.about-page [id] { scroll-margin-top: 6rem; }
.about-reading { max-width: 54rem; }
.about-hero { position: relative; isolation: isolate; min-height: 22rem; padding: 3rem 0 6rem; background: #f0f7ff url("/assets/banners/construction-scenery.png") center / cover no-repeat; text-align: center; }
.about-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: rgba(255, 255, 255, .25); }
.about-page .section { padding: 3rem 0; background: #f0f7ff; }
.about-page .section + .section { border-top: 1px solid var(--about-rule); }
.about-page .section h2 { margin: 0 0 1.5rem; }
.about-page .section h2::before { content: ""; display: block; width: 2.75rem; height: 3px; margin-bottom: 1rem; background: var(--about-gold); }
.about-page p { margin: 0 0 1.25rem; }
.about-page .section p:last-child { margin-bottom: 0; }
.about-conviction { color: var(--about-purple); }
.about-growth { font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; font-size: 1.5rem; font-style: italic; color: var(--about-purple); }
.about-page .about-second-chance { background: #e9f1fc; border-top: 1px solid #cbb8d9; border-bottom: 1px solid #cbb8d9; }
.about-page .about-promise { margin: 1.5rem 0 2rem; padding: 1.5rem 0; border-top: 2px solid var(--about-gold); border-bottom: 2px solid var(--about-gold); font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; font-size: 1.75rem; line-height: 1.5; text-align: center; text-wrap: balance; color: var(--about-purple); }
.about-closing { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 2px solid var(--about-gold); text-align: center; }
.about-closing h3 { margin: 0 0 1rem; }
.about-closing p { color: #704c14; }
.about-status { padding: 1.5rem 0 2rem; background: #f0f7ff; font-size: 1rem; font-weight: 400; }
.about-status p { padding-left: 1rem; border-left: 3px solid var(--about-gold); }
@media (max-width: 48rem) {
  .about-page { font-size: 1.1875rem; }
  .about-page [id] { scroll-margin-top: 7rem; }
  .about-page h1 { font-size: 2rem; }
  .about-page h2 { font-size: 1.75rem; }
  .about-page .section { padding: 2.25rem 0; }
  .about-hero { min-height: 20rem; padding: 2rem 0 5rem; }
  .about-page .about-promise { font-size: 1.5rem; }
}
@media (max-width: 24rem) {
  .about-page { font-size: 1.125rem; }
}