.bgn-workshop-video {
	position: relative;
	overflow: hidden;
	padding-block: clamp(76px, 8vw, 118px);
	background: #f4f8fb;
}

.bgn-workshop-video__ambient {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.bgn-workshop-video__ambient span {
	position: absolute;
	border: 1px solid rgba(4, 76, 132, .1);
	border-radius: 50%;
}

.bgn-workshop-video__ambient span:nth-child(1) { width: 460px; height: 460px; top: -250px; right: -120px; }
.bgn-workshop-video__ambient span:nth-child(2) { width: 18px; height: 18px; top: 20%; right: 11%; border: 0; background: var(--bgn-yellow); }
.bgn-workshop-video__ambient span:nth-child(3) { width: 12px; height: 12px; bottom: 14%; left: 7%; border: 0; background: #ff442f; }

.bgn-workshop-video__grid {
	position: relative;
	display: grid;
	grid-template-columns: minmax(300px, .82fr) minmax(0, 1.35fr);
	align-items: center;
	gap: clamp(44px, 7vw, 96px);
}

.bgn-workshop-video__copy { max-width: 510px; }
.bgn-workshop-video__copy h2 { margin: 14px 0 20px; color: var(--bgn-navy); font-size: clamp(2.25rem, 4.5vw, 4.4rem); line-height: 1.02; letter-spacing: -.045em; }
.bgn-workshop-video__description { color: var(--bgn-muted); font-size: 1.04rem; line-height: 1.75; }
.bgn-workshop-video__description > :first-child,
.bgn-workshop-video__transcript > div > :first-child { margin-top: 0; }
.bgn-workshop-video__description > :last-child,
.bgn-workshop-video__transcript > div > :last-child { margin-bottom: 0; }

.bgn-workshop-video__transcript { margin-top: 22px; border-top: 1px solid rgba(4, 76, 132, .16); border-bottom: 1px solid rgba(4, 76, 132, .16); }
.bgn-workshop-video__transcript summary { padding: 14px 28px 14px 0; color: var(--bgn-blue); font-weight: 800; cursor: pointer; }
.bgn-workshop-video__transcript > div { padding: 0 0 16px; color: var(--bgn-muted); font-size: .92rem; line-height: 1.65; }
.bgn-workshop-video__cta { width: fit-content; margin-top: 26px; }

.bgn-workshop-video__media { position: relative; margin: 0; }
.bgn-workshop-video__visual { position: relative; }
.bgn-workshop-video__visual::before { content: ""; position: absolute; inset: -14px 18px 14px -14px; border: 2px solid var(--bgn-yellow); border-radius: 14px; pointer-events: none; }
.bgn-workshop-video__frame { position: relative; z-index: 1; overflow: hidden; aspect-ratio: 16 / 9; background: #061c31; border-radius: 12px; box-shadow: 0 24px 60px rgba(4, 42, 74, .2); }
.bgn-workshop-video__player { display: block; width: 100%; height: 100%; object-fit: cover; }
.bgn-workshop-video__media figcaption { position: relative; z-index: 2; margin-top: 20px; padding-inline: 2px; color: var(--bgn-muted); font-size: .82rem; line-height: 1.5; letter-spacing: .02em; }

@media (max-width: 900px) {
	.bgn-workshop-video__grid { grid-template-columns: minmax(0, 1fr); gap: 34px; }
	.bgn-workshop-video__copy { max-width: 720px; }
}

@media (max-width: 767px) {
	.bgn-workshop-video { padding-block: 54px; }
	.bgn-workshop-video__grid { gap: 26px; }
	.bgn-workshop-video__copy h2 { margin-block: 10px 14px; font-size: clamp(1.85rem, 8.7vw, 2.35rem); line-height: 1.08; }
	.bgn-workshop-video__description { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: .94rem; line-height: 1.6; }
	.bgn-workshop-video__transcript { margin-top: 16px; }
	.bgn-workshop-video__cta { width: 100%; margin-top: 20px; }
	.bgn-workshop-video__visual::before { inset: -7px 10px 7px -7px; border-radius: 9px; }
	.bgn-workshop-video__frame { border-radius: 8px; box-shadow: 0 14px 34px rgba(4, 42, 74, .17); }
	.bgn-workshop-video__media figcaption { margin-top: 15px; }
	.bgn-workshop-video__ambient span:nth-child(1) { width: 260px; height: 260px; top: -170px; right: -100px; }
}

@media (prefers-reduced-motion: reduce) {
	.bgn-workshop-video *,
	.bgn-workshop-video *::before,
	.bgn-workshop-video *::after { animation: none !important; transition: none !important; }
}