@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;600;700&display=swap");
:root {
  --ink: #1a1714;
  --ink-soft: #3d3832;
  --muted: #6b645c;
  --line: rgba(26, 23, 20, 0.12);
  --paper: #f7f3ec;
  --paper-2: #efe8dc;
  --crimson: #c41e1e;
  --crimson-deep: #c41e1e;
  --max: 1120px;
  --display: "Bebas Neue", Impact, sans-serif;
  --body: "DM Sans", system-ui, sans-serif;
  --bg: #f7f3ec;
  --fill: #efe8dc;
  --red: #c41e1e;
  --soft: #3d3832;
  --font: "DM Sans", system-ui, sans-serif;
  --heading-font: "Bebas Neue", Impact, sans-serif;
  --heading-tracking: 0.05em;
  --body-leading: 1.65;
  --pad: clamp(1.25rem, 4.5vw, 3.5rem);
  --header: clamp(4.25rem, 10vw, 5.5rem);
  font-size: 17px;
}
body {
  font-family: var(--body, var(--font));
  line-height: var(--body-leading, 1.65);
  color: var(--ink-soft, var(--soft));
}
h1, h2, h3, .brand-text, .hero-brand {
  font-family: var(--display, var(--heading-font));
  letter-spacing: var(--heading-tracking, 0.05em);
}