/**
 * Nexza Team Grid widget.
 */

.nx-team-head {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: clamp(24px, 3vw, 48px);
	align-items: end;
	margin-bottom: clamp(40px, 5vw, 80px);
}

.nx-team-head > * {
	min-width: 0;
}

.nx-team-head h2,
.nx-team-head p {
	margin: 0;
}

.nx-team-head h2 {
	overflow-wrap: break-word;
}

.nx-team-head p {
	color: var(--nx-muted-dark);
}

.nx-team-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(20px, 2.4vw, 36px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.nx-member {
	min-width: 0;
}

.nx-member .nx-media {
	transition: filter .5s;
}

.nx-member:hover .nx-media {
	filter: saturate(1.4) brightness(1.1);
}

.nx-member h3 {
	margin: 16px 0 4px;
	font-size: 21px;
	letter-spacing: -.02em;
	line-height: 1.2;
	color: var(--nx-sand);
}

.nx-member h3 a {
	color: inherit;
	transition: color .3s;
}

.nx-member h3 a:hover,
.nx-member h3 a:focus-visible {
	color: var(--nx-ember);
}

.nx-member span {
	font-size: 14px;
	color: var(--nx-taupe);
}

@media (max-width: 1080px) {
	.nx-team-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 860px) {
	.nx-team-head {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.nx-team-grid {
		grid-template-columns: 1fr 1fr;
		gap: 24px 14px;
	}

	.nx-member h3 {
		font-size: 17px;
	}
}