/*
 * Split from components.css. Selectors unchanged.
 * Team member single.
 */

/* ---------- Team single ---------- */

.wpx-hero--team-single {
	min-height: min(88svh, 48rem);
	color: var(--c-white);
}

.wpx-hero--team-single .wpx-hero__body {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	gap: var(--sp-3);
	min-height: inherit;
	padding-block: var(--sp-9) var(--sp-7);
	text-align: left;
}

.wpx-team-single__role {
	margin: 0 0 var(--sp-5);
	color: var(--c-muted);
}

.wpx-team-single__question {
	margin-top: var(--sp-6);
	padding-top: var(--sp-5);
	border-top: 1px solid var(--c-rule);
	font-style: italic;
}