/* design-system/about-tokens.css · GENERATED by design-system/build.py from design-system/components/about.css.
   Page-only token sheet: edit the sources, not this file. */
/* ===== SOURCE: design-system/components/about.css ===== */
@layer tokens {
html .cs-reader[data-cs-case="about"] {
--about-bg: var(--cs-bg);
--about-surface: var(--cs-surface);
--about-text: var(--cs-text);
--about-muted: var(--cs-muted);
--about-accent: var(--cs-accent);
--about-accent-fill: var(--cs-accent-fill);
--about-rule: var(--cs-rule);
--about-rule-line: 1px solid var(--cs-rule);
--about-face-display: var(--cs-font-display);
--about-face-body: var(--cs-font-body);
--about-face-ui: var(--cs-font-ui);
--about-face-mono: var(--cs-font-mono);
--about-measure: var(--cs-read-measure);
--about-gutter: var(--cs-gutter);
--about-nav-clear: var(--cs-nav-clear);
--about-block-space: var(--cs-space-block);
--about-block-gap: var(--cs-space-l);
--about-grid-gap-x: var(--cs-space-2xl);
--about-grid-gap-y: var(--cs-space-xl);
--about-side-min: 11rem;
--about-bp-container: 46rem;
--about-bp-viewport: 48em;
--about-bp-rail: 64em;
--about-cover-pad-top: calc(var(--cs-nav-clear) + var(--cs-space-xl));
--about-cover-gap: var(--cs-space-xl);
--about-cover-head-gap: var(--cs-space-m);
--about-cover-head-max: 46rem;
--about-cover-head-max-wide: 52rem;
--about-title-size: var(--cs-t-h1);
--about-title-leading: var(--cs-t-h1-lh);
--about-title-weight: 400;
--about-title-tracking: var(--cs-tracking-display);
--about-title-max: 15ch;
--about-title-max-wide: 25ch;
--about-back-hit: 44px;
--about-meta-max: 40rem;
--about-meta-pad: 14px 12px 15px;
--about-meta-icon-inset: 26px;
--about-meta-col-inset: 16px;
--about-meta-icon: 16px;
--about-meta-icon-top: 13px;
--about-meta-value-weight: 500;
--about-meta-value-size: var(--cs-t-small);
--about-meta-value-leading: 1.4;
--about-actions-gap: var(--cs-space-m);
--about-actions-size: var(--cs-t-small);
--about-chip-height: 28px;
--about-chip-pad: 0 12px 0 10px;
--about-chip-gap: 6px;
--about-chip-size: 13px;
--about-chip-icon: 14px;
--about-chip-radius: var(--cs-radius-pill);
--about-chip-ring: inset 0 0 0 1px var(--cs-rule);
--about-head-gap: var(--cs-space-s);
--about-eyebrow-size: var(--cs-t-label);
--about-eyebrow-weight: 600;
--about-eyebrow-leading: 1.2;
--about-eyebrow-tracking: var(--cs-tracking-label);
--about-eyebrow-case: uppercase;
--about-h2-size: var(--cs-t-h2);
--about-h2-leading: var(--cs-t-h2-lh);
--about-h2-max: 24ch;
--about-lede-size: var(--cs-t-lede);
--about-lede-leading: var(--cs-t-lede-lh);
--about-lede-max: 36ch;
--about-body-size: var(--cs-t-body);
--about-body-leading: var(--cs-t-body-lh);
--about-prose-gap: 1em;
--about-link-underline-offset: .18em;
--about-link-underline: 1px;
--about-em-color: var(--cs-accent);
--about-strong-weight: 600;
--about-callout-fill: var(--cs-highlight);
--about-callout-pad: var(--cs-space-m) var(--cs-space-l);
--about-callout-radius: var(--cs-radius-card);
--about-callout-gap: 6px;
--about-callout-label: var(--cs-accent);
--about-facts-top: 2px solid var(--cs-text);
--about-facts-row-pad: var(--cs-space-m) 0;
--about-facts-row-pad-wide: var(--cs-space-l) 0;
--about-facts-row-gap: 6px;
--about-facts-row-gap-wide: var(--cs-space-l);
--about-facts-key-col: 11rem;
--about-facts-key-color: var(--cs-muted);
--about-timeline-pad: 0 0 var(--cs-space-l) 2rem;
--about-timeline-pad-wide: 1.75rem 0 0;
--about-timeline-col-gap: var(--cs-space-m);
--about-timeline-track: 2px;
--about-timeline-track-color: var(--cs-rule);
--about-timeline-node: 12px;
--about-timeline-node-ring: inset 0 0 0 2px var(--cs-accent-fill);
--about-timeline-node-fill: var(--cs-surface);
--about-timeline-node-last: var(--cs-accent-fill);
--about-timeline-icon: 1.3rem;
--about-timeline-when-size: var(--cs-t-label);
--about-timeline-when-leading: 1.3;
--about-timeline-count-color: var(--cs-accent);
--about-timeline-text-size: var(--cs-t-small);
--about-timeline-text-leading: var(--cs-t-small-lh);
--about-list-gap: var(--cs-space-l);
--about-list-gap-wide: var(--cs-space-2xl);
--about-list-num-col: 3rem;
--about-list-item-gap: 4px 12px;
--about-list-num-size: 2.25rem;
--about-list-num-color: var(--cs-accent);
--about-list-title-size: calc(var(--cs-t-h3) * 1.35);
--about-list-title-leading: 1.2;
--about-list-text-color: var(--cs-muted);
--about-impact-fill: var(--cs-inverse-bg);
--about-impact-text: var(--cs-inverse-text);
--about-impact-muted: var(--cs-inverse-muted);
--about-impact-accent: var(--cs-inverse-accent);
--about-impact-pad-wide: var(--cs-space-2xl);
--about-impact-radius-wide: calc(var(--cs-radius-card) * 1.5);
--about-impact-margin-wide: var(--cs-space-xl);
--about-stat-min: 13rem;
--about-stat-gap: var(--cs-space-s);
--about-stat-gap-wide: var(--cs-space-xl);
--about-stat-inner-gap: var(--cs-space-xs);
--about-stat-pad-top: var(--cs-space-l);
--about-stat-rule: 1px solid color-mix(in srgb, var(--cs-inverse-text) 22%, transparent);
--about-stat-size: var(--cs-t-metric);
--about-stat-figures: tabular-nums;
--about-source-size: var(--cs-t-label);
--about-source-leading: 1.4;
--about-traits-col: 2.25rem;
--about-traits-gap: 2px 8px;
--about-traits-pad: var(--cs-space-s) 0;
--about-traits-col-gap-wide: var(--cs-space-l);
--about-traits-num-size: var(--cs-t-small);
--about-traits-num-color: var(--cs-accent);
--about-end-gap: var(--cs-space-m);
--about-end-pad: var(--cs-space-2xl) 0 calc(var(--cs-space-2xl) + 48px);
--about-end-links-gap: 10px;
--about-cta-height: var(--cs-tap);
--about-cta-pad: 0 18px;
--about-cta-gap: 8px;
--about-cta-radius: var(--cs-radius-pill);
--about-cta-size: var(--cs-t-small);
--about-cta-weight: 600;
--about-cta-fill: var(--cs-surface);
--about-cta-ring: inset 0 0 0 1px var(--cs-rule);
--about-cta-primary-fill: var(--cs-inverse-bg);
--about-cta-primary-text: var(--cs-inverse-text);
--about-focus: var(--cs-focus);
--about-focus-radius: 6px;
--about-tap: var(--cs-tap);
--about-reveal: cs-rise .62s var(--cs-ease-camera) both;
--about-reveal-distance: 14px;
--about-reveal-step: 50ms;
--about-reveal-gap: var(--cs-fade-gap, 0s);
--about-ui-motion: var(--cs-dur-ui) var(--cs-ease-ui);
--about-reduced-transition: 1ms;
}
}
/* END components/about.css */