/**
 * team_member_card_section.css
 *
 * Cream BG. Portrait left, name + bio right.
 */

.ncm-team-card {
	background: linear-gradient(180deg, #EBE3D6 30%, rgba(235, 227, 214, 0) 100%);
	padding: 120px 0;
}

.ncm-team-card__row {
	display: grid;
	grid-template-columns: 393px 1fr;
	gap: 124px;
	align-items: center;
	margin: 0 auto;
	padding-inline: 103px;
}

.ncm-team-card__media {
	width: 100%;
}

.ncm-team-card__img {
	display: block;
	width: 100%;
	border-radius: 10px;
    object-fit: contain;
}

.ncm-team-card__name {
	font-family: var(--ff-display);
	font-weight: 400;
	font-size: 36px;
	line-height: 40px;
	color: var(--clr-fg-dark);
	margin: 0 0 50px;
}

.ncm-team-card__credentials {
	font-family: var(--ff-display);
	font-weight: 400;
	font-size: 36px;
	line-height: 40px;
	color: var(--clr-fg-dark);
}

.ncm-team-card__bio,
.ncm-team-card__bio p {
	font-family: var(--ff-primary);
	font-weight: 400;
	font-size: 21px;
	line-height: 24px;
	color: var(--clr-fg-dark);
	margin: 0 0 16px;
}

@media (max-width: 700px) {
	.ncm-team-card__row {
		grid-template-columns: 1fr;
		gap: 24px;
	}
    
    .ncm-team-card__row img.ncm-team-card__img {
        height: 400px !important;
    }
}

@media (max-width: 1100px) {
	.ncm-team-card__row {
		grid-template-columns: 300px 1fr;
		gap: 80px;
	}

	.ncm-team-card__row {
		padding-inline: 40px;
	}

	.ncm-centered-intro__details {
		padding-inline: 120px;
	}
}

@media (max-width: 991px) {
	.ncm-team-card__row {
		grid-template-columns: 1fr;
	}
    
    .ncm-team-card__row img.ncm-team-card__img {
        height: 600px;
    }

	.ncm-team-card {
		padding-block: 80px;
	}

	.ncm-centered-intro__details {
		padding-inline: 50px;
	}

	.ncm-centered-intro__heading,
	.ncm-centered-intro__body,
	.ncm-centered-intro__body p,
	.ncm-team-card__name {
		margin-bottom: 30px;
	}

	.ncm-team-card__row {
		gap: 50px;
	}
}

@media (max-width: 500px) {

	.ncm-centered-intro__details,
	.ncm-team-card__row {
		padding-inline: 0px;
	}
}