:root{
    --section-gap-number: 110;
    --section-gap-factor: calc(var(--section-gap-number) / 55);
    --section-gap: calc(var(--text-size-number) * var(--section-gap-factor) * 1px);
    --gap-number: 30;
    --gap-factor: calc(var(--gap-number) / 55);
    --gap: calc(var(--text-size-number) * var(--gap-factor) * 1px);
    
    --wrapper-width: calc(1365px + var(--gap));
}

.wrapper{
    width: 100%;
    /* width: calc(var(--wrapper-width) - var(--gap)); */
}

[data-layout]{
    padding-top: var(--section-gap);
    padding-bottom: var(--section-gap);
    padding-left: calc(var(--gap) / 2);
    padding-right: calc(var(--gap) / 2);
}