.bio {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 820px;
  margin: 0 auto;
  width: 100%;
}

.bio-header h1 {
  margin: 0 0 8px;
  font-size: clamp(28px, 3vw, 36px);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bio-lead {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.bio p {
  margin: 0;
  line-height: 1.7;
}

@media (max-width: 700px) {
  .bio {
    max-width: 100%;
  }

  .bio-lead {
    font-size: 16px;
  }
}