/* WordPress menu markup and theme-relative asset corrections. */
.menu {
	gap: 34px;
}
.menu ul {
	display: flex;
	align-items: center;
	gap: 34px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu,
.menu li,
.menu a {
	flex: 0 0 auto;
}
.menu a,
.quote-link {
	white-space: nowrap;
}
@media (max-width: 1280px) and (min-width: 1001px) {
	.main-nav { gap: 28px; }
	.menu,
	.menu ul { gap: 22px; }
	.quote-link { padding-left: 20px; }
}
.feature-image {
	background-image: linear-gradient(90deg, transparent 65%, var(--graphite)), url("../images/gkd-168s.jpg");
}
@media (max-width: 1000px) {
	.menu { gap: 24px; }
	.menu,
	.menu li,
	.menu a { flex: initial; }
	.menu ul { flex-direction: column; align-items: flex-start; }
}

.product-videos {
	max-width: 1100px;
	margin: 80px auto 0;
}

.product-videos h2 {
	font-size: 44px;
}

.video-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.video-grid iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	background: #111;
}

@media (max-width: 700px) {
	.video-grid {
		grid-template-columns: 1fr;
	}

	.product-videos h2 {
		font-size: 34px;
	}
}