@media(min-width: 1025px) {
    html {
        font-size: clamp(8px, .85vw, 16px);
    }
}

.title {
    font-size: var(--font-h2-desktop);
    color: #202938;
    text-transform: uppercase;
    font-family: "Unbounded", sans-serif;
    font-weight: 900;
}

.bg--dark {
    background-color: #202938;
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    margin-top: 6.25rem;
}

.bg--dark .title {
    color: #FFF;
}

.bg--dark .container:first-child {
    margin-top: 0;
}

.bg--dark .related-card {
    border: none;
    background-color: #FFF;
}

.bg--dark .rc-title { color: var(--color-dark); }
.bg--dark .rc-desc { color: var(--color-dark); }

@media(max-width: 768px) {
    .title { font-size: 3.45rem; }
}