/* Virts /about page (task t_6e8fac0e) — page-specific pieces only.
   Hero band, kicker/promise, body column, callout and footer furniture are
   shared with /giveback + /ethics via virts-trust.css; do not redeclare
   them here. NOTE: every typographic rule here is prefixed .virts-trust
   — shared virts-trust.css carries `.virts-trust p` (0,1,1), which silently
   out-specifies a bare class (0,1,0) and flattened the display sizes in
   preview QA; keep the prefix on any new rule that sets type.
   Tokens per design/lifeisgood-brief.md: charcoal #393D3C ink,
   cream #EFE9DB / raised panel #F0EEE9, marigold #F59E0B, Libre Franklin
   display + Inter body. */

/* ------------------------------------------------------- founder-note band */
/* The origin note set as a typographic quote: marigold opening glyph,
   display first line, raised cream panel matching the hero copy card.
   Panel capped to 64rem (left-anchored, per the shared grid-alignment
   convention) so the text measure fills it instead of a wide empty
   right gutter (QA t_6e8fac0e). */
.virts-trust .virts-about-note {
  max-width: 64rem;
  margin: 2rem 0 0;
  padding: clamp(2rem, 5vw, 3.25rem) clamp(1.5rem, 5vw, 3.5rem);
  background: #F0EEE9;
  border: 1px solid rgba(57, 61, 60, 0.1);
  border-radius: 24px;
}

.virts-trust .virts-about-note-line {
  max-width: 54rem;
  margin: 0 0 1.25rem;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.virts-trust .virts-about-note-line:last-child {
  margin-bottom: 0;
}

.virts-trust .virts-about-note-line--display {
  font-family: "Libre Franklin", "Franklin Gothic", Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(1.3rem, 3vw, 2rem);
  line-height: 1.3;
  letter-spacing: -0.015em;
  text-wrap: balance;
}

.virts-trust .virts-about-note-line--display::before {
  content: "\201C";
  display: block;
  height: 0.42em;
  margin-bottom: 0.2em;
  font-size: clamp(3.5rem, 8vw, 5.5rem);
  line-height: 0.6;
  color: #F59E0B;
}

.virts-trust .virts-about-note-quote {
  /* static TTF pair only — synthetic italic reads cheap at display sizes */
  font-style: normal;
}

/* ---------------------------------------------------- giant #3 Courage echo */
/* Decorative brand echo (SPEC §2.3 — the numbering IS the brand). Hidden
   from assistive tech; the body copy carries the fact. Word + number are
   settings so the echo can track the current release without a code change. */
.virts-trust .virts-about-word {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  margin: clamp(2rem, 5vw, 3rem) 0;
  font-family: "Libre Franklin", "Franklin Gothic", Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(3.25rem, 13vw, 8rem);
  line-height: 0.95;
  letter-spacing: -0.03em;
}

.virts-trust .virts-about-word-num {
  font-size: 0.28em;
  letter-spacing: 0.06em;
  color: #F59E0B;
}

/* --------------------------------------------------- quiet roots register */
/* Same words, said softer: the patristic paragraph deliberately drops below
   body weight so the page never peaks on the sermon note. */
.virts-trust .virts-about-roots p {
  margin: 0;
  padding-left: 1.25rem;
  border-left: 2px solid rgba(57, 61, 60, 0.25);
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(57, 61, 60, 0.72);
}