/* ==================== ABOUT PAGE ==================== */

.about-intro h1{ font-size: 2rem; margin-bottom: 0.5rem; }
@media (min-width: 900px){ .about-intro h1{ font-size: 2.5rem; } }

.about-lede{
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.35rem;
  line-height: 1.45;
  color: var(--charcoal-dark);
  margin: 1.2rem 0 1.5rem;
  max-width: 460px;
}
@media (min-width: 900px){ .about-lede{ font-size: 1.55rem; } }

.about-story h2,
.about-work h2,
.about-professional h2{
  font-size: 2rem;
  margin-bottom: 1.4rem;
}
@media (min-width: 900px){
  .about-story h2,
  .about-work h2,
  .about-professional h2{ font-size: 2.25rem; }
}

.about-story .prose p + p,
.about-work .prose p + p,
.about-professional .prose p + p{
  margin-top: 1.1em;
}

.about-story .prose{ max-width: 560px; }

.about-work .closing-line{
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.4rem;
  color: var(--charcoal-dark);
  margin-top: 1.6rem;
}

.about-work .prose{ margin-left: auto; }

.about-pullquote{ text-align: center; }
.about-pullquote p{
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.5rem;
  color: var(--charcoal-dark);
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.4;
}
@media (min-width: 900px){ .about-pullquote p{ font-size: 1.75rem; } }