/* Google Fonts are loaded only after cookie consent (see js/cookie-consent.js). */

html,
body {
    font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
    letter-spacing: 0.01em;
    font-feature-settings: 'ss01' on;
    -webkit-font-smoothing: antialiased;
}

.display-font {
    font-family: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 0.95;
    font-feature-settings: normal;
}

.brand-mark {
    font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 0.62rem;
    line-height: 1.2;
    white-space: nowrap;
}

@media (min-width: 640px) {
    .brand-mark {
        letter-spacing: 0.22em;
        font-size: 0.7rem;
    }
}

.label-sharp {
    font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-weight: 500;
    letter-spacing: 0.28em;
    text-transform: uppercase;
}