@font-face {
    font-family: 'Utopia Std Black Headline';
    src: local('UtopiaStd-BlackHeadline'),
        url('../fonts/UtopiaStd-BlackHeadline.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std';
    src: local('UtopiaStd-Bold'),
        url('../fonts/UtopiaStd-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Caption';
    src: local('UtopiaStd-BoldCapt'),
        url('../fonts/UtopiaStd-BoldCapt.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Caption';
    src: local('UtopiaStd-BoldCaptIt'),
        url('../fonts/UtopiaStd-BoldCaptIt.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Subhead';
    src: local('UtopiaStd-BoldSubhIt'),
        url('../fonts/UtopiaStd-BoldSubhIt.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Subhead';
    src: local('UtopiaStd-BoldSubh'),
        url('../fonts/UtopiaStd-BoldSubh.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Caption';
    src: local('UtopiaStd-CaptIt'),
        url('../fonts/UtopiaStd-CaptIt.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std';
    src: local('UtopiaStd-BoldIt'),
        url('../fonts/UtopiaStd-BoldIt.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Display';
    src: local('UtopiaStd-BoldDispIt'),
        url('../fonts/UtopiaStd-BoldDispIt.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Display';
    src: local('UtopiaStd-Disp'),
        url('../fonts/UtopiaStd-Disp.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Display';
    src: local('UtopiaStd-Disp'),
        url('../fonts/UtopiaStd-Disp.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std';
    src: local('UtopiaStd-Semibold'),
        url('../fonts/UtopiaStd-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Display';
    src: local('UtopiaStd-DispIt'),
        url('../fonts/UtopiaStd-DispIt.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std';
    src: local('UtopiaStd-Regular'),
        url('../fonts/UtopiaStd-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Semibold Caption';
    src: local('UtopiaStd-SemiboldCapt'),
        url('../fonts/UtopiaStd-SemiboldCapt.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std';
    src: local('UtopiaStd-Italic'),
        url('../fonts/UtopiaStd-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Semibold Display';
    src: local('UtopiaStd-SemiboldDisp'),
        url('../fonts/UtopiaStd-SemiboldDisp.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Semibold Caption';
    src: local('UtopiaStd-SemiboldCaptIt'),
        url('../fonts/UtopiaStd-SemiboldCaptIt.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Semibold Display';
    src: local('UtopiaStd-SemiboldDispIt'),
        url('../fonts/UtopiaStd-SemiboldDispIt.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std';
    src: local('UtopiaStd-SemiboldIt'),
        url('../fonts/UtopiaStd-SemiboldIt.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Semibold Subhead';
    src: local('UtopiaStd-SemiboldSubhIt'),
        url('../fonts/UtopiaStd-SemiboldSubhIt.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Subhead';
    src: local('UtopiaStd-Subh'),
        url('../fonts/UtopiaStd-Subh.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Semibold Subhead';
    src: local('UtopiaStd-SemiboldSubh'),
        url('../fonts/UtopiaStd-SemiboldSubh.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Utopia Std Subhead';
    src: local('UtopiaStd-SubhIt'),
        url('../fonts/UtopiaStd-SubhIt.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}