:root {
  --brand-primary: #B14E28;
  --brand-on-primary: #FFFFFF;
  --brand-secondary: #111820;
  --brand-on-secondary: #FFFFFF;
  --brand-accent: #8A3420;
  --brand-paper: #F4F0E7;
  --brand-surface: #FFFDF8;
  --brand-ink: #111820;
  --brand-muted: #667178;
  --brand-line: color-mix(in srgb, #111820 16%, transparent);
  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body: 'Source Sans 3', system-ui, sans-serif;
  --type-h1: clamp(3.15rem, 7.3vw, 7.5rem);
  --type-h2: clamp(2.35rem, 5vw, 5rem);
  --type-body: clamp(1rem, .96rem + .18vw, 1.12rem);
  --layout-container: min(94vw, 91rem);
  --layout-gutter: clamp(.8rem, 2.8vw, 2.6rem);
  --space-section: clamp(4.5rem, 9vw, 8.75rem);
  --radius-brand: .35rem;
  --grain-opacity: .065;
  --motion-duration: 600ms;
  --motion-easing: cubic-bezier(.22,1,.36,1);
  --hero-position: 66% center;
}