/*
TYPOGRAPHY
*/
.t-mono,
.t-mono > * {
    font-family: 'Roboto Mono', monospace;
    font-weight: 700;
    font-style: normal;
}
.t-mono.t-small,
.t-mono.t-small > * {
    font-size: 1rem;
    line-height: 110%;
    letter-spacing: 0em;
}
.k-text.t-mono.t-small > p {min-height: calc(1rem * 1.10);}


.t-grot {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-weight: 600;
    font-style: normal;
}
.t-grot.t-large {
    font-size: 4.25rem;
    line-height: 80%;
    letter-spacing: -0.025em;
}
.t-grot.t-xlarge {
    font-size: 9.75vw;
    line-height: 80%;
    letter-spacing: -0.025em;
}
@media only screen and (min-width: 768px) {
    .t-grot.t-xlarge {font-size: 10.15vw;}
}
@media only screen and (min-width: 1200px) {
    .t-grot.t-large {font-size: 5rem;}
    .t-grot.t-xlarge {
        font-size: 5.2vw;
        letter-spacing: -0.04em;
    }
}
@media only screen and (min-width: 2048px) {
    .t-grot.t-large {font-size: 7rem;}
    .t-grot.t-xlarge {font-size: 5.25vw;}
}


/*
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-justify {text-align: justify;}
.t-underline {text-decoration: underline !important;}

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