:root{
    --max-width: 1600px;
    --container-width: var(--max-width);
    --site-gutter: 112;
    --column-gap: 24;
    --row-spacing: 120;

    --brand-slant: 0.85em;
}

/**
* Relative scaling
*/

:root{
    --pk-container-width: var(--container-width);
    --pk-site-gutter: var(--site-gutter);
    --pk-column-gap: var(--column-gap);
    --pk-row-spacing: var(--row-spacing);
}

body.relative-scaling{
    --pk-column-gap: calc((var(--column-gap) / 16) * var(--su));
    --pk-row-spacing: calc((var(--row-spacing) / 16) * var(--su));
    --pk-site-gutter: calc((var(--site-gutter) / 16) * var(--su));
    --pk-text-font-size: var(--desktop-body-sm);
}

@media only screen and (min-width: 993px){

}

@media only screen and (max-width: 992px){

}

@media only screen and (max-width: 767px){
    
    body.relative-scaling {
        --pk-site-gutter: 1rem;
    }

}