/**
 * About page team bios.
 *
 * Circular portrait on the left, name / role / copy on the right, matching the
 * layout on the current site. Names deliberately use the body face rather than
 * the condensed display face, as on the original.
 */

.sterling-bios {
	background-color: #fff;
}

.sterling-bio {
	align-items: flex-start;
}

/* Portrait
   ------------------------------------------------------------------------ */

.sterling-bio__photo {
	flex: 0 0 220px;
	max-width: 220px;
}

.sterling-bio__photo img {
	display: block;
	width: 220px;
	height: 220px;
	object-fit: cover;
	border-radius: 50%;
}

/* Text column
   ------------------------------------------------------------------------ */

.sterling-bio__body {
	flex: 1 1 auto;
	min-width: 0;
	gap: 0;
}

.elementor-widget-heading.sterling-bio__name .elementor-heading-title {
	margin: 0;
	color: var(--sterling-ink, #231f20);
	font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
	font-size: clamp(1.5rem, 2.2vw, 1.875rem);
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	letter-spacing: 0;
}

.elementor-widget-heading.sterling-bio__role .elementor-heading-title {
	margin: 0.15rem 0 1.25rem;
	color: var(--sterling-ink, #231f20);
	font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	text-transform: none;
	letter-spacing: 0;
}

.sterling-bio__text {
	color: var(--sterling-ink, #231f20);
	font-size: 1rem;
	line-height: 1.65;
}

.sterling-bio__text p {
	margin: 0 0 1.15rem;
}

.sterling-bio__text p:last-child {
	margin-bottom: 0;
}

/* Breakpoint
   ------------------------------------------------------------------------ */

@media (max-width: 767px) {
	.sterling-bio {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.sterling-bio__photo {
		flex-basis: auto;
	}

	.sterling-bio__body {
		text-align: left;
	}
}