.about-wrap {
  padding: 36px var(--gutter);
}

.about-wrap p {
  font-family: var(--serif);
  font-size: clamp(18px, 4vw, 22px);
  line-height: 1.5;
  max-width: 56ch;
  margin: 0 0 1em;
}

.about-wrap p em { font-style: italic; }

.about-wrap h1, .about-wrap h2, .about-wrap h3 {
  font-family: var(--display);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 2rem 0 0.5rem;
}
.about-wrap h1 { font-size: clamp(28px, 6vw, 42px); }
.about-wrap h2 { font-size: clamp(20px, 4vw, 28px); }
.about-wrap h3 { font-size: clamp(16px, 3vw, 20px); }

.about-wrap ul, .about-wrap ol {
  padding-left: 1.5rem;
  margin: 0.5rem 0 1rem;
  max-width: 56ch;
}
.about-wrap ul li { list-style: disc; font-family: var(--serif); font-size: clamp(16px, 3vw, 18px); line-height: 1.6; margin-bottom: 0.3rem; }
.about-wrap ol li { list-style: decimal; font-family: var(--serif); font-size: clamp(16px, 3vw, 18px); line-height: 1.6; margin-bottom: 0.3rem; }

.about-wrap hr { border: none; border-top: 1px solid var(--rule); margin: 2rem 0; }

.about-wrap a { border-bottom: 1px solid var(--rule); }
.about-wrap a:hover { border-color: var(--fg); color: var(--fg); }

.about-wrap strong { font-weight: 600; }

.about-list {
  margin-top: 28px;
  font-size: 12px;
  line-height: 1.7;
  max-width: 60ch;
}

.about-list dt {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-top: 14px;
}

.about-list dt:first-child { margin-top: 0; }

.about-list dd {
  margin: 4px 0 0;
  font-family: var(--serif);
  font-size: 16px;
}

@media (min-width: 960px) {
  .blog-hero,
  .about-wrap {
    width: min(calc(100% - (var(--gutter) * 2)), 1040px);
    margin-left: auto;
    margin-right: auto;
  }
}