:root {
  --paper: #E9EEF0;
  --mat: #DCE3E8;
  --ink: #141E3C;
  --ink-soft: #253052;
  --ink-muted: #2E3958;
  --blue: #2346B0;
  --graphite: #4A5672;
  --placeholder: #56607A;
  --pencil: #8F9BB3;
  --rule: #C6CFDA;
  --signal: #F5C400;
  --photo-tint: #1E3C9E;

  --register-offset: 0.05em 0.045em;
  --grain-opacity: 0.22;
  --radius: 0;

  --font-display: var(--gh-font-heading, "Archivo", "Helvetica Neue", Helvetica, sans-serif);
  --font-text: var(--gh-font-body, "Literata", "Iowan Old Style", Georgia, serif);
  --font-stencil: "Big Shoulders Stencil", "Archivo", Impact, sans-serif;
  --font-code: "B612 Mono", ui-monospace, Menlo, monospace;

  --step-hero: clamp(40px, 5.6vw, 84px);
  --step-title: clamp(38px, 5vw, 74px);
  --step-section: clamp(32px, 3.7vw, 50px);
  --step-email: clamp(28px, 3.4vw, 46px);
  --step-article-h2: clamp(28px, 2.8vw, 36px);
  --step-pull: clamp(26px, 2.7vw, 36px);
  --step-list-title: clamp(24px, 2.4vw, 32px);
  --step-article-h3: 22px;
  --step-standfirst: 22px;
  --step-lede: 21px;
  --step-wordmark: 21px;
  --step-body: 19px;
  --step-summary: 18px;
  --step-ui: 16px;
  --step-code: 15px;
  --step-cap: 13px;
  --step-cap-small: 12px;
  --step-stencil-section: 64px;
  --step-stencil-post: 34px;
  --step-stencil-fig: 17px;

  --leading-display: 1.02;
  --leading-section: 1.08;
  --leading-list-title: 1.15;
  --leading-pull: 1.18;
  --leading-standfirst: 1.5;
  --leading-lede: 1.55;
  --leading-code: 1.6;
  --leading-body: 1.62;

  --tracking-display: -0.03em;
  --tracking-section: -0.025em;
  --tracking-pull: -0.022em;
  --tracking-list-title: -0.018em;
  --tracking-cap: 0.14em;

  --width-wordmark: 118%;
  --width-display: 112%;
  --width-section: 108%;
  --width-article: 104%;
  --width-cap: 70%;

  --measure-body: 36em;
  --measure-lede: 34em;
  --measure-standfirst: 32em;
  --measure-summary: 40em;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 72px;
  --space-11: 88px;

  --sheet-max: 1296px;
  --gutter: clamp(16px, 4.5vw, 72px);
  --label-column: 220px;
  --column-gap: clamp(24px, 4vw, 64px);
  --ruler-tick-spacing: 12px;

  --ease-draw: cubic-bezier(.3, .7, .2, 1);
  --ease-set: cubic-bezier(.2, .75, .25, 1);
  --ease-erase: cubic-bezier(.5, 0, .8, .4);
  --ease-tick: cubic-bezier(.6, 0, .3, 1);

  --dur-set-glyph: 460ms;
  --dur-set-step-hero: 34ms;
  --dur-set-step: 22ms;
  --dur-set-tail: 520ms;
  --dur-caret-fade: 300ms;
  --dur-calm-set: 300ms;
  --dur-second-print: 900ms;
  --dur-num-print: 350ms;
  --dur-titleblock: 900ms;
  --dur-lede: 800ms;
  --dur-ctas: 500ms;
  --delay-ctas: 350ms;
  --dur-ink: 1800ms;
  --dur-ink-portrait: 1700ms;
  --delay-section-set: 260ms;
  --dur-ruler: 900ms;
  --dur-ruler-tick: 160ms;
  --delay-ruler: 80ms;
  --dur-pen-circle: 460ms;
  --dur-pen-line-max: 520ms;
  --dur-pen-erase: 280ms;
  --dur-calm-pen-erase: 120ms;
  --dur-portrait-in: 500ms;
  --delay-portrait-ink: 700ms;
  --dur-breath: 5600ms;
  --dur-sketch: 2200ms;
  --delay-sketch: 300ms;
  --dur-trail-life: 900ms;
  --dur-tick: 520ms;
  --dur-press: 260ms;
  --dur-pen-line-base: 220ms;
  --delay-ruler-ticks: 120ms;
  --dur-ruler-stagger: 900ms;
  --dur-scale-tick: 140ms;
  --delay-scale-ticks: 1300ms;
  --stagger-scale-tick: 14ms;
  --dur-corner: 420ms;
  --delay-corners: 1500ms;
  --stagger-corner: 120ms;
  --dur-dimension: 700ms;
  --dur-dimension-end: 200ms;
  --delay-dimension: 2000ms;
  --stagger-dimension: 100ms;
  --dur-sketch-reveal: 500ms;
  --delay-press: 480ms;
  --delay-lede-min: 500ms;
  --delay-lede-overlap: 300ms;
  --delay-titleblock: 900ms;
  --delay-motion-fallback: 3500ms;
}