/* RUSTJACK — brand tokens + type. GENERATED by tools/build-rustjack-brand.mjs from data/brand.json.
   Load https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;600;700&display=swap for the faces. Monochrome: the only colours are these six neutrals. */
:root {
  --rj-ink: #161616;
  --rj-graphite: #3d3d3b;
  --rj-mist: #9a9894;
  --rj-rule: #d9d6d0;
  --rj-paper-deep: #ebe8e2;
  --rj-paper: #f4f2ee;
  --rj-display: "Anton", Impact, 'Arial Narrow Bold', 'Helvetica Neue', sans-serif;
  --rj-wide: "Inter", system-ui, sans-serif;
  --rj-body: "Inter", system-ui, sans-serif;
}
/* the name and the headings: heavy condensed caps, set tight */
.rj-display { font-family: var(--rj-display); font-weight: 400; letter-spacing: 0.01em;
  line-height: 0.95; text-transform: uppercase; }
/* taglines, kickers, nav, the value strip: light wide caps with air between the letters */
.rj-wide { font-family: var(--rj-wide); font-weight: 600; letter-spacing: 0.28em;
  line-height: 1.4; text-transform: uppercase; }
.rj-body { font-family: var(--rj-body); font-weight: 400; line-height: 1.6; }
/* the marks draw in currentColor: set color on the container and the mark follows — ink on paper, paper on the black tee */
.rj-mark { color: var(--rj-ink); display: inline-block; line-height: 0; }
.rj-mark svg { display: block; width: 100%; height: auto; }
.rj-on-ink { background: var(--rj-ink); color: var(--rj-paper); }