/* ===========================
   Proxima Nova
   =========================== */

/* Regular (400) */

@font-face {
    font-family: "Proxima Nova";
    src: url("/fonts/proxima-nova-regular.woff2") format("woff2"), url("/fonts/proxima-nova-regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Italic (400 italic) */

@font-face {
    font-family: "Proxima Nova";
    src: url("/fonts/proxima-nova-italic.woff2") format("woff2"), url("/fonts/proxima-nova-italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Semibold (600) */

@font-face {
    font-family: "Proxima Nova";
    src: url("/fonts/proxima-nova-semibold.woff2") format("woff2"), url("/fonts/proxima-nova-semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Bold (700) */

@font-face {
    font-family: "Proxima Nova";
    src: url("/fonts/proxima-nova-bold.woff2") format("woff2"), url("/fonts/proxima-nova-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ===========================
   Brandon Grotesque
   =========================== */

/* Bold (700) */

@font-face {
    font-family: "Brandon Grotesque";
    src: url("/fonts/brandon-grotesque-bold.woff2") format("woff2"), url("/fonts/brandon-grotesque-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ===========================
   Utility classes (optional)
   =========================== */

.tk-proxima-nova {
    font-family: "Proxima Nova", sans-serif;
}

.tk-brandon-grotesque {
    font-family: "Brandon Grotesque", sans-serif;
}