:root{--layoutGrid-content-width: 1380px;--layoutGrid-breakout-width: 1640px;--layoutGrid-spacing: clamp(1.375rem, 5vw - .25rem, 5rem);--layoutGrid-spacing-breakout: 22px}.layoutGrid{--layoutGrid-fullWidth: minmax(var(--layoutGrid-spacing-breakout), 1fr);--layoutGrid-breakout: minmax(0, calc((var(--layoutGrid-breakout-width) - var(--layoutGrid-content-width)) / 2));--layoutGrid-content-width-total: min(calc(100% - (2 * var(--layoutGrid-spacing))), var(--layoutGrid-content-width));--layoutGrid-content-width-left-percentage-fallback: .5;--layoutGrid-content-width-left-percentage-calculated: var(--layoutGrid-content-width-left-percentage, (1 - var(--layoutGrid-content-width-right-percentage, var(--layoutGrid-content-width-left-percentage-fallback))));--layoutGrid-content-width-left-pixels-calculated: var(--layoutGrid-content-width-left-pixels, (var(--layoutGrid-content-width-total) - var(--layoutGrid-content-width-right-pixels, (var(--layoutGrid-content-width-total) - var(--layoutGrid-content-width-left-percentage-calculated) * var(--layoutGrid-content-width-total)))));--layoutGrid-content-width-left-calculated: var(--layoutGrid-content-width-left-pixels-calculated);--layoutGrid-content-width-right-calculated: calc(var(--layoutGrid-content-width-total) - var(--layoutGrid-content-width-left-pixels-calculated));display:grid;grid-template-columns:[fullwidth-start] var(--layoutGrid-fullWidth) [breakout-start] var(--layoutGrid-breakout) [content-start] calc(var(--layoutGrid-content-width-left-calculated)) [content-center] calc(var(--layoutGrid-content-width-right-calculated)) [content-end] var(--layoutGrid-breakout) [breakout-end] var(--layoutGrid-fullWidth) [fullwidth-end]}.layoutGrid>*{grid-column:content}.layoutGrid--content{grid-column:content}.layoutGrid--breakout{grid-column:breakout}.layoutGrid--fullwidth{grid-column:fullwidth}