@font-face {
    font-family: 'rigid';
    src: url('/static/fonts/rigid-Regular.eot');
    src: url('/static/fonts/rigid-Regular.eot?#iefix') format('embedded-opentype'),
    url('/static/fonts/rigid-Regular.woff2') format('woff2'),
    url('/static/fonts/rigid-Regular.woff') format('woff'),
    url('/static/fonts/rigid-Regular.ttf') format('truetype'),
    url('/static/fonts/rigid-Regular.svg#rigid-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'rigid';
    src: url('/static/fonts/rigid-ExtraBold.eot');
    src: url('/static/fonts/rigid-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('/static/fonts/rigid-ExtraBold.woff2') format('woff2'),
    url('/static/fonts/rigid-ExtraBold.woff') format('woff'),
    url('/static/fonts/rigid-ExtraBold.ttf') format('truetype'),
    url('/static/fonts/rigid-ExtraBold.svg#rigid-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0;
    font-style: normal;

    font-weight: 400;
    letter-spacing: 0;
    text-rendering: auto;
    line-height: var(--line-height-400);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 64em) {
    h2,
    h3,
    h4,
    h5,
    h6,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        letter-spacing: var(--letter-spacing-200);
    }
}

h1,
.h1 {
    font-size: var(--font-size-xl2);
}

h1.display,
.h1.display {
    font-weight: 700;
    color: var(--color-primary-700);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

@media screen and (min-width: 48em) {
    h1,
    .h1 {
        letter-spacing: var(--letter-spacing-200);
    }
}

@media screen and (min-width: 64em) {
    h1,
    .h1 {
        letter-spacing: var(--letter-spacing-100);
    }
}

h2,
.h2 {
    font-size: var(--font-size-xl1);
}

h3,
.h3 {
    font-size: var(--font-size-900);
}

h4,
.h4 {
    font-size: var(--font-size-800);
}

h5,
.h5 {
    font-size: var(--font-size-700);
}

h6,
.h6 {
    font-size: var(--font-size-600);
}

/* anchors */
a {
    font-style: normal;
    text-decoration: none;
}

a:not([class]) {
    font-weight: 700;
    transition: color var(--trans-duration-400) ease;
}

a:not([class]):hover,
a:not([class]):focus,
a:not([class]):active {
    color: var(--color-primary-600);
}

/* strong */
strong,
b {
    font-weight: 700;
}

/* title group */
.title-group > .title-group__pre {
    font-size: var(--font-size-500);
    color: var(--color-root);
    line-height: var(--line-height-700);
    letter-spacing: var(--letter-spacing-300);
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.15em;
}

@media screen and (min-width: 48rem) {
    .title-group > .title-group__pre {
        font-size: var(--font-size-500);
        line-height: var(--line-height-700);
        letter-spacing: var(--letter-spacing-200);
    }
}

@media screen and (min-width: 64em) {
    .title-group > .title-group__pre {
        font-size: var(--font-size-500);
        line-height: var(--line-height-700);
        letter-spacing: var(--letter-spacing-200);
    }
}

/* footer */
.footer__link {
    column-gap: 1ch;
    font-weight: 700;
    display: inline-flex;
    flex-flow: nowrap row;
    align-items: baseline;
    color: var(--color-root);
    justify-content: flex-start;
    transition: color var(--trans-duration-400) ease;
}

.footer__link:hover,
.footer__link:focus,
.footer__link:active {
    color: var(--color-primary-700);
}

.footer__link i {
    color: var(--color-primary-700);
}