/* GENERATED — DO NOT EDIT THIS FILE.
   Source: jsonholdings/infrastructure/design-tokens/ (config: ventures/cabpurser.json)
   Regenerate: python3 build.py --venture cabpurser
   Verify:     python3 build.py --check
   Edits here are overwritten by the next build, and --check fails while this
   copy differs from what the source emits. */

:root{
  /* One type scale. A size not on it is a size chosen by accident. */
  --t--1:clamp(0.78rem, 0.758rem + 0.09vw, 0.83rem);
  --t-0:clamp(1rem, 0.974rem + 0.108vw, 1.06rem);
  --t-1:clamp(1.08rem, 1.027rem + 0.216vw, 1.2rem);
  --t-2:clamp(1.26rem, 1.129rem + 0.539vw, 1.56rem);
  --t-3:clamp(1.5rem, 1.259rem + 0.989vw, 2.05rem);
  --t-4:clamp(1.95rem, 1.49rem + 1.888vw, 3rem);
  /* Optical tracking bound to size rather than picked per heading.
     sans display at these sizes needs the correction; body text does not.
     --track-xl is for the hero; --track-display for section headings. */
  --track-xl:-0.03em;
  --track-display:-0.021em;
  --track-lead:-0.008em;
  --track-body:0;
  --track-label:0.14em;
}

/* ---- kicker -------------------------------------------------------------
   The label above a heading. Type doing an icon's job, which is this
   portfolio's standing preference over an icon drawn badly.

   Five sites had already built this independently, under three class names and
   six sets of values. What is shared is the TYPE — face, size, weight, tracking,
   case, colour. Layout (display, gap, margin) and the little rule each brand
   draws beside it stay in that site's own stylesheet, because those are the
   parts that are genuinely different. Load this file BEFORE the site's, so a
   contextual override like `.on-dark .eyebrow` still wins. */
.label{
  font-family:var(--mono);
  font-size:var(--t--1);
  font-weight:400;
  line-height:1.4;
  letter-spacing:var(--track-label);
  text-transform:uppercase;
  color:var(--ink-3);
}

/* ---- stat -----------------------------------------------------------------
   A figure with its label. Every number set in one of these is meant to be
   checkable by the reader — this is evidence, not a vanity band. */
.stat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:1.75rem 1.5rem;
}
.stat{min-width:0}
.stat-figure{
  display:block;
  font-family:var(--mono);
  font-size:var(--t-4);
  font-weight:600;
  line-height:1.05;
  letter-spacing:var(--track-display);
  font-variant-numeric:tabular-nums lining-nums;
  color:var(--ink);
}
.stat-figure .unit{
  font-size:.6em;
  letter-spacing:var(--track-body);
  color:var(--ink-3);
}
.stat-rule{
  width:2.25rem;height:1px;margin:.7rem 0 .6rem;border:0;
  background:var(--rule-2);
}
.stat-label{
  display:block;
  font-size:var(--t-0);
  font-weight:600;
  letter-spacing:var(--track-body);
  color:var(--ink);
  text-wrap:balance;
}
.stat-note{
  display:block;
  margin-top:.25rem;
  font-size:var(--t--1);
  line-height:1.5;
  color:var(--ink-3);
  text-wrap:pretty;
}