/*
Import typefaces
*/

@font-face {
    font-family: Suisse Intl;
    src: url('../fonts/SuisseIntl-Regular.otf');
    font-weight: 400
}

@font-face {
    font-family: Suisse Intl;
    src: url('../fonts/SuisseIntl-Medium.otf');
    font-weight: 500;
}


/*
Typography
*/

.type--display {
    font-family: Suisse Intl, serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 115%;
}

.type--body {
    font-family: Suisse Intl, serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 125%;
}

.type--caption {
    font-family: Suisse Intl, serif;
    font-weight: 500;
    font-size: .75rem;
    line-height: 125%;
}

.type--caption.type--slim {
    font-weight: 400;
}


/* 
Text style
*/

.text--lowercase {
    text-transform: lowercase;
}

.text--underline {
    text-decoration: underline;
}

.text--gray {
    color: grey;
}

/* Text properties */

.text--indent {
    display: block;
    padding-left: calc(100vw / 6 / 2);
}