/* Self-hosted brand webfonts.
 *
 * Served from our own origin, never a font CDN. A <link> to fonts.googleapis.com
 * would disclose every visitor's IP address and user-agent to a third party on
 * page load, and add a render-blocking cross-origin round trip. Vendoring the
 * files costs ~132 KB and removes both problems.
 *
 * Barlow and Barlow Condensed, Copyright 2017 The Barlow Project Authors,
 * licensed under the SIL Open Font License 1.1 — see assets/fonts/OFL.txt.
 *
 * Only the `latin` subset is shipped; the site is English-only, and bundling
 * latin-ext/vietnamese would roughly triple the payload for no benefit.
 *
 * font-display: swap — text paints immediately in the fallback face rather
 * than sitting invisible while the webfont loads.
 */

/* --- Barlow: body and UI ------------------------------------------------ */

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/barlow-400.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/barlow-500.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/barlow-600.woff2") format("woff2");
}

/* --- Barlow Condensed: display, mirroring the wrap's wordmark ------------ */

@font-face {
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/barlow-condensed-700.woff2") format("woff2");
}

@font-face {
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/barlow-condensed-800.woff2") format("woff2");
}

/* The wrap's GRANITE wordmark is heavy condensed italic — this is the face
 * that carries the brand's voice, used for the hero and section display type. */
@font-face {
    font-family: "Barlow Condensed";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/barlow-condensed-800-italic.woff2") format("woff2");
}