/* IMPORT */
@font-face {
    font-family: DiverXO;
    src: 
        url('../fonts/diverxo-regular.woff2') format('woff2'),
        url('../fonts/diverxo-regular.woff') format('woff'),
        url('../fonts/diverxo-regular.otf') format('opentype');
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: DiverXO_Inverted;
    src: 
        url('../fonts/diverxo-invertida.woff2') format('woff2'),
        url('../fonts/diverxo-invertida.woff') format('woff'),
        url('../fonts/diverxo-invertida.otf') format('opentype');
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
}


/*
TYPOGRAPHY
*/
.t-small,
.t-small_xl {
    font-family: "JetBrains Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: .6666rem;
    line-height: 115%;
    text-transform: uppercase;
    letter-spacing: -.01em;
}

.t-body_xxs {
    font-family: DiverXO, "DiverXO", Avenir Next Condensed, sans-serif !important;
    font-size: .85rem;
    line-height: 100%;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .002em;
}

.t-body,
.t-body_xs {
    font-family: DiverXO, "DiverXO", Avenir Next Condensed, sans-serif !important;
    font-size: 1.1rem;
    line-height: 100%;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .002em;
}

.t-medium {
    font-family: DiverXO, "DiverXO", Avenir Next Condensed, sans-serif !important;
    font-size: 1.3rem;
    line-height: 95%;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .005em;
}

.t-large {
    font-family: DiverXO, "DiverXO", Avenir Next Condensed, sans-serif !important;
    font-size: 1.6rem;
    line-height: 95%;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: -.005em;
}


@media only screen and (min-width: 768px) {
    .t-body {font-size: 1rem;}
    .t-large {font-size: 1.85rem;}
}

@media only screen and (min-width: 1096px) {
    .t-small {font-size: .6rem;}
    .t-small_xl,
    .t-body_xs {font-size: .85rem;}
    .t-body {font-size: 1rem;}
    .t-medium {font-size: 1.25rem;}
    .t-large {font-size: 1.66rem;}
}


.t-body_xxs span.--invert,
.t-body span.--invert,
.t-body_xs span.--invert,
.t-medium span.--invert,
.t-large span.--invert {
    font-family: inherit !important;
    display: inline !important;
}

@media (hover: hover) {
    .t-body_xxs:hover span.--invert,
    .t-body:hover span.--invert,
    .t-body_xs:hover span.--invert,
    .t-medium:hover span.--invert,
    .t-large:hover span.--invert {
        font-family: DiverXO_Inverted !important;
    }
}

@media (hover: none) {
    .t-body_xxs span.--invert,
    .t-body span.--invert,
    .t-body_xs span.--invert,
    .t-medium span.--invert,
    .t-large span.--invert {
        font-family: DiverXO_Inverted !important;
    }
}


/*
STYLES
*/
.t-uppercase {text-transform: uppercase;}
.t-lowercase {text-transform: lowercase;}
.t-left {text-align: left;}
.t-center {text-align: center;}
.t-right {text-align: right;}
.t-underline {text-decoration: underline !important;}

.k-text a {
    font-family: inherit;
    display: inline;
    text-decoration: underline !important;
}