/**
 * Our Team page layout — Figma nodes 153:3369 (desktop) / 153:4986 (mobile).
 */

.ipopi-our-team {
	display: flex;
	flex-direction: column;
	background: var(--ipopi-color-background-base, #ffffff);
}

/* Intro: page-hero + "How we lead" in one continuous white section */
.ipopi-our-team__intro {
	display: flex;
	flex-direction: column;
	gap: var(--ipopi-space-600, 40px);
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: var(--ipopi-space-600, 40px) var(--ipopi-space-400, 24px);
	box-sizing: border-box;
}

.ipopi-our-team__intro .wp-block-ipopi-page-hero .ipopi-page-hero__inner {
	gap: var(--ipopi-space-600, 40px);
	padding: 0;
}

.ipopi-our-team__intro .wp-block-ipopi-page-hero .ipopi-page-hero__title {
	text-align: left;
}

/* Figma 610:10439 — crop keeps heads in frame (top -9.85% / h 161.12%) */
.ipopi-our-team__intro .wp-block-ipopi-page-hero .ipopi-page-hero__media img {
	object-position: center 16%;
}

.ipopi-our-team__intro .wp-block-ipopi-content-section .ipopi-section__inner {
	padding: 0;
}

.ipopi-our-team__intro .wp-block-ipopi-content-section .ipopi-content-section__content {
	display: flex;
	flex-direction: column;
	gap: var(--ipopi-space-400, 24px);
	width: 100%;
}

.ipopi-our-team__intro .ipopi-content-section__title {
	margin: 0;
	text-align: left;
	font-size: var(--ipopi-type-heading-5-size, 32px);
	line-height: var(--ipopi-type-heading-5-line-height, 42px);
	letter-spacing: var(--ipopi-type-heading-5-letter-spacing, -0.32px);
}

.ipopi-our-team__intro .ipopi-content-section__body {
	color: var(--ipopi-color-text, #2b2827);
	font-size: var(--ipopi-type-body-medium-size, 16px);
	line-height: var(--ipopi-type-body-medium-line-height, 26px);
	letter-spacing: var(--ipopi-type-body-medium-letter-spacing, -0.16px);
}

.ipopi-our-team__intro .ipopi-content-section__body p {
	margin: 0 0 var(--ipopi-space-400, 24px);
}

.ipopi-our-team__intro .ipopi-content-section__body p:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.ipopi-our-team__intro {
		gap: var(--ipopi-space-700, 48px);
		padding: var(--ipopi-space-1000, 72px) var(--ipopi-space-700, 48px);
		align-items: center;
	}

	.ipopi-our-team__intro .wp-block-ipopi-page-hero .ipopi-page-hero__inner {
		gap: var(--ipopi-space-700, 48px);
	}

	.ipopi-our-team__intro .wp-block-ipopi-page-hero .ipopi-page-hero__title {
		text-align: center;
	}

	.ipopi-our-team__intro .wp-block-ipopi-content-section .ipopi-content-section__content {
		max-width: var(--ipopi-content-width, 784px);
	}

	.ipopi-our-team__intro .ipopi-content-section__title {
		font-size: var(--ipopi-type-heading-4-size, 48px);
		line-height: var(--ipopi-type-heading-4-line-height, 58px);
		letter-spacing: var(--ipopi-type-heading-4-letter-spacing, -0.48px);
	}
}