/*
 * Meet the Team Behind Greenova — About Us page section.
 *
 * Typography/spacing values below are the exact numbers supplied with this
 * build's spec. The image/content column ratio (~38/62) is a best-effort
 * match against the Figma screenshot — no exact px split was given for
 * that specific proportion; adjust .team-section__image-col's flex-basis
 * directly if a pixel redline becomes available.
 *
 * @package Greenova
 */

.team-section {
	background-color: #FFFFFF;
	padding-block:     100px;
}

.team-section__inner {
	max-width:      1360px;
	margin:         0 auto;
	padding-inline: 24px;
}

.team-section__heading {
	font-family:    'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size:      80px;
	font-weight:    500;
	line-height:    100%;
	letter-spacing: -4px;
	color:          #000000;
	margin:         0 0 56px;
}

.team-section__row {
	display:     flex;
	align-items: center;
	gap:         60px;
}

/* =============================================================================
   Left column: team image
   ============================================================================= */

.team-section__image-col {
	flex:      0 0 38%;
	min-width: 0;
}

.team-section__image {
	display:       block;
	width:         100%;
	height:        564px;;
	aspect-ratio:  1 / 1;
	object-fit:    cover;
	border-radius: 24px;
}

/* =============================================================================
   Right column: content heading + WYSIWYG description
   ============================================================================= */

.team-section__content-col {
	flex:      1 1 auto;
	min-width: 0;
	max-width: 818px;
}

.team-section__content-heading {
	font-family:    'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size:      54px;
	font-weight:    400;
	line-height:    64px;
	letter-spacing: -2.04px;
	color:          #000000;
	margin:         0 0 24px;
}

.team-section__description {
	font-family:    'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size:      18px;
	font-weight:    400;
	line-height:    28.8px;
	letter-spacing: 0;
	color:          #58595B;
}

.team-section__description p {
	margin: 0 0 20px;
}

.team-section__description > *:last-child {
	margin-bottom: 0;
}

.team-section__description ul,
.team-section__description ol {
	margin:       0 0 20px;
	padding-left: 24px;
}

.team-section__description li {
	margin-bottom: 8px;
}

.team-section__description li:last-child {
	margin-bottom: 0;
}

/* =============================================================================
   Responsive
   ============================================================================= */

@media ( max-width: 1199.98px ) {
	.team-section {
		padding-block: 80px;
	}

	.team-section__heading {
		font-size:     3.5rem;
		margin-bottom: 40px;
	}

	.team-section__content-heading {
		font-size:   2.25rem;
		line-height: 1.2;
	}
}

@media ( max-width: 767.98px ) {
	.team-section {
		padding-block: 56px;
	}

	.team-section__heading {
		font-size:      2rem;
		line-height:    1.15;
		letter-spacing: -0.02em;
		margin-bottom:  32px;
	}

	.team-section__row {
		flex-direction: column;
		align-items:    stretch;
		gap:            32px;
	}

	.team-section__image-col {
		flex:  1 1 auto;
		width: 100%;
	}

	.team-section__image {
		aspect-ratio: 4 / 3;
	}

	.team-section__content-col {
		max-width: none;
	}

	.team-section__content-heading {
		font-size:   1.5rem;
		line-height: 1.25;
		margin-bottom: 16px;
	}

	.team-section__description {
		font-size:   1rem;
		line-height: 1.6;
	}
}