@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/instrument-sans-latin-variable.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo Black";
  src: url("/assets/fonts/archivo-black-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --brand-paper: #faf9f6;
  --brand-surface: #faf9f6;
  --brand-ink: #1c1c1a;
  --brand-muted: #62625c;
  --brand-line: #d1d0c8;
  --brand-studio: #c8c8c8;
  --brand-accent: #d9d9c8;
  --font-editorial: "Instrument Sans", sans-serif;
  --font-wordmark: "Archivo Black", sans-serif;
  --type-caption: 0.6875rem;
  --type-small: 0.875rem;
  --type-body: 1rem;
  --type-lead: clamp(1.125rem, 1.3vw, 1.375rem);
  --type-heading: clamp(2.5rem, 4.3vw, 4.75rem);
  --type-display: clamp(3.5rem, 7.6vw, 8.5rem);
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --page-gutter: clamp(20px, 4vw, 80px);
  --section-space: clamp(64px, 8vw, 128px);
  --z-navigation: 30;
  --z-menu: 40;
  --z-overlay: 60;
  color-scheme: light;
}