@font-face {
  font-family: 'Relative';
  src: url('https://assets.gojust.com/fonts/relative-bold.woff2') format('woff2'),
    url('https://assets.gojust.com/fonts/relative-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Relative';
  src: url('https://assets.gojust.com/fonts/relative-bold-italic.woff2') format('woff2'),
    url('https://assets.gojust.com/fonts/relative-bold-italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Relative';
  src: url('https://assets.gojust.com/fonts/relative-book.woff2') format('woff2'),
    url('https://assets.gojust.com/fonts/relative-book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Relative';
  src: url('https://assets.gojust.com/fonts/relative-book-italic.woff2') format('woff2'),
    url('https://assets.gojust.com/fonts/relative-book-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Relative';
  src: url('https://assets.gojust.com/fonts/relative-medium.woff2') format('woff2'),
    url('https://assets.gojust.com/fonts/relative-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Relative';
  src: url('https://assets.gojust.com/fonts/relative-medium-italic.woff2') format('woff2'),
    url('https://assets.gojust.com/fonts/relative-medium-italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'RelativeMono';
  src: url('https://assets.gojust.com/fonts/relative-mono10pitch.woff2') format('woff2'),
    url('https://assets.gojust.com/fonts/relative-mono10pitch.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'RelativeMono';
  src: url('https://assets.gojust.com/fonts/relative-mono11pitch.woff2') format('woff2'),
    url('https://assets.gojust.com/fonts/relative-mono11pitch.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'RelativeMono';
  src: url('https://assets.gojust.com/fonts/relative-mono12pitch.woff2') format('woff2'),
    url('https://assets.gojust.com/fonts/relative-mono12pitch.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* === Brand-system fonts (PROD-7681) — staged in fonts-beta === */
/* Source Code Pro: wordmark — 300, 900 (regular + italic) */
@font-face {
  font-family: 'Source Code Pro';
  src: url('https://assets.gojust.com/fonts-beta/source-code-pro-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Source Code Pro';
  src: url('https://assets.gojust.com/fonts-beta/source-code-pro-300-italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Source Code Pro';
  src: url('https://assets.gojust.com/fonts-beta/source-code-pro-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Source Code Pro';
  src: url('https://assets.gojust.com/fonts-beta/source-code-pro-900-italic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
}

/* IBM Plex Mono — 300, 400, 500, 600, 700 (regular + italic) */
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-mono-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-mono-300-italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-mono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-mono-400-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-mono-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-mono-500-italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-mono-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-mono-600-italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-mono-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-mono-700-italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
}

/* IBM Plex Sans — 300, 400, 500, 600, 700 (regular + italic) */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-sans-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-sans-300-italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-sans-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-sans-400-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-sans-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-sans-500-italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-sans-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-sans-600-italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-sans-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('https://assets.gojust.com/fonts-beta/ibm-plex-sans-700-italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
}