.layout--two-column-breakout {
	--padding-x: var(--page-container-padding-x);

	.header-grid {
		row-gap: 0;
		padding-inline: var(--padding-x);
	}
	
	.meet-our-people-grid {
		position: relative;
		isolation: isolate;
		color: var(--color-brand-white);
		row-gap: 0;
		
		.background-box {
			display: block;
			position: absolute;
			background-color: var(--color-brand-primary--700);
			z-index: -1;
			grid-column: 1 / -1;
			grid-row: 1 / span 2;
			inset: 0;
		}

		.box-content {
			padding-inline: var(--padding-x);
			padding-block: var(--spacing-300);
		}
		.box-visual {
			padding-inline: var(--padding-x);
		}
		
		@media (width > 1024px) {
			.background-box {
				grid-row: 2 / 3;
			}
			.box-content {
				grid-row: 2 / span 1;
				align-self: center;
				padding: 5rem 0;
			}
			.box-visual {
				grid-row: 1 / span 2;
				align-self: end;
				padding-inline: 0;
			}
		}
	}
}