.l-container { width: min(calc(100% - 2 * var(--hri-gutter)), 1200px); margin-inline: auto; }
.l-section { padding-block: var(--hri-section); }
.l-split { display: grid; gap: var(--hri-gap); align-items: center; }
.l-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--hri-gap); }
.l-split > *, .l-grid > * { min-width: 0; }
.l-band { background: var(--wp--preset--color--lavender); position: relative; }
.l-band--quiet { background: var(--wp--preset--color--background); }
@media (min-width: 768px) { .l-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
	.l-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.l-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.l-split { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--wp--preset--spacing--space-12); }
	.l-split--equal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.l-band::before, .l-band::after { content: ''; position: absolute; width: 100%; height: var(--wp--preset--spacing--space-8); left: 0; background: var(--wp--preset--color--surface); border-radius: 0 0 50% 50%; top: 0; }
	.l-band::after { top: auto; bottom: 0; transform: rotate(180deg); }
}