/* IMPORT */
@font-face {
    font-family: PP Kyoto;
    src: url('../fonts/PPKyoto-Semibold.woff2');
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}
@font-face {
    font-family: PP Kyoto;
    src: url('../fonts/PPKyoto-SemiboldItalic.woff2');
    font-style: italic;
    font-weight: 600;
    font-stretch: normal;
}

/* IMPORT */
@font-face {
    font-family: PP Kyoto;
    src: url('../fonts/PPKyoto-Medium.otf');
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: PP Kyoto;
    src: url('../fonts/PPKyoto-MediumItalic.otf');
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}


/*
TYPOGRAPHY
*/
.t-small {
    font-family: PP Kyoto;
    font-size: 1rem;
    line-height: 115%;
    font-weight: 600;
    font-feature-settings: "ss01" 1;
    letter-spacing: -.005em;
}
.t-small.--icon {scale: 1.2;}

.t-body,
.t-body * {
    font-family: PP Kyoto;
    font-size: calc(1rem + calc(1rem / 3));
    line-height: 115%;
    font-weight: 600;
    font-feature-settings: "ss01" 1;
    letter-spacing: -0.005em;
}
.t-body.--icon {scale: 1.4;}
.t-body.t-uppercase {line-height: 105%;}

.t-xbody,
.t-xbody * {
    font-family: PP Kyoto;
    font-size: 1.75rem;
    line-height: 115%;
    font-weight: 600;
    font-feature-settings: "ss01" 1;
    letter-spacing: -0.005em;
}
.t-xbody.--icon {scale: 1.2;}
.t-xbody.t-uppercase {line-height: 105%;}


.t-medium {
    font-family: PP Kyoto;
    font-size: 2rem;
    line-height: 106%;
    font-weight: 400;
    font-feature-settings: "ss01" 1;
    letter-spacing: -0.015em;
}
.t-medium.t-uppercase {line-height: 95%;}

.t-xlarge {
    font-family: PP Kyoto;
    font-size: 2.7rem;
    line-height: 98%;
    font-weight: 400;
    letter-spacing: -0.02em;
}

.t-huge {
    font-family: PP Kyoto;
    font-size: 12vw;
    line-height: 95%;
    font-weight: 400;
    letter-spacing: -0.02em;
}
.t-huge.t-italic {letter-spacing: -0.03em;}


@media only screen and (min-width: 768px) {
    .t-body,
    .t-body * {font-size: 1.2rem;}
    .t-xbody,
    .t-xbody * {font-size: 1.5rem;}
    .t-medium {font-size: 2.5rem;}
    .t-xlarge {font-size: 2.75rem;}
    .t-huge {font-size: 4.5rem;}
    
}


@media only screen and (min-width: 1096px) {
    .t-small {font-size: 1rem;}

    .t-body,
    .t-body * {font-size: 1.15rem;}
    
    .t-xbody,
    .t-xbody * {font-size: 1.7rem;}

    .t-medium {font-size: 2.75rem;}
    .t-xlarge {font-size: 4rem;}
    .t-huge {font-size: 5.5rem;}

}

@media only screen and (min-width: 2048px) {
    .t-medium {font-size: 2.7rem;}
    .t-xlarge {font-size: 5rem;}
    .t-huge {font-size: 8rem;}
}

@media only screen and (max-height: 640px) {
    .t-huge {font-size: 4rem;}
}




/*
STYLES
*/
.t-regular {font-style: normal;}
.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;}
.t-through {text-decoration: line-through;}

.k-text {max-width: 62rem;}
.k-text a {
    display: inline;
    text-decoration: underline !important;
}