.block-cards {
	.tier {
		.block-cards__container {
			@include media-min($medium) {
				grid-template-columns: 1fr 1.5fr !important;
			}
		}
	}
	.workload {
		.block-cards__container {
			gap: 64px;
		}
	}

	&__container {
		--num-cols: 1;

		display: grid;
		grid-template-columns: repeat(var(--num-cols), 1fr);
		gap: var(--grid-column-gutter);
		
		&[data-num-cols="6"] {
			--num-cols: 2;
		}

		@include media-min($medium) {
			--num-cols: 2;
			&[data-num-cols="6"] {
				--num-cols: 3;
			}
		}

		@include media-min(900px) {
			&[data-num-cols="6"] {
				--num-cols: 4;
			}
		}

		@include media-min($large) {
			&[data-num-cols="3"] {
				--num-cols: 3;
			}

			&[data-num-cols="4"] {
				--num-cols: 4;
			}
		}

		@include media-min(1200px){
			&[data-num-cols="6"] {
				--num-cols: 5;
			}
		}

		@include media-min(1400px){
			&[data-num-cols="6"] {
				--num-cols: 6;
			}
		}
	}
}