/* ============================================================
   SECTION: BIO
   Targets: #section-bio
   Change text: #bio-headline, #bio-p1, #bio-p2
   Change CTA link: #bio-cta href in index.html
   ============================================================ */

.bio {
  padding: var(--space-lg) 0;
  border-top: 1px solid var(--color-gray-border);
}

.bio h2 {
  font-family: var(--font-serif);
  font-size: 30px;
  font-weight: 700;
  margin-bottom: var(--space-sm);
  letter-spacing: -.01em;
  line-height: 1.15;
}

.bio p {
  font-size: 14px;
  color: var(--color-gray-text);
  line-height: 1.75;
  font-weight: 300;
  margin-bottom: 10px;
}

.bio p strong {
  color: var(--color-black);
  font-weight: 500;
}

.bio-btn {
  margin-top: var(--space-md);
  text-decoration: none;
}