/* IMPORT */
@font-face {
    font-family: Neue Haas Grotesk;
    src: url('../fonts/neuehaasgrotDisp-Bold.otf');
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
}

@font-face {
    font-family: Neue Haas Grotesk;
    src: url('../fonts/neuehaasgrotDisp-BoldItalic.otf');
    font-style: italic;
    font-weight: 800;
    font-stretch: normal;
}

@font-face {
    font-family: Harber;
    src: url('../fonts/HARBER-Bold.woff2');
    font-style: normal;
    font-stretch: normal;
}


/*
TYPOGRAPHY
*/
.t-small,
.t-body {font-family: Neue Haas Grotesk;}

.t-small {
    font-size: 1.25rem;
    line-height: 100%;
    letter-spacing: -0.005em;
}

.t-body {
    font-size: 1.75rem;
    line-height: 100%;
    letter-spacing: -0.005em;
}

.t-large {
    font-family: Harber;
    font-size: 7.7vw;
    line-height: 130%;
    font-variation-settings: 'wght' 20;
    letter-spacing: -0.05em;
}

@media only screen and (min-width: 768px) {
    .t-body {font-size: 2rem;}
    .t-large {font-size: 3.7vw;}
}
@media only screen and (min-width: 2048px) {
    .t-small {font-size: 1.5rem;}
    .t-body {font-size: 2.3333rem;}
}


/*
STYLES
*/
.t-italic {font-style: italic;}
.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 {
    display: inline;
    text-decoration: underline !important;
}