@font-face {
    font-family: "Axiforma Bonteh";
    src: url("../fonts/axiforma/Axiforma-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Axiforma Bonteh";
    src: url("../fonts/axiforma/Axiforma-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Axiforma Bonteh";
    src: url("../fonts/axiforma/Axiforma-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Axiforma Bonteh";
    src: url("../fonts/axiforma/Axiforma-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Axiforma Bonteh";
    src: url("../fonts/axiforma/Axiforma-ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Axiforma Bonteh";
    src: url("../fonts/axiforma/Axiforma-Black.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

body {
    --font-heading: "Axiforma Bonteh", Arial, sans-serif;
    --font-body: "Axiforma Bonteh", Arial, sans-serif;
    --font-serif: "Axiforma Bonteh", Arial, sans-serif;
    --font-sans: "Axiforma Bonteh", Arial, sans-serif;
    font-family: "Axiforma Bonteh", Arial, sans-serif;
}

body :is(h1, h2, h3, h4, h5, h6, [data-part="title"]) {
    font-family: "Axiforma Bonteh", Arial, sans-serif;
}

body,
body * {
    font-style: normal !important;
}

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}

.breaking-ticker,
.ticker-viewport {
    max-width: 100vw;
    min-width: 0;
    overflow: hidden;
}

.site-header [data-part="wordmark"] {
    font-weight: 900;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    text-align: center;
    justify-content: center;
}

.site-header [data-region="masthead"] > p {
    margin-top: 10px !important;
    margin-inline: auto !important;
    text-align: center;
}

@media (max-width: 767px) {
    .site-header [data-part="wordmark"] {
        font-size: clamp(22px, 7.5vw, 48px) !important;
        gap: 6px;
    }

    .site-header .wordmark-flourish {
        width: clamp(10px, 2.5vw, 18px);
    }
}

.site-header [data-region="masthead"] p,
.membership-cta__prose h2 mark,
.membership-cta__prose mark {
    font-style: normal !important;
}