/* Aulay Co Design System, generated from tokens.json */
:root, [data-theme="paper"] {
  --paper: #ffffff;
  --paper-warm: #f6f4ef;
  --ink: #1f1c18;
  --ink-soft: #625b52;
  --rule: #d9d3c9;
  --rule-ink: var(--ink);
  --pen: #cc1a24;
  --on-ink: var(--paper);
  --focus: var(--ink);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-0: 0;
  --radius-1: 2px;
  --measure: 512px;
  --measure-wide: 680px;
  --page-inset: 160px;
  --bar-height: 56px;
  --tap-min: 48px;
  --photo-small: 96px;
  --photo-large: 680px;
  --exhibit-margin: 240px;
  --exhibit-break: 960px;
  --hand-note: 240px;
  --stroke-hair: 1px;
  --stroke-focus: 2px;
  --stroke-underline: 1px;
  --stroke-strike: 2px;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-mono: "Commit Mono", ui-monospace, Menlo, Consolas, monospace;
}
.hero { font-family: var(--font-serif); font-size: 28px; line-height: 36px; font-weight: 500; }
.hero-lg { font-family: var(--font-serif); font-size: 40px; line-height: 48px; font-weight: 500; }
.heading { font-family: var(--font-serif); font-size: 24px; line-height: 31px; font-weight: 600; }
.heading-lg { font-family: var(--font-serif); font-size: 29px; line-height: 36px; font-weight: 600; }
.wordmark { font-family: var(--font-serif); font-size: 21px; line-height: 28px; font-weight: 600; }
.body { font-family: var(--font-serif); font-size: 18px; line-height: 28px; font-weight: 400; }
.body-strong { font-family: var(--font-serif); font-size: 18px; line-height: 28px; font-weight: 600; }
.quote { font-family: var(--font-serif); font-size: 22px; line-height: 31px; font-weight: 400; font-style: italic; }
.small { font-family: var(--font-serif); font-size: 15px; line-height: 22px; font-weight: 400; }
.figure { font-family: var(--font-mono); font-size: 22px; line-height: 30px; font-weight: 400; }
.social-statement { font-family: var(--font-serif); font-size: 72px; line-height: 80px; font-weight: 500; }
.social-statement-sm { font-family: var(--font-serif); font-size: 52px; line-height: 60px; font-weight: 500; }
.social-line { font-family: var(--font-serif); font-size: 30px; line-height: 40px; font-weight: 400; }
.social-wordmark { font-family: var(--font-serif); font-size: 34px; line-height: 40px; font-weight: 600; }
@font-face { font-family: "Source Serif 4"; src: url("../fonts/SourceSerif4-Text-400-600.woff2") format("woff2"); font-weight: 400 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("../fonts/SourceSerif4-TextItalic-400-600.woff2") format("woff2"); font-weight: 400 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Commit Mono"; src: url("../fonts/CommitMono-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }