@import "ot.min-be7806e6d0.css";

/*
Font weight spec: https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
*/

/* Heading font */
@font-face {
    font-family: 'Right Grotesk';
    src: url('/assets/fonts/compact-medium-cc024fdf49.woff') format('woff');
}

/* Text font (various weights) */
@font-face {
    font-family: 'Suisse Intl';
    font-weight: 300;
    src: url('/assets/fonts/light-2a1cef7541.woff') format('woff');
}

@font-face {
    font-family: 'Suisse Intl';
    font-weight: 400;
    src: url('/assets/fonts/regular-40587dc7fb.woff') format('woff');
}

@font-face {
    font-family: 'Suisse Intl';
    font-weight: 500;
    src: url('/assets/fonts/medium-5828b727f5.woff') format('woff');
}

@font-face {
    font-family: 'Suisse Intl';
    font-weight: 700;
    src: url('/assets/fonts/bold-ba497a647b.woff') format('woff');
}

.ot-document {
    --ot-heading-font-family: 'Right Grotesk';
    --ot-heading-font-weight: 800;
    --ot-text-font-family: 'Suisse Intl';
    --ot-text-font-weight: 400;
}

.ot-document h2 {
    font-size: 1.75rem;
    line-height: 2rem;
}

.ot-document h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.ot-document h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.ot-document h5 {
    font-size: 1.125rem;
    line-height: 1.375rem;
}

.ot-document h6 {
    font-size: 1rem;
    line-height: 1.125rem;
}
