.mmj-video-section {
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(26rem, 1.1fr) !important;
	column-gap: clamp(2rem, 5vw, 5rem) !important;
	row-gap: 1rem !important;
	align-items: center !important;
}

.mmj-video-section > :not(.mmj-feature-video) {
	grid-column: 1;
}

.mmj-video-section .mmj-video-heading {
	font-size: clamp(2.15rem, 3.6vw, 3.75rem) !important;
	line-height: 1.08 !important;
	max-width: 44rem !important;
	text-align: left !important;
}

.mmj-video-section .mmj-video-description {
	font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
	line-height: 1.65 !important;
	max-width: 42rem !important;
	text-align: left !important;
}

.mmj-feature-video {
	grid-column: 2;
	grid-row: 1 / span 6;
	width: 100%;
	max-width: 46rem;
	justify-self: end;
	aspect-ratio: 16 / 9;
	border-radius: 1.25rem;
	overflow: hidden;
	background: #0f172a;
}

.mmj-feature-video iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.mmj-about-video-section {
	text-align: left !important;
}

@media (max-width: 900px) {
	.mmj-video-section {
		grid-template-columns: minmax(0, 1fr) !important;
		row-gap: 1.5rem !important;
	}

	.mmj-video-section > :not(.mmj-feature-video),
	.mmj-feature-video {
		grid-column: 1;
	}

	.mmj-feature-video {
		grid-row: auto;
		max-width: none;
		justify-self: stretch;
	}
}

@media (max-width: 600px) {
	.mmj-video-section .mmj-video-heading {
		font-size: clamp(2rem, 11vw, 3rem) !important;
	}

	.mmj-feature-video {
		border-radius: 0.9rem;
	}
}