@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Black Italic'), local('HankenGrotesk-BlackItalic'),
        url('fonts/HankenGrotesk-BlackItalic.woff2') format('woff2'),
        url('fonts/HankenGrotesk-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Bold Italic'), local('HankenGrotesk-BoldItalic'),
        url('fonts/HankenGrotesk-BoldItalic.woff2') format('woff2'),
        url('fonts/HankenGrotesk-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk ExtraBold'), local('HankenGrotesk-ExtraBold'),
        url('fonts/HankenGrotesk-ExtraBold.woff2') format('woff2'),
        url('fonts/HankenGrotesk-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Black'), local('HankenGrotesk-Black'),
        url('fonts/HankenGrotesk-Black.woff2') format('woff2'),
        url('fonts/HankenGrotesk-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Bold'), local('HankenGrotesk-Bold'),
        url('fonts/HankenGrotesk-Bold.woff2') format('woff2'),
        url('fonts/HankenGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk ExtraLight Italic'), local('HankenGrotesk-ExtraLightItalic'),
        url('fonts/HankenGrotesk-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/HankenGrotesk-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk ExtraBold Italic'), local('HankenGrotesk-ExtraBoldItalic'),
        url('fonts/HankenGrotesk-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/HankenGrotesk-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Italic'), local('HankenGrotesk-Italic'),
        url('fonts/HankenGrotesk-Italic.woff2') format('woff2'),
        url('fonts/HankenGrotesk-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk ExtraLight'), local('HankenGrotesk-ExtraLight'),
        url('fonts/HankenGrotesk-ExtraLight.woff2') format('woff2'),
        url('fonts/HankenGrotesk-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Light'), local('HankenGrotesk-Light'),
        url('fonts/HankenGrotesk-Light.woff2') format('woff2'),
        url('fonts/HankenGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Medium'), local('HankenGrotesk-Medium'),
        url('fonts/HankenGrotesk-Medium.woff2') format('woff2'),
        url('fonts/HankenGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Medium Italic'), local('HankenGrotesk-MediumItalic'),
        url('fonts/HankenGrotesk-MediumItalic.woff2') format('woff2'),
        url('fonts/HankenGrotesk-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Italic'), local('HankenGrotesk-Italic'),
        url('fonts/HankenGrotesk-Italic.woff2') format('woff2'),
        url('fonts/HankenGrotesk-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Regular'), local('HankenGrotesk-Regular'),
        url('fonts/HankenGrotesk-Regular.woff2') format('woff2'),
        url('fonts/HankenGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Light Italic'), local('HankenGrotesk-LightItalic'),
        url('fonts/HankenGrotesk-LightItalic.woff2') format('woff2'),
        url('fonts/HankenGrotesk-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk SemiBold'), local('HankenGrotesk-SemiBold'),
        url('fonts/HankenGrotesk-SemiBold.woff2') format('woff2'),
        url('fonts/HankenGrotesk-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Thin Italic'), local('HankenGrotesk-ThinItalic'),
        url('fonts/HankenGrotesk-ThinItalic.woff2') format('woff2'),
        url('fonts/HankenGrotesk-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk SemiBold Italic'), local('HankenGrotesk-SemiBoldItalic'),
        url('fonts/HankenGrotesk-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/HankenGrotesk-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: local('Hanken Grotesk Thin'), local('HankenGrotesk-Thin'),
        url('fonts/HankenGrotesk-Thin.woff2') format('woff2'),
        url('fonts/HankenGrotesk-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}