/* ============================================================
   SUM — /about/ page styles
   Loaded after main.css. Tokens only, no new colours or fonts.

   Only two things live here, because main.css genuinely has no
   equivalent and neither belongs in the shared kit:

   1. .creed — the mission and vision are verbatim 2014 text, so
      they are set as spoken language: large Spectral italic under
      a brass hairline, not a bordered quote card.
   2. .defs — the six values are concepts, not a sequence, so they
      are ineligible for the record and must not become six
      identical cards. A two-column definition roll instead.
   ============================================================ */

/* ---------- The creed (mission / vision) ---------- */
.creed {
  margin: 0 0 var(--s-6);
  padding-top: var(--s-4);
  border-top: 2px solid var(--brass);
}
.creed p {
  margin: 0;
  font-family: var(--font-body);
  font-style: italic;
  font-size: clamp(1.15rem, 0.94rem + 0.9vw, 1.6rem);
  line-height: 1.5;
  color: var(--ink);
  max-width: 42ch;
}
/* The vision is one sentence, so it can carry more size. */
.creed--vision {
  margin-bottom: 0;
}
.creed--vision p {
  font-size: clamp(1.35rem, 1rem + 1.6vw, 2.3rem);
  line-height: 1.32;
  max-width: 30ch;
}

/* ---------- Values (definition roll) ---------- */
.defs {
  margin: 0;
  columns: 21rem;
  column-gap: var(--s-6);
}
.defs > div {
  break-inside: avoid;
  margin-bottom: var(--s-4);
}
.defs dt {
  font-family: var(--font-display);
  font-stretch: 106%;
  font-weight: 650;
  font-size: var(--t-base);
  letter-spacing: -0.004em;
  margin-bottom: 0.15rem;
}
.defs dd {
  margin: 0;
  color: var(--ink-2);
  font-size: var(--t-sm);
}