.mv2PageHeader {

	display: grid;
	column-gap: var(--molecule-standard-gap);
	row-gap: var(--molecule-tiny-gap);
	align-items: center;
	grid-template-columns: [content-start icon-start] clamp(80px, 12vw, 150px) [icon-end title-start] 1fr [title-end content-end];
	grid-template-rows: [icon-start title-start] auto [title-end icon-end content-start] auto [content-end];
}


.mv2PageHeader__icon {
	grid-area: icon;
	align-self: flex-start;
}

.mv2PageHeader__titles {
	grid-area: title;
}

.mv2PageHeader__titles:is(:last-child) {
	grid-row: title / content;
}

.no-icon .mv2PageHeader__titles {
	grid-column: icon / title;
}



.mv2PageHeader__content {
	grid-area: content;
	display: grid;
	gap: var(--atom-standard-gap);
	position: relative;
}
.no-icon .mv2PageHeader__content {
	grid-column: icon / content;
}

.mv2PageHeader__content .mv2RichText {
	padding-left: var(--atom-standard-gap);
	border-left: 2px solid var(--title-color-o, var(--hs-primary));
	max-width: var(--intro-max-width, 100%);
}


@container mv2Module (width > 640px) {
	.mv2PageHeader {
		grid-template-columns: [icon-start] clamp(80px, 12vw, 150px) [icon-end title-start content-start] 1fr [title-end content-end];
		grid-template-rows: [icon-start title-start] auto [title-end  content-start] auto [content-end icon-end];
	}
}