:root {
    --page-width: 1440;
    --size: calc(100vw / var(--page-width));

    --red: #dc4e43;
    --blue: #06252c;

    --gap: calc(30 * var(--size));

    --font-family: "Isola SemiMono SemiBold", sans-serif;
    --font-size-body: calc(16 * var(--size));
    --line-height-body: 1.5rem;

    --font-size-text: 0.875rem;
    --line-height-text: 1.4;

    --font-size-title: 8.75rem;
    --line-height-title: 8.75rem;

    --font-size-nav: 1.875rem;
    --line-height-nav: 1.875rem;
}

/* RESPONSIVE */
@media only screen and (max-width: 1024px) and (min-height: 147vw) {
    :root {
        --page-width: 430;

        --font-size-title: 4.275rem;
        --line-height-title: 4.275rem;
    }
}