/* --- Self-hosted variable fonts --- */
@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/dynamic/PlayfairDisplay-VariableFont_wght.woff2') format('woff2-variations'),
         url('fonts/dynamic/PlayfairDisplay-VariableFont_wght.woff2') format('woff2');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/dynamic/PlayfairDisplay-Italic-VariableFont_wght.woff2') format('woff2-variations'),
         url('fonts/dynamic/PlayfairDisplay-Italic-VariableFont_wght.woff2') format('woff2');
    font-weight: 400 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Instrument Sans';
    src: url('fonts/dynamic/InstrumentSans-VariableFont_wdth,wght.woff2') format('woff2-variations'),
         url('fonts/dynamic/InstrumentSans-VariableFont_wdth,wght.woff2') format('woff2');
    font-weight: 400 700;
    font-stretch: 75% 100%;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Instrument Sans';
    src: url('fonts/dynamic/InstrumentSans-Italic-VariableFont_wdth,wght.woff2') format('woff2-variations'),
         url('fonts/dynamic/InstrumentSans-Italic-VariableFont_wdth,wght.woff2') format('woff2');
    font-weight: 400 700;
    font-stretch: 75% 100%;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('fonts/dynamic/DMSans-VariableFont_opsz,wght.woff2') format('woff2-variations'),
         url('fonts/dynamic/DMSans-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM Sans';
    src: url('fonts/dynamic/DMSans-Italic-VariableFont_opsz,wght.woff2') format('woff2-variations'),
         url('fonts/dynamic/DMSans-Italic-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 100 1000;
    font-style: italic;
    font-display: swap;
}