.prose {
  background: var(--paper);
  padding-inline: var(--gutter);
}

.prose__header {
  width: min(100%, var(--measure));
  margin-inline: auto;
  padding-block-start: 0;
}


.prose__sub {
  font: 400 var(--f0)/var(--lead-body) var(--sans);
  color: var(--ink-soft);
}

.prose__lane {
  width: min(100%, var(--measure));
  margin-inline: auto;
}

.prose__lane > p:not([class]) {
  font: 400 var(--f0)/var(--lead-body) var(--sans);
}

.prose__list {
  font: 400 var(--f0)/var(--lead-body) var(--sans);
  padding-inline-start: var(--head-gap);
}

.prose__lane a { overflow-wrap: anywhere; color: var(--accent-ink); }

.prose__quote {
  font: 400 var(--f1)/var(--lead-head) var(--serif);
  border-inline-start: 2px solid var(--hairline);
  padding-inline-start: var(--head-gap);
}

.prose__pull {
  font: 400 var(--f2)/var(--lead-head) var(--serif);
  text-align: center;
  text-wrap: balance;
  margin-block: var(--breath);
}

.prose__lede {
  font: 400 var(--f1)/var(--lead-head) var(--sans);
  color: var(--ink-soft);
}

.bio { background: var(--paper); padding-inline: var(--gutter); }

.bio__crumbs { width: min(100%, 80rem); margin: 0 auto var(--inset); }

.bio__masthead {
  display: grid;
  gap: var(--inset);
  width: min(100%, 80rem);
  margin: 0 auto var(--band);
}

.bio__portrait { margin: 0; }

.bio__portrait-plate {
  width: 100%; height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
}

.bio__name, .bio__role { margin-block-end: var(--tight-gap); }
.bio__role   { font: 400 var(--f1)/var(--lead-head) var(--sans); color: var(--ink-soft); }
.bio__tenure { font: 400 var(--f0)/var(--lead-body) var(--sans); color: var(--ink-soft); }

.bio__identity > p:not([class]) {
  font: 400 var(--f0)/var(--lead-body) var(--sans);
}

.bio__lane { width: min(100%, var(--measure)); margin-inline: auto; }
.bio__lane > p:not([class]) { font: 400 var(--f0)/var(--lead-body) var(--sans); }
.bio__lane > .prose__quote { margin-inline: 0; }

@media (min-width: 56rem) {
  .bio__masthead { grid-template-columns: calc((100% - var(--band)) / var(--phi2)) 1fr;
                   gap: var(--band); align-items: start; }
}

.bio__identity { max-width: var(--measure); }
@media (min-width: 56rem) {
  .bio__identity { max-width: none; }
  .bio__identity > p:not([class]) { max-width: var(--measure); }
}