/* ===== LIGHT ===== */
@font-face {
    font-family: 'GothamPro';
    src: url('/fonts/gothampro/gothampro_light.woff2') format('woff2'),
         url('/fonts/gothampro/gothampro_light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/gothampro/gothampro_lightitalic.woff2') format('woff2'),
         url('../fonts/gothampro/gothampro_lightitalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* ===== REGULAR ===== */
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/gothampro/gothampro.woff2') format('woff2'),
         url('../fonts/gothampro/gothampro.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/gothampro/gothampro_italic.woff2') format('woff2'),
         url('../fonts/gothampro/gothampro_italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* ===== MEDIUM ===== */
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/gothampro/gothampro_medium.woff2') format('woff2'),
         url('../fonts/gothampro/gothampro_medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/gothampro/gothampro_mediumitalic.woff2') format('woff2'),
         url('../fonts/gothampro/gothampro_mediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* ===== BOLD ===== */
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/gothampro/gothampro_bold.woff2') format('woff2'),
         url('../fonts/gothampro/gothampro_bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/gothampro/gothampro_bolditalic.woff2') format('woff2'),
         url('../fonts/gothampro/gothampro_bolditalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ===== BLACK ===== */
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/gothampro/gothampro_black.woff2') format('woff2'),
         url('../fonts/gothampro/gothampro_black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/gothampro/gothampro_blackitalic.woff2') format('woff2'),
         url('../fonts/gothampro/gothampro_blackitalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}