/* ==========================================================================
   web/src/styles/pages/about.css

   The about page's own slot, loaded for web/src/pages/about.html and for no other page. Two parts
   and nothing else: the run of four facts that is the page's one break, and the imprint at its
   foot. Everything else on the page is the shell (web/src/styles/page.css) and the shared parts
   (web/src/styles/components.css), neither of which this file touches.

   NO GAP BETWEEN GROUPS IS SET HERE. The four steps of the ladder Pin ruled on 2026-09-04
   (web/DECISIONS.md D109 and D110) belong to page.css, and a page that sets one of its own is how
   seven pages end up on seven ladders. The only spacing this file spends is the ladder's first
   rung, --space-xs, INSIDE two parts that each read as one thing.

   Connected files:
     - web/src/pages/about.html        (the only page that loads this)
     - web/src/styles/page.css         (the shell: frame, masthead, column, the four steps)
     - web/src/styles/tokens.css       (every value spent here)
     - web/src/styles/base.css         (the element styles these two rules step over)
     - web/src/styles/pages/README.md  (what belongs in a slot and what does not)
     - web/scripts/build-site.mjs      (injects this file for this page alone)
   ========================================================================== */

/* ==========================================================================
   1. The four facts: the page's one break, and the property it breaks on is SIZE.

   The regular field is visibly regular above it (the opening block of prose) and below it (two
   plain sentences), which is what rhythm rule 2 asks for: a break is only readable against a field
   that was regular first. So exactly one property moves. These four lines take the 24 role, which
   is a role the site already declares; their face, weight, ink, tracking and left keyline are the
   page's own and are not restated here.

   Four short lines against the reading measure also leave a wide quiet field to their right, which
   is the empty half of rule 6's alternation: one dense region, one genuinely empty one, unequal on
   purpose. The empty half is measured on the render rather than declared, because it is whatever
   the longest of the four lines does not use.
   ========================================================================== */

.about-beat {
  font-size: var(--size-h2);
  line-height: var(--line-h2);
}

/* The four lines are one thing, so they sit one grid step apart rather than one reading step: the
   ladder's first rung, 8, which is the same rung the founder asked the checks section's three fine
   lines onto so they would read as a block (web/DECISIONS.md D107). The gap ABOVE the run is the
   column's own within-a-group step, set in page.css, and is not touched here. */
.about-beats > * + * {
  margin-top: var(--space-xs);
}

/* ==========================================================================
   2. The imprint.

   The company's identification is not one more section of the essay: it is what a publication
   prints at its foot, and it is read by somebody who came looking for it. It is told apart from
   the prose above it by SIZE AND INK TOGETHER, never by size alone (rule 3): the small role, in
   the quiet secondary ink, against the primary ink at the reading size directly above.

   Its three lines sit on the ladder's first rung as well, for the same reason the four facts do:
   an address, an email address and one closing line are one block, and 24 between them would read
   as three separate statements.
   ========================================================================== */

.about-imprint,
.about-imprint p {
  font-size: var(--size-body-small);
  line-height: var(--line-body);
  color: var(--hotpot-text-secondary);
}

.about-imprint > * + * {
  margin-top: var(--space-xs);
}