/*
  About page (about.html) — display-size bio text. Page-specific rules
  only; shared nav/footer/reset live in base.css. Footer present per
  Input/About Nicholas Erreweyaert.png.

  Measured from the reference (1920x2944, script-assisted row-band scan
  of dark pixels, not eyeballed):
    - Text left ink edge ~29px, right ink edge of the longest line
      ~1877px (43px short of the 1896px right margin line — natural
      word-wrap slack, not a narrower column). The block uses the
      site's standard edge-padding (24px each side), same as every
      other page — NOT a narrower inset column.
    - Line-to-line spacing within a paragraph measured ~52-53px, an
      exact match for font-size-display(40) * line-height-display(1.3)
      — no extra per-line margin needed.
    - Paragraph-to-paragraph spacing measured consistently at 104px
      (line-start to line-start across every one of the 6 paragraph
      boundaries checked) = exactly 2x the normal line spacing, i.e.
      one full extra line-height added after each paragraph.
    - First line top ink ~214px; nav box is ~84px tall, so the gap
      from nav-bottom to text-top is ~130px, close to space-xl (128px)
      alone, but the absolute top offset from the viewport (214px) is
      what's implemented directly: calc(xl+lg+sm) = 208px, ~2.8% off
      the 214px measurement — within the tolerance precedent already
      set on this project (see overview.css/photo.css).
*/

.about-bio {
  padding-top: calc(var(--space-xl) + var(--space-lg) + var(--space-sm)); /* 208px */
  padding-bottom: var(--space-xl);
  font-size: var(--font-size-display);
  line-height: var(--line-height-display);
  font-weight: 400;
}

.about-bio p {
  margin: 0 0 calc(var(--font-size-display) * var(--line-height-display)); /* 52px = 1 line-height, giving a 2-line gap total between paragraphs */
}

.about-bio p:last-child {
  margin-bottom: 0;
}

/* ---------------------------------------------------------------------
   Responsive (2026-07-22). Type size is locked at 40px at every
   breakpoint — the text block is already full-width minus the 24px
   margins (edge-padding), so it reflows naturally without any change.
--------------------------------------------------------------------- */