/* Custom Fonts for Still So Far To Go */
/* Auto-generated from Klim Type Foundry test fonts */
/* For testing purposes only - purchase full license for production use */


/* American Grotesk */
@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-heavy-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-heavy-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-heavy-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-condensed-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-compressed-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Grotesk';
    src: url('../fonts/american-grotesk/test-american-grotesk-heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Calibre */
@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibre';
    src: url('../fonts/calibre/test-calibre-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Die Grotesk */
@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-hairline-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-hairline-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-hairline-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-hairline-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-hairline.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-hairline.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-hairline.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-hairline.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-heavy-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-heavy-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-heavy-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-heavy-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-d-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-a-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-c-heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Die Grotesk';
    src: url('../fonts/die-grotesk/test-die-grotesk-b-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Domaine Display */
@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-extrabold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-extrabold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-extrabold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-extrabold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-extrabold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-extrabold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-extrabold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-extrabold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-sans-display-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-condensed-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Display';
    src: url('../fonts/domaine/test-domaine-display-narrow-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Domaine Fine */
@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-extrabold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-extrabold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Fine';
    src: url('../fonts/domaine/test-domaine-sans-fine-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Domaine Text */
@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-text-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-sans-text-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-sans-text-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-text-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-text-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-sans-text-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-sans-text-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-text-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-text-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-sans-text-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-text-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-sans-text-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-text-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-sans-text-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-text-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-sans-text-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-text-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-sans-text-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-sans-text-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine Text';
    src: url('../fonts/domaine/test-domaine-text-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Epicene Display */
@font-face {
    font-family: 'Epicene Display';
    src: url('../fonts/epicene/test-epicene-display-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Display';
    src: url('../fonts/epicene/test-epicene-display-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Display';
    src: url('../fonts/epicene/test-epicene-display-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Display';
    src: url('../fonts/epicene/test-epicene-display-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Display';
    src: url('../fonts/epicene/test-epicene-display-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Display';
    src: url('../fonts/epicene/test-epicene-display-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Display';
    src: url('../fonts/epicene/test-epicene-display-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Display';
    src: url('../fonts/epicene/test-epicene-display-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Display';
    src: url('../fonts/epicene/test-epicene-display-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Display';
    src: url('../fonts/epicene/test-epicene-display-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Epicene Text */
@font-face {
    font-family: 'Epicene Text';
    src: url('../fonts/epicene/test-epicene-text-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Text';
    src: url('../fonts/epicene/test-epicene-text-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Text';
    src: url('../fonts/epicene/test-epicene-text-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Text';
    src: url('../fonts/epicene/test-epicene-text-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Text';
    src: url('../fonts/epicene/test-epicene-text-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Text';
    src: url('../fonts/epicene/test-epicene-text-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Text';
    src: url('../fonts/epicene/test-epicene-text-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Text';
    src: url('../fonts/epicene/test-epicene-text-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Text';
    src: url('../fonts/epicene/test-epicene-text-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Epicene Text';
    src: url('../fonts/epicene/test-epicene-text-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Family */
@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-heavy-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Family';
    src: url('../fonts/family/test-family-heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Feijoa */
@font-face {
    font-family: 'Feijoa';
    src: url('../fonts/feijoa/test-feijoa-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Feijoa';
    src: url('../fonts/feijoa/test-feijoa-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Feijoa';
    src: url('../fonts/feijoa/test-feijoa-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Feijoa Display */
@font-face {
    font-family: 'Feijoa Display';
    src: url('../fonts/feijoa/test-feijoa-display.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* Financier Display */
@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Display';
    src: url('../fonts/financier/test-financier-display-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Financier Text */
@font-face {
    font-family: 'Financier Text';
    src: url('../fonts/financier/test-financier-text-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Text';
    src: url('../fonts/financier/test-financier-text-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Text';
    src: url('../fonts/financier/test-financier-text-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Text';
    src: url('../fonts/financier/test-financier-text-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Text';
    src: url('../fonts/financier/test-financier-text-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Text';
    src: url('../fonts/financier/test-financier-text-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Text';
    src: url('../fonts/financier/test-financier-text-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Financier Text';
    src: url('../fonts/financier/test-financier-text-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Founders */
@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-condensed-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-x-condensed-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-x-condensed-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-condensed-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-x-condensed-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-condensed-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-x-condensed-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-condensed-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-condensed-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders';
    src: url('../fonts/founders/test-founders-grotesk-x-condensed-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Founders Mono */
@font-face {
    font-family: 'Founders Mono';
    src: url('../fonts/founders/test-founders-grotesk-mono-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Mono';
    src: url('../fonts/founders/test-founders-grotesk-mono-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Mono';
    src: url('../fonts/founders/test-founders-grotesk-mono-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Mono';
    src: url('../fonts/founders/test-founders-grotesk-mono-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Mono';
    src: url('../fonts/founders/test-founders-grotesk-mono-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Founders Text */
@font-face {
    font-family: 'Founders Text';
    src: url('../fonts/founders/test-founders-grotesk-text-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Text';
    src: url('../fonts/founders/test-founders-grotesk-text-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Text';
    src: url('../fonts/founders/test-founders-grotesk-text-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Text';
    src: url('../fonts/founders/test-founders-grotesk-text-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Text';
    src: url('../fonts/founders/test-founders-grotesk-text-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Text';
    src: url('../fonts/founders/test-founders-grotesk-text-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Text';
    src: url('../fonts/founders/test-founders-grotesk-text-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Text';
    src: url('../fonts/founders/test-founders-grotesk-text-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Text';
    src: url('../fonts/founders/test-founders-grotesk-text-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Text';
    src: url('../fonts/founders/test-founders-grotesk-text-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Geograph */
@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geograph';
    src: url('../fonts/geograph/test-geograph-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Heldane Display */
@font-face {
    font-family: 'Heldane Display';
    src: url('../fonts/heldane/test-heldane-display-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Heldane Display';
    src: url('../fonts/heldane/test-heldane-display-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heldane Display';
    src: url('../fonts/heldane/test-heldane-display-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Heldane Display';
    src: url('../fonts/heldane/test-heldane-display-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heldane Display';
    src: url('../fonts/heldane/test-heldane-display-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Heldane Display';
    src: url('../fonts/heldane/test-heldane-display-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Heldane Text */
@font-face {
    font-family: 'Heldane Text';
    src: url('../fonts/heldane/test-heldane-text-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Heldane Text';
    src: url('../fonts/heldane/test-heldane-text-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heldane Text';
    src: url('../fonts/heldane/test-heldane-text-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Heldane Text';
    src: url('../fonts/heldane/test-heldane-text-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Heldane Text';
    src: url('../fonts/heldane/test-heldane-text-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Heldane Text';
    src: url('../fonts/heldane/test-heldane-text-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Karbon */
@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-hairline-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-slab-stencil-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-hairline.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-slab-stencil-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/karbon/test-karbon-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Maelstrom */
@font-face {
    font-family: 'Maelstrom';
    src: url('../fonts/maelstrom/test-maelstrom-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maelstrom';
    src: url('../fonts/maelstrom/test-maelstrom-sans-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Manuka */
@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-condensed-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-slab-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-condensed-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-slab-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-slab-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-condensed-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-slab-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-condensed-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-condensed-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-slab-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-slab-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-condensed-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-slab-ultra.woff2') format('woff2');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-condensed-ultra.woff2') format('woff2');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manuka';
    src: url('../fonts/manuka/test-manuka-ultra.woff2') format('woff2');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}


/* Martina Plantijn */
@font-face {
    font-family: 'Martina Plantijn';
    src: url('../fonts/martina-plantijn/test-martina-plantijn-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('../fonts/martina-plantijn/test-martina-plantijn-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('../fonts/martina-plantijn/test-martina-plantijn-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('../fonts/martina-plantijn/test-martina-plantijn-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('../fonts/martina-plantijn/test-martina-plantijn-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('../fonts/martina-plantijn/test-martina-plantijn-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('../fonts/martina-plantijn/test-martina-plantijn-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('../fonts/martina-plantijn/test-martina-plantijn-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('../fonts/martina-plantijn/test-martina-plantijn-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Martina Plantijn';
    src: url('../fonts/martina-plantijn/test-martina-plantijn-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Metric */
@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('../fonts/metric/test-metric-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* National */
@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-extralight-italic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-extralight-italic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-extralight-italic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-extralight-italic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-extralight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-extralight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-extralight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-extralight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-book-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-book.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-extrabold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-extrabold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-extrabold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-extrabold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-extrabold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-extrabold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-extrabold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-extrabold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-extrabold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-extrabold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-narrow-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-condensed-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'National';
    src: url('../fonts/national/test-national-2-compressed-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Newzald */
@font-face {
    font-family: 'Newzald';
    src: url('../fonts/newzald/test-newzald-book-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newzald';
    src: url('../fonts/newzald/test-newzald-book.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newzald';
    src: url('../fonts/newzald/test-newzald-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newzald';
    src: url('../fonts/newzald/test-newzald-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newzald';
    src: url('../fonts/newzald/test-newzald-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newzald';
    src: url('../fonts/newzald/test-newzald-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newzald';
    src: url('../fonts/newzald/test-newzald-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newzald';
    src: url('../fonts/newzald/test-newzald-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Pitch */
@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-sans-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-sans-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-sans-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-sans-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-sans-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-sans-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-sans-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-sans-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-sans-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pitch';
    src: url('../fonts/pitch/test-pitch-sans-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Signifier */
@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-extralight-italic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-extralight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('../fonts/signifier/test-signifier-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Soehne */
@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-extraleicht-kursiv.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-extraleicht.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-leicht-kursiv.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-leicht.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-buch-kursiv.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-buch.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-halbfett-kursiv.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-halbfett.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-dreiviertelfett-kursiv.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-dreiviertelfett.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-kraftig-kursiv.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-kraftig.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-extrafett-kursiv.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-fett-kursiv.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-fett.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne';
    src: url('../fonts/soehne/test-soehne-extrafett.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Soehne Breit */
@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-extraleicht-kursiv.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-extraleicht.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-leicht-kursiv.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-leicht.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-buch-kursiv.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-buch.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-halbfett-kursiv.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-halbfett.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-dreiviertelfett-kursiv.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-dreiviertelfett.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-kraftig-kursiv.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-kraftig.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-fett-kursiv.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-extrafett-kursiv.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-extrafett.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Breit';
    src: url('../fonts/soehne/test-soehne-breit-fett.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Soehne Mono */
@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-extraleicht-kursiv.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-extraleicht.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-leicht-kursiv.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-leicht.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-buch-kursiv.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-buch.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-halbfett-kursiv.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-halbfett.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-dreiviertelfett-kursiv.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-dreiviertelfett.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-kraftig-kursiv.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-kraftig.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-fett-kursiv.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-extrafett-kursiv.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-extrafett.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Mono';
    src: url('../fonts/soehne/test-soehne-mono-fett.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Soehne Schmal */
@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-extraleicht-kursiv.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-extraleicht.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-leicht-kursiv.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-leicht.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-buch-kursiv.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-buch.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-halbfett-kursiv.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-halbfett.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-dreiviertelfett-kursiv.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-dreiviertelfett.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-kraftig-kursiv.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-kraftig.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-extrafett-kursiv.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-fett-kursiv.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-fett.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Soehne Schmal';
    src: url('../fonts/soehne/test-soehne-schmal-extrafett.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* The Future */
@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-extralight-italic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-extralight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future';
    src: url('../fonts/the-future/test-the-future-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* The Future Mono */
@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-thin-italic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-extralight-italic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-extralight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'The Future Mono';
    src: url('../fonts/the-future/test-the-future-mono-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Tiempos Fine */
@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Fine';
    src: url('../fonts/tiempos/test-tiempos-fine-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Tiempos Headline */
@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/tiempos/test-tiempos-headline-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* Tiempos Text */
@font-face {
    font-family: 'Tiempos Text';
    src: url('../fonts/tiempos/test-tiempos-text-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Text';
    src: url('../fonts/tiempos/test-tiempos-text-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Text';
    src: url('../fonts/tiempos/test-tiempos-text-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Text';
    src: url('../fonts/tiempos/test-tiempos-text-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Text';
    src: url('../fonts/tiempos/test-tiempos-text-semibold-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Text';
    src: url('../fonts/tiempos/test-tiempos-text-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Text';
    src: url('../fonts/tiempos/test-tiempos-text-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Text';
    src: url('../fonts/tiempos/test-tiempos-text-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Untitled */
@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-sans-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-sans-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-sans-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-serif-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-sans-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-serif-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-serif-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-sans-medium-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-serif-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-sans-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-sans-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-serif-bold-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-serif-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-sans-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-sans-black-italic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Untitled';
    src: url('../fonts/untitled/test-untitled-sans-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



/* =================================================================
   FONT ASSIGNMENTS
   Uncomment and customize the sections below to apply fonts
   ================================================================= */

/* Example 1: Tiempos for body text (classic serif) */
/*
body {
    font-family: 'Tiempos Text', Georgia, serif;
}
*/

/* Example 2: Calibre for headings (modern sans-serif) */
/*
h1, h2, h3, h4, h5, h6 {
    font-family: 'Calibre', -apple-system, BlinkMacSystemFont, sans-serif;
}
*/

/* Example 3: National for UI elements */
/*
.site-header,
.site-footer,
.post-meta {
    font-family: 'National', sans-serif;
}
*/

/* Example 4: Soehne Mono for code blocks */
/*
code,
pre,
.code-block {
    font-family: 'Soehne Mono', 'Courier New', monospace;
}
*/

/* Example 5: Mix serif and sans-serif */
/*
body {
    font-family: 'Tiempos Text', Georgia, serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Calibre', sans-serif;
}

.post-title {
    font-family: 'Signifier', Georgia, serif;
    font-weight: 700;
}
*/

/* Example 6: All Klim fonts showcase */
/*
.font-tiempos { font-family: 'Tiempos Text', serif; }
.font-calibre { font-family: 'Calibre', sans-serif; }
.font-national { font-family: 'National', sans-serif; }
.font-soehne { font-family: 'Soehne', sans-serif; }
.font-signifier { font-family: 'Signifier', serif; }
.font-domaine { font-family: 'Domaine Display', serif; }
.font-financier { font-family: 'Financier Display', serif; }
.font-heldane { font-family: 'Heldane Display', serif; }
.font-founders { font-family: 'Founders', sans-serif; }
*/

/* =================================================================
   CUSTOM FONT CONFIGURATION
   Add your custom font assignments below
   ================================================================= */