.columns{--cols:4;display:grid;gap:40px}@media screen and (min-width:580px){.columns{grid-template-columns:repeat(var(--cols),1fr)}.columns[style="--cols: 4;"] .columns__column{grid-column:span 2}.columns[style="--cols: 3;"] .columns__column{grid-column:span 3}.columns[style="--cols: 2;"] .columns__column{grid-column:span 1}}@media screen and (min-width:800px){.columns[style="--cols: 3;"] .columns__column{grid-column:span 1}}@media screen and (min-width:1000px){.columns__column{grid-column:span var(--col-span)!important}}