/* Typography */

@font-face {
    font-family: 'Herbik';
    font-weight: normal;
    font-style: normal;
    src: url("/assets/Herbik-Regular-6ea0154e.woff2");
}

@font-face {
    font-family: 'Herbik';
    font-weight: normal;
    font-style: italic;
    src: url("/assets/Herbik-RegularItalic-47bcb6cf.woff2");
}

@font-face {
    font-family: 'Originale';
    font-weight: normal;
    font-style: normal;
    src: url("/assets/RJSchema-Regular-093c28b0.otf");
}

html {
    font-family: 'Herbik', serif;
    font-size: 13px;
    line-height: 120%;
    font-weight: normal;
    text-wrap: pretty;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

p {
    line-height: 125%;
}

a {
    text-decoration: none;
    color: inherit;
}

i, em {
    font-style: italic;
    letter-spacing: 0;
}

.h1 {
    font-size: 6rem;
    text-align: center;
    line-height: 130%;
}

.h4,
.approach .rich-text p {
    font-family: 'Originale', sans-serif;
    font-size: 0.82rem;
    line-height: 130%;
    letter-spacing: 4%;
}

.serif {
    font-family: 'Herbik', serif;
    font-size-adjust: 0.52;
}

.paragraph {
    p + p {
        margin-top: 0.6rem;
    }
}