// header element


/**
figure.header[data-type="grid"] {}
figure.header[data-type="grid"] .content-box {
	border-left: 5px solid rgba(var(--mix-accent), 1);
	padding-left: 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
figure.header[data-type="grid"] .content-box figure:first-child {
	order: 1;
}
figure.header[data-type="grid"] .content-box figure:first-child > * {
	margin: 0 !important;
}
figure.header[data-type="grid"] .content-box figure:last-child {
	order: 0;
}
figure.header[data-type="grid"] .content-box figure:last-child > * {
	margin: 0 !important;
}
**/

/**

figure.header[data-type="grid"] {}
figure.header[data-type="grid"] .content-box {
	padding: 15px 30px;
	container: initial;
	background: rgba(var(--mix-accent), 1);
	z-index: 3;
	width: fit-content;
	margin: 0px auto 50px calc(0px - var(--distanceGutter));
	transform: rotate(-1deg);
	box-shadow: var(--bs-box-shadow);
	border-radius: var(--bs-border-radius);
}

figure.header[data-type="grid"] .content-box figure * {
	color: rgba(var(--mix-bg), 1) !important;
}

figure.header[data-type="grid"] .content-box figure:last-child * {
	font-weight: var(--bs-font-body-weight-bold);
}
**/