/* Core Group blocks carry the mockup's section and wrapper classes. */
.wp-block-group {
	min-width: 0;
}

.wp-block-group.container {
	width: 100%;
	max-width: calc(var(--container) + 2 * var(--gutter));
	margin-inline: auto;
	padding-inline: var(--gutter);
}

.wp-block-group.page-body {
	display: grid;
	gap: var(--space-xl);
	align-content: start;
	padding-block: var(--space-xl) var(--space-3xl);
}

.wp-block-group.page-body__main,
.wp-block-group.page-body__aside {
	display: grid;
	gap: var(--space-xl);
	align-content: start;
	min-width: 0;
}

.wp-block-group.hero-emblem {
	min-height: min(72vw, 20rem, 36svh);
}