/* ═══════════════════════════════════════════════════════════
   ABOUT
   ═══════════════════════════════════════════════════════════ */

#about { background: var(--cream); }

.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: start;
}

.about-body p + p { margin-top: 1.25rem; }

.about-body p { color: #3a3832; }

.about-callout {
  background: var(--accent);
  color: #fff;
  padding: 2.5rem;
  border-radius: 4px;
}

.about-callout blockquote {
  font-family: var(--serif);
  font-size: 1.55rem;
  font-weight: 300;
  font-style: italic;
  line-height: 1.4;
}

.about-callout cite {
  display: block;
  margin-top: 1.5rem;
  font-size: .8rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  opacity: .6;
  font-style: normal;
}