/* About — the one page on the site that carries prose. */
.about{ padding-block: var(--s6) var(--s9); }

.about__name{
  font-size: clamp(2.5rem, 9vw, 7rem);
  line-height: 0.92;
  letter-spacing: var(--tracking-loud);
  text-transform: uppercase;
  margin-bottom: var(--s5);
}

.about__intro{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: start;
}
@media (max-width: 860px){ .about__intro{ grid-template-columns: minmax(0, 1fr); } }

.about__portrait{ margin: 0; }
.about__portrait img{ width: 100%; height: auto; background: var(--hair); }

.about__bio{ font-size: var(--t-lead); line-height: 1.45; max-width: var(--measure); margin: 0; }
.about__meta{ margin-top: var(--s4); }

/* The quote is the one loud moment on the page — her words, set large. */
.about__quote{
  margin: var(--s9) 0;
  max-width: 22ch;
  font: 700 clamp(1.75rem, 5.5vw, 4rem)/1.05 var(--f-display);
  letter-spacing: var(--tracking-loud);
  text-indent: -0.05em;   /* hang the opening quote mark */
}
/* Reset the quote's display-face inheritance: at 11px the loud negative
   tracking collapses the letters into each other. */
.about__quote cite{
  display: block;
  margin-top: var(--s5);
  font: 600 var(--t-micro)/1.4 var(--f-mono);
  font-style: normal;
  letter-spacing: var(--tracking-micro);
  text-transform: uppercase;
  text-indent: 0;
  color: var(--ink-2);
}

.about__section{ margin-top: var(--s8); max-width: var(--measure); }
.about__section h2{ font-size: var(--t-title); margin-bottom: var(--s3); }
.about__section p{ margin: 0 0 var(--s3); }

.about__figure{ margin: var(--s6) 0 0; }
.about__figure img{ width: 100%; height: auto; background: var(--hair); }
.about__figure figcaption{ margin-top: var(--s3); }

.about__cta{ display: inline-block; margin-top: var(--s8); border-bottom: 1px solid var(--ink); padding-bottom: 2px; }