/* ============================================================================
   .p-about - /about
   REGENERATED (cycle 6): the page consumes the shared component layer
   (components.css c-hero/c-center+c-head/c-body/c-prose/c-foot/c-cta).
   Only genuine per-page deltas and the two page-signature blocks live here:
   the standards lexicon and the founder pull-quote. Section rhythm comes from
   base .section (--sec-y). Cycle-9 ledger pass removed the .ab-mv__* block
   with its section.
   ========================================================================== */

.p-about{ overflow-x:clip; }

/* ---- hero deltas: the statement headline reads tighter than the component
        default, and the masked reveal needs its inner span to be a block ---- */
.p-about .c-hero__title{ max-width:15ch; }
.p-about .c-hero__title .reveal-inner{ display:block; }
/* the secondary text link sits beside a --lg button, so it steps down a size */
.ab-hero__seelink{ font-size:var(--t-note); }

/* ---- hero motif: a MUTED version of the family ring (/ai-automation carries
       the full-strength stroke). Decoration only - the copy stacks above it. ---- */
.p-about .ab-hero{ position:relative; overflow:hidden; }
.p-about .ab-hero__wrap{ position:relative; }
.p-about .ab-hero__wrap > :not(.ab-hero__ring){ position:relative; z-index:1; }
.p-about .ab-hero__ring{
  position:absolute; top:50%; right:-140px; transform:translateY(-50%);
  width:clamp(260px,30vw,420px); height:clamp(260px,30vw,420px);
  fill:none; stroke:var(--royal); stroke-width:1.5; opacity:.2;
  pointer-events:none; z-index:0;
}

@media (max-width:639px){
  .p-about .c-hero__title{ max-width:none; }
  .p-about .ab-hero__ring{ right:-45vw; opacity:.14; }
}

/* ---- story: one paragraph plus the mono sign-off set as its caption, sharing
        the full content width instead of a narrow centre column with empty
        gutters (the ledger's design note; the content cut left one paragraph,
        so the second column carries the caption rather than more prose). ---- */
.p-about .ab-story__body{ max-width:none; }
.p-about .ab-story__body .ab-story__caption{ margin-top:var(--s-5); color:var(--lime); }

@media (min-width:900px){
  .p-about .ab-story__body{
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,17rem);
    column-gap:clamp(32px,5vw,72px); align-items:start;
  }
  .p-about .ab-story__body .ab-story__caption{ margin-top:0; }
}

/* ================= KEPT UNIQUE - the standards lexicon ===================
   Not c-rows: a three-track baseline-aligned lexicon (numeral / standard /
   gloss on one line at desktop), not a stacked numbered row with a link. */
.ab-values__rows{
  list-style:none; margin:clamp(32px,4.5vw,52px) 0 0; padding:0;
  border-top:1px solid rgba(245,245,245,.22);
}
.ab-values__row{
  display:grid; grid-template-columns:auto 1fr; column-gap:var(--s-4); row-gap:6px;
  padding:var(--s-4) 0; border-bottom:1px solid rgba(245,245,245,.16);
  transition:border-color var(--dur-base) var(--ease-standard);
}
.ab-values__num{
  font-size:var(--t-eyebrow); align-self:start; padding-top:2px;
}
.ab-values__name{
  font-family:var(--f-display); font-weight:600; font-size:clamp(17px,1.8vw,20px);
  letter-spacing:var(--track-h3); text-transform:lowercase;
}
.ab-values__gloss{
  grid-column:2; font-size:var(--t-note); line-height:1.5; max-width:52ch;
}
/* .section--blue forces p/li/span/.deck/.mono to a muted color at specificity
   (0,3,0) (base.css); match that specificity here (3 classes) so source order
   (this file loads after base.css) decides the winner instead of losing silently. */
.p-about .ab-values__row .ab-values__num{ color:var(--lime); }
.p-about .ab-values__row .ab-values__name{ color:var(--text-on-blue); }
.p-about .ab-values__row .ab-values__gloss{ color:var(--text-on-blue-muted); }

@media (min-width:768px){
  .ab-values__row{
    grid-template-columns:36px minmax(0,220px) 1fr; align-items:baseline; column-gap:var(--s-5);
  }
  .ab-values__gloss{ grid-column:auto; }
}
@media (max-width:639px){
  .ab-values__row{ grid-template-columns:auto 1fr; }
}

/* ================= KEPT UNIQUE - founder pull-quote ======================
   A rule-marked blockquote; margin-inline:auto keeps it on the same optical
   column as the centered .c-prose stack above it. */
.ab-founder__quote{
  margin:clamp(36px,5vw,52px) auto 0; padding-left:20px; border-left:2px solid var(--lime);
  max-width:52ch;
}
/* the quote is pinned beside the text column (ledger design note) instead of
   stranding under it with empty space to its right */
.p-about .ab-founder__body{ max-width:none; }
.p-about .ab-founder__note{ margin-top:var(--s-5); color:var(--paper-muted); }

@media (min-width:900px){
  .p-about .ab-founder__body{
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,24rem);
    column-gap:clamp(32px,5vw,72px); align-items:start;
  }
  .p-about .ab-founder__body .ab-founder__quote{ margin-top:0; }
}
.ab-founder__quote p{
  font-family:var(--f-display); font-weight:500; font-size:clamp(19px,2.2vw,24px);
  line-height:1.4; color:var(--paper-full); letter-spacing:var(--track-h3); margin:0;
}
.ab-founder__quote cite{
  display:block; margin-top:14px; font-style:normal; font-size:var(--t-eyebrow);
  letter-spacing:.04em; color:var(--paper-muted);
}