/**
 * WPBakery “Person card” (si_person_card)
 *
 * Circular photo + name, LinkedIn follow, role, company.
 */

.si-person-card {
	--si-pc-photo: 3.375rem; /* 54px */
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 1.5rem;
	width: 100%;
	max-width: 28rem;
	margin: 0 0 18px;
	padding: 0;
	font-family: var(--font-family-2026, var(--font-family-plain, inherit));
	text-align: left;
}

.si-person-card *,
.si-person-card *::before,
.si-person-card *::after {
	box-sizing: border-box;
}

.si-person-card--light {
	color: var(--color-white, #fff);
}

.si-person-card--dark {
	color: var(--color-navy, #031733);
}

.si-person-card__media {
	flex: 0 0 var(--si-pc-photo);
	width: var(--si-pc-photo);
	height: var(--si-pc-photo);
	overflow: hidden;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
}

.si-person-card__photo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.si-person-card__media--placeholder {
	background:
		radial-gradient(circle at 35% 30%, rgba(8, 146, 255, 0.45), transparent 55%),
		linear-gradient(145deg, #002c61, #010d1d);
}

.si-person-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	min-width: 0;
}

.site-main.landing h3.si-person-card__name,
.si-person-card h3.si-person-card__name,
.si-person-card__name {
	margin: 0 0 1px;
	font-family: var(--font-family-plain, 'Plain', sans-serif);
	font-size: 0.8125rem; /* 13px */
	font-weight: 400;
	font-synthesis-small-caps: none;
	font-synthesis-style: none;
	font-synthesis-weight: none;
	height: 1.25rem; /* 20px */
	line-height: 1.015625rem; /* 16.25px */
	letter-spacing: 0;
	color: inherit;
}

.site-main.landing .si-person-card .si-person-card__follow,
.si-person-card__follow {
	margin: 0 0 1px;
	font-size: inherit;
	line-height: 1rem;
}

.site-main.landing .si-person-card .si-person-card__follow-link,
.si-person-card .si-person-card__follow-link,
.si-person-card__follow-link {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-family: var(--font-family-plain, 'Plain', sans-serif);
	font-size: 0.75rem; /* 13px */
	font-weight: 400;
	font-synthesis-small-caps: none;
	font-synthesis-style: none;
	font-synthesis-weight: none;
	line-height: 1.25rem; /* 16.25px */
	color: #9aafc8;
	text-decoration: none;
	transition: color 160ms ease, opacity 160ms ease;
}

.si-person-card--dark .si-person-card__follow-link {
	color: #6c82af;
}

.site-main.landing .si-person-card .si-person-card__follow-link:hover,
.site-main.landing .si-person-card .si-person-card__follow-link:focus-visible,
.si-person-card__follow-link:hover,
.si-person-card__follow-link:focus-visible {
	color: var(--color-white, #fff);
	outline: none;
}

.si-person-card--dark .si-person-card__follow-link:hover,
.si-person-card--dark .si-person-card__follow-link:focus-visible {
	color: var(--color-blue, #0892ff);
}

.site-main.landing .si-person-card .si-person-card__follow-label,
.si-person-card .si-person-card__follow-label,
.si-person-card__follow-label {
	font-family: var(--font-family-plain, 'Plain', sans-serif);
	font-size: 0.75rem; /* 13px */
	font-weight: 400;
	font-synthesis-small-caps: none;
	font-synthesis-style: none;
	font-synthesis-weight: none;
	line-height: 1.25rem; /* 16.25px */
}

.si-person-card__linkedin-icon {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	flex-shrink: 0;
}

.site-main.landing .si-person-card .si-person-card__role,
.site-main.landing .si-person-card .si-person-card__company,
.si-person-card .si-person-card__role,
.si-person-card .si-person-card__company,
.si-person-card__role,
.si-person-card__company {
	margin: 0;
	font-size: 0.6875rem; /* 11px */
	font-weight: 400;
	font-synthesis-small-caps: none;
	font-synthesis-style: none;
	font-synthesis-weight: none;
	line-height: 1.3;
	letter-spacing: 0;
	color: inherit;
}

.si-person-card .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 575.98px) {
	.si-person-card {
		gap: 1rem;
	}
}