/*@font-face {
    font-family: 'Basement Grotesque';
    src: url('/fonts/BasementGrotesque-Black_v1.202.woff2') format('woff2 supports variations'),
         url('/fonts/BasementGrotesque-Black_v1.202.woff2') format('woff2-variations');
    font-weight: 400 700;
    font-display: swap;
    font-style: normal;
}

/**
 * CSS for Basement Grotesque Black
 * Generated by Wakamai Fondue - https://wakamaifondue.com
 * by Roel Nieskens/PixelAmbacht - https://pixelambacht.nl
 */

@font-face {
    font-family: "Basement Grotesque Black";
    src: url("/fonts/BasementGrotesque-Black_v1.202.woff2");
    font-display: swap; // delete if it does not fix flash of invisible text
    unicode-range: U+0020-007E, U+00A0-00AB, U+00AE-00B4, U+00B6-00BB,
        U+00BF-0107, U+010C-0113, U+0116-011B, U+0122-0123, U+012A-012B,
        U+012E-012F, U+0131, U+0133, U+0136-0137, U+0139-013E, U+0141-0148,
        U+014C-014D, U+0150-015B, U+015E-0165, U+016A-016B, U+016E-017E,
        U+0192, U+0237, U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-0308,
        U+030A-030C, U+0312, U+0326-0328, U+1E80-1E85, U+1E9E, U+1EF2-1EF3,
        U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030,
        U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+2248, U+2260,
        U+FB01-FB02;
}

/* Set custom properties for each layout feature */
:root {
    --basement-grotesque-black-aalt: "aalt" off;
    --basement-grotesque-black-case: "case" off;
    --basement-grotesque-black-dlig: "dlig" off;
    --basement-grotesque-black-lnum: "lnum" off;
    --basement-grotesque-black-onum: "onum" off;
    --basement-grotesque-black-ordn: "ordn" off;
    --basement-grotesque-black-ss01: "ss01" off;
    --basement-grotesque-black-ss02: "ss02" off;
    --basement-grotesque-black-ss03: "ss03" off;
    --basement-grotesque-black-sups: "sups" off;
}

/* If class is applied, update custom property and
   apply modern font-variant-* when supported */
.basement-grotesque-black-aalt {
    --basement-grotesque-black-aalt: "aalt" on;
}

.basement-grotesque-black-case {
    --basement-grotesque-black-case: "case" on;
}

.basement-grotesque-black-dlig {
    --basement-grotesque-black-dlig: "dlig" on;
}

@supports (font-variant-ligatures: discretionary-ligatures) {
    .basement-grotesque-black-dlig {
        --basement-grotesque-black-dlig: "____";
        font-variant-ligatures: discretionary-ligatures;
    }
}

.basement-grotesque-black-lnum {
    --basement-grotesque-black-lnum: "lnum" on;
}

@supports (font-variant-numeric: lining-nums) {
    .basement-grotesque-black-lnum {
        --basement-grotesque-black-lnum: "____";
        font-variant-numeric: lining-nums;
    }
}

.basement-grotesque-black-onum {
    --basement-grotesque-black-onum: "onum" on;
}

@supports (font-variant-numeric: oldstyle-nums) {
    .basement-grotesque-black-onum {
        --basement-grotesque-black-onum: "____";
        font-variant-numeric: oldstyle-nums;
    }
}

.basement-grotesque-black-ordn {
    --basement-grotesque-black-ordn: "ordn" on;
}

@supports (font-variant-numeric: ordinal) {
    .basement-grotesque-black-ordn {
        --basement-grotesque-black-ordn: "____";
        font-variant-numeric: ordinal;
    }
}

.basement-grotesque-black-ss01 {
    --basement-grotesque-black-ss01: "ss01" on;
}

.basement-grotesque-black-ss02 {
    --basement-grotesque-black-ss02: "ss02" on;
}

.basement-grotesque-black-ss03 {
    --basement-grotesque-black-ss03: "ss03" on;
}

.basement-grotesque-black-sups {
    --basement-grotesque-black-sups: "sups" on;
}

@supports (font-variant-position: super) {
    .basement-grotesque-black-sups {
        --basement-grotesque-black-sups: "____";
        font-variant-position: super;
    }
}

/* Apply current state of all custom properties
   whenever a class is being applied */
.basement-grotesque-black-aalt,
.basement-grotesque-black-case,
.basement-grotesque-black-dlig,
.basement-grotesque-black-lnum,
.basement-grotesque-black-onum,
.basement-grotesque-black-ordn,
.basement-grotesque-black-ss01,
.basement-grotesque-black-ss02,
.basement-grotesque-black-ss03,
.basement-grotesque-black-sups {
    font-feature-settings: var(--basement-grotesque-black-aalt), var(--basement-grotesque-black-case),
        var(--basement-grotesque-black-dlig), var(--basement-grotesque-black-lnum), var(--basement-grotesque-black-onum),
        var(--basement-grotesque-black-ordn), var(--basement-grotesque-black-ss01), var(--basement-grotesque-black-ss02),
        var(--basement-grotesque-black-ss03), var(--basement-grotesque-black-sups);
}


