/* ═══════════════════════════════════════════════════════════════════════════
   MAESTRO PAGE — VIDEO SECTION
   ═══════════════════════════════════════════════════════════════════════════ */

.maestro-videos {
	padding: var(--ci-section-padding) 0;
	background-color: var(--ci-color-off-white);
	border-top: 1px solid var(--ci-color-border);
}

.maestro-videos__heading {
	font-family: var(--ci-font-primary);
	font-size: clamp(1.5rem, 2.5vw, 2.2rem);
	font-weight: 700;
	line-height: 1.25;
	color: #c6a54e;
	margin: 0 0 2.5rem;
}

/* 3×2 grid */
.maestro-videos__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.75rem;
}

.maestro-videos__card {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

/* Video thumbnail placeholder */
.maestro-videos__thumbnail {
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #2a3442;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	transition: background-color 0.2s ease;
}

.maestro-videos__thumbnail:hover {
	background-color: #1e2d3d;
}

/* CSS play button triangle */
.maestro-videos__play {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 0 14px 24px;
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);
	margin-left: 4px;
	transition: border-color 0.2s ease;
}

.maestro-videos__thumbnail:hover .maestro-videos__play {
	border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}

.maestro-videos__label {
	font-family: var(--ci-font-primary);
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--ci-color-text);
	margin: 0;
}

/* ── Mobile: 1 column ── */
@media (max-width: 767px) {
	.maestro-videos {
		padding: var(--ci-section-padding-mobile) 0;
	}

	.maestro-videos__heading {
		font-size: clamp(1.3rem, 5vw, 1.8rem);
		margin-bottom: 1.75rem;
	}

	.maestro-videos__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.25rem;
	}
}