/* Decisions 53–55: a personal introduction, on the original paper and map. */
.about-review .about-story {
  padding: calc(var(--bar-h) + 48px) 9vw 56px;
  background-image: var(--run-2);
  background-color: var(--mapground);
  background-blend-mode: multiply;
  background-size: max(var(--sheet-w), 100%) auto;
  background-repeat: repeat-y;
  background-position: center top;
}
.about-review .about-opening { max-inline-size: 900px; padding-bottom: 48px; }
.about-review .about-eyebrow {
  margin: 0 0 18px;
  color: var(--orange);
  font: 650 17px/1.35 var(--font-body);
}
.about-review .about-opening h1 {
  max-inline-size: 17ch;
  margin: 0 0 28px;
  font-size: clamp(2.65rem, 2rem + 3vw, 4.5rem);
  line-height: 1.12;
  text-wrap: pretty;
}
.about-review .about-introduction { max-inline-size: 56ch; }
.about-review .about-introduction p,
.about-review .about-section-copy p {
  margin: 0;
  font-size: 21px;
  line-height: 1.5;
  text-wrap: pretty;
}
.about-review .about-introduction p + p,
.about-review .about-section-copy p + p { margin-top: 18px; }
.about-review .about-contact { margin: 26px 0 0; }
.about-review .about-contact .btn { color: var(--paper); white-space: normal; }
.about-review .about-section {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
  gap: clamp(36px, 6vw, 100px);
  border-top: 2px solid var(--ink-line);
  padding: 40px 0;
  scroll-margin-top: calc(var(--bar-h) + 20px);
}
.about-review .about-section h2 {
  max-inline-size: 19ch;
  margin: 0;
  font-size: clamp(2rem, 1.5rem + 1.7vw, 3rem);
  line-height: 1.15;
  text-wrap: pretty;
}
.about-review .about-section-copy { max-inline-size: 49ch; }
.about-review .about-section-copy .about-qualifications { font-size: 17px; line-height: 1.5; }
.about-review .about-qualifications a { text-underline-offset: 3px; }
.about-review #closing-invitation .wp { animation: none; }
@media (max-width: 63.99rem) {
  .about-review .about-story { padding: calc(var(--bar-h) + 36px) 6vw 30px; }
  .about-review .about-opening { padding-bottom: 34px; }
  .about-review .about-opening h1 { max-inline-size: 18ch; font-size: clamp(2.65rem, 6vw, 3.9rem); }
  .about-review .about-section { grid-template-columns: 1fr; gap: 22px; padding-block: 32px; }
  .about-review .about-section h2 { max-inline-size: 27ch; font-size: clamp(2rem, 4.6vw, 2.75rem); }
  .about-review .about-introduction p,
  .about-review .about-section-copy p { font-size: 19px; }
}
@media (max-width: 28rem) {
  .about-review .about-story { padding: calc(var(--bar-h) + 28px) 24px 24px; }
  .about-review .about-eyebrow { margin-bottom: 14px; }
  .about-review .about-opening h1 { font-size: 42px; margin-bottom: 22px; }
  .about-review .about-introduction p,
  .about-review .about-section-copy p { font-size: 18px; }
  .about-review .about-section-copy .about-qualifications { font-size: 16px; }
  .about-review .about-contact .btn { padding-inline: 18px; max-inline-size: 100%; text-align: center; }
}
