main {
	display: grid;
	grid-template-columns: 1fr 1fr min(var(--width-content), 100%) 1fr 1fr;
}
main > * {
	grid-column: 3;

	@media only screen and (max-width: 1024px) {
		margin-inline: var(--gutter-mobile);
	}
}
main > .cbp-halfbleed--left {
	grid-column: 2 / 4;
}
main > .cbp-halfbleed--right {
	grid-column: 3 / 5;
}
main > .cbp-halfbleed--both {
	grid-column: 2 / 5;
}
main > .cbp-fullbleed--left {
	grid-column: 1 / 4;
}
main > .cbp-fullbleed--right {
	grid-column: 3 / 6;
}
main > .cbp-fullbleed--both {
	grid-column: 1 / 6;

	@media only screen and (max-width: 1024px) {
		margin-inline: 0;
	}
}

/* HELPERS */
.cbp-inner {
	max-width: var(--width-content);
	margin-inline: auto;

	@media only screen and (max-width: 1024px) {
		margin-inline: var(--gutter-mobile);
	}
}