/*
 * Hanken Grotesk via Bunny Fonts (GDPR-vriendelijk alternatief voor Google
 * Fonts, geen self-hosted woff2's nodig). Eén familie voor alles: koppen,
 * tekst en labels, zoals de catalogus-richting voorschrijft.
 *
 * Alleen de subsets latin + latin-ext (voldoende voor Nederlands) en alleen
 * de gewichten die de site echt gebruikt: 400 (tekst), 500, 600 (koppen,
 * knoppen), 700, 800 (grote cijfers, hero-kop).
 */

@font-face {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://fonts.bunny.net/hanken-grotesk/files/hanken-grotesk-latin-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0100-024F, U+1E00-1EFF;
    src: url("https://fonts.bunny.net/hanken-grotesk/files/hanken-grotesk-latin-ext-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("https://fonts.bunny.net/hanken-grotesk/files/hanken-grotesk-latin-500-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    unicode-range: U+0100-024F, U+1E00-1EFF;
    src: url("https://fonts.bunny.net/hanken-grotesk/files/hanken-grotesk-latin-ext-500-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("https://fonts.bunny.net/hanken-grotesk/files/hanken-grotesk-latin-600-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    unicode-range: U+0100-024F, U+1E00-1EFF;
    src: url("https://fonts.bunny.net/hanken-grotesk/files/hanken-grotesk-latin-ext-600-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("https://fonts.bunny.net/hanken-grotesk/files/hanken-grotesk-latin-700-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    unicode-range: U+0100-024F, U+1E00-1EFF;
    src: url("https://fonts.bunny.net/hanken-grotesk/files/hanken-grotesk-latin-ext-700-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("https://fonts.bunny.net/hanken-grotesk/files/hanken-grotesk-latin-800-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Hanken Grotesk";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    unicode-range: U+0100-024F, U+1E00-1EFF;
    src: url("https://fonts.bunny.net/hanken-grotesk/files/hanken-grotesk-latin-ext-800-normal.woff2") format("woff2");
}