/* Hiring Member Info — lead paragraph + arrow list (left) and an image with an
   overlaid caption (right). Scoped to .b-c-hiring-member-info. */

.lake-root .b-c-hiring-member-info .hmi-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
	gap: 64px;
	align-items: center;
}

/* ---- left column: lead paragraph + arrow list ---- */
.lake-root .b-c-hiring-member-info .hmi-lead {
	margin: 0;
	max-width: 48ch;
	font-size: 16px;
	line-height: 1.75;
	color: var(--brand-body);
}
.lake-root .b-c-hiring-member-info .hmi-lead > :first-child { margin-top: 0; }
.lake-root .b-c-hiring-member-info .hmi-lead > :last-child { margin-bottom: 0; }
.lake-root .b-c-hiring-member-info .hmi-lead strong,
.lake-root .b-c-hiring-member-info .hmi-lead b {
	color: var(--brand-ink);
	font-weight: 700;
}

.lake-root .b-c-hiring-member-info .hmi-list {
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
}
.lake-root .b-c-hiring-member-info .hmi-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin: 0 0 22px;
	font-size: 15px;
	line-height: 1.65;
	color: var(--brand-body);
}
.lake-root .b-c-hiring-member-info .hmi-list .hmi-item:last-child { margin-bottom: 0; }
.lake-root .b-c-hiring-member-info .hmi-arrow {
	flex: 0 0 auto;
	margin-top: 2px;
	color: var(--brand);
}
.lake-root .b-c-hiring-member-info .hmi-text { min-width: 0; }
.lake-root .b-c-hiring-member-info .hmi-text > :first-child { margin-top: 0; }
.lake-root .b-c-hiring-member-info .hmi-text > :last-child { margin-bottom: 0; }
.lake-root .b-c-hiring-member-info .hmi-text strong,
.lake-root .b-c-hiring-member-info .hmi-text b {
	color: var(--brand-ink);
	font-weight: 700;
}

/* ---- right column: image with overlaid caption ---- */
.lake-root .b-c-hiring-member-info .hmi-figure {
	position: relative;
	margin: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--brand-radius, 10px);
	background: linear-gradient(135deg, oklch(0.86 0.02 150), oklch(0.74 0.03 200));
}
.lake-root .b-c-hiring-member-info .hmi-img,
.lake-root .b-c-hiring-member-info .hmi-img-empty {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* A scrim keeps the caption legible over any photo. */
.lake-root .b-c-hiring-member-info .hmi-figure::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(20, 28, 33, .65), rgba(20, 28, 33, .75));
}
.lake-root .b-c-hiring-member-info .hmi-caption {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: clamp(24px, 10%, 56px);
	text-align: center;
	color: #fff;
	font-size: clamp(24px, 3vw, 48px);
	line-height: 1.18;
	text-wrap: balance;
}
.lake-root .b-c-hiring-member-info .hmi-caption > :first-child { margin-top: 0; }
.lake-root .b-c-hiring-member-info .hmi-caption > :last-child { margin-bottom: 0; }
/* Italics in the caption pick up the brand accent typeface (set in the
   builder), falling back to a serif italic when no accent font is assigned. */
.lake-root .b-c-hiring-member-info .hmi-caption em,
.lake-root .b-c-hiring-member-info .hmi-caption i {
	font-family: var(--brand-text-accent, Georgia, "Times New Roman", serif);
	font-weight: var(--brand-text-accent-weight, 400);
	font-style: italic;
}

@media (max-width: 860px) {
	.lake-root .b-c-hiring-member-info .hmi-row {
		grid-template-columns: 1fr;
		gap: 36px;
	}
}

/* ---- dark variant ---- */
.lake-root .b-c-hiring-member-info.dark .hmi-lead,
.lake-root .b-c-hiring-member-info.dark .hmi-item {
	color: rgba(255, 255, 255, .9);
}
.lake-root .b-c-hiring-member-info.dark .hmi-lead strong,
.lake-root .b-c-hiring-member-info.dark .hmi-lead b,
.lake-root .b-c-hiring-member-info.dark .hmi-text strong,
.lake-root .b-c-hiring-member-info.dark .hmi-text b { color: #fff; }