/* Hanken Grotesk — Variable Font ------------------------------------------- */
@font-face {
    font-family: 'Hanken Grotesk';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('Hanken_Grotesk/HankenGrotesk-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Hanken Grotesk';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('Hanken_Grotesk/HankenGrotesk-Italic-VariableFont_wght.ttf') format('truetype');
}

/* Open Sans — Variable Font ------------------------------------------------ */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 75% 100%;
    font-display: swap;
    src: url('Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 75% 100%;
    font-display: swap;
    src: url('Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
}