:root{--layout-columns-count:4;--layout-columns-gap:calc(10px / 100vw * 100);--layout-margin:calc(20px / 100vw * 100)}@media (min-width:1024px){:root{--layout-columns-count:12;--layout-columns-gap:calc(25px / 100vw * 100);--layout-margin:calc(50px / 100vw * 100)}}:root{--layout-width:calc(100vw - (2 * var(--layout-margin)));--layout-column-width:calc((var(--layout-width) - ((var(--layout-columns-count) - 1) * var(--layout-columns-gap))) / var(--layout-columns-count))}