/**
 * Nexza Who We Are widget. Video box styles come from showreel.css.
 */

.nx-who-head {
	display: grid;
	grid-template-columns: 27% 1fr;
	gap: 4vw;
	align-items: start;
}

.nx-who-head > *,
.nx-who-video > * {
	min-width: 0;
}

.nx-who-head .nx-label {
	padding-top: 1vw;
}

.nx-who-video {
	display: grid;
	grid-template-columns: 56% 1fr;
	gap: clamp(24px, 3vw, 48px);
	align-items: center;
	margin-top: clamp(40px, 5vw, 80px);
}

/* The video box here is 16:9 rather than the showreel's tall box. */
.nx-who-video .nx-who-box {
	min-height: 0;
	aspect-ratio: 16 / 9;
	border-radius: var(--nx-radius-card);
}

.nx-who-text .nx-btn {
	margin-top: 28px;
}

@media (max-width: 860px) {
	.nx-who-head,
	.nx-who-video {
		grid-template-columns: 1fr;
	}

	.nx-who-head {
		gap: 16px;
	}

	.nx-who-head .nx-label {
		padding-top: 0;
	}

	.nx-who-video {
		gap: 28px;
		margin-top: 40px;
	}
}