/* Home video gallery — scoped to [nbd_home_videos]. */
/* Hide only the five-video UX section this box replaces on the home page. */
body:has(.nbd-home-video) #section_14867932 { display: none !important; }
.nbd-home-video {
	--nbd-video-navy: #0b2a5b;
	--nbd-video-sky: #3fa9f5;
	--nbd-video-line: #dce8f7;
	position: relative;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 22px 0;
	font-family: var(--nbd-body-font, "Be Vietnam Pro", sans-serif);
	color: var(--nbd-video-navy);
	isolation: isolate;
}
.nbd-home-video::before {
	position: absolute;
	inset: 0 auto 0 50%;
	z-index: -1;
	width: 100vw;
	max-width: 100vw;
	background: linear-gradient(135deg, #f9fcff, #eef6ff 55%, #f9fcff);
	transform: translateX(-50%);
	content: "";
}
.nbd-home-video *, .nbd-home-video *::before, .nbd-home-video *::after { box-sizing: border-box; }
.nbd-home-video__shell { margin: 0 auto; }
.nbd-home-video__panel {
	padding: clamp(12px, 1.5vw, 22px);
	border: 1px solid var(--nbd-video-line);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 14px 38px rgba(11, 42, 91, .08);
}
.nbd-home-video__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}
.nbd-home-video__heading { display: flex; align-items: center; gap: 14px; min-width: 0; }
.nbd-home-video__icon {
	display: grid;
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	place-items: center;
	border-radius: 13px;
	background: linear-gradient(135deg, var(--nbd-video-navy), var(--nbd-video-sky));
	color: #fff;
	box-shadow: 0 5px 13px rgba(11, 42, 91, .18);
}
.nbd-home-video__icon svg { width: 29px; height: 29px; }
.nbd-home-video .nbd-home-video__heading h2 {
	margin: 0 0 3px !important;
	font-family: var(--nbd-heading-font, Manrope, sans-serif) !important;
	font-size: clamp(19px, 2vw, 25px) !important;
	font-weight: 700 !important;
	line-height: 1.22 !important;
	color: var(--nbd-video-navy) !important;
}
.nbd-home-video .nbd-home-video__heading p {
	margin: 0 !important;
	font-size: clamp(12px, 1.1vw, 14px) !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	color: #547092 !important;
}
.nbd-home-video__all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 0 0 auto;
	min-height: 39px;
	padding: 8px 14px;
	border: 1px solid #82b8fb;
	border-radius: 10px;
	color: var(--nbd-video-navy);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: color .18s, background .18s, transform .18s;
}
.nbd-home-video__all:hover { color: #fff; background: var(--nbd-video-navy); transform: translateY(-2px); }
.nbd-home-video__all svg { width: 16px; height: 16px; }
.nbd-home-video__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; gap: 12px; }
.nbd-home-video__lead, .nbd-home-video__side { min-width: 0; }
.nbd-home-video__side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.nbd-video-card {
	min-width: 0;
	margin: 0;
	border: 1px solid #e4ecf8;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(11, 42, 91, .035);
	transition: transform .2s, box-shadow .2s;
}
.nbd-video-card:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(11, 42, 91, .11); }
.nbd-video-card__media { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #e8f1fb; }
.nbd-video-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.nbd-video-card:hover .nbd-video-card__media img { transform: scale(1.025); }
.nbd-video-card__play {
	position: absolute;
	top: 50%; left: 50%;
	display: grid;
	width: 43px; height: 43px;
	place-items: center;
	border: 2px solid white;
	border-radius: 50%;
	background: #ffcf00;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .17);
	color: var(--nbd-video-navy);
	font-size: 19px;
	line-height: 1;
	text-indent: 3px;
	transform: translate(-50%, -50%);
}
.nbd-video-card--featured .nbd-video-card__play { width: 61px; height: 61px; font-size: 26px; }
.nbd-video-card__badge, .nbd-video-card__duration { position: absolute; z-index: 1; border-radius: 7px; color: #fff; font-size: 11px; font-weight: 600; line-height: 1.2; }
.nbd-video-card__badge { top: 10px; left: 10px; padding: 7px 10px; background: linear-gradient(100deg, #0b2a5b, #3f7fc5); }
.nbd-video-card__duration { right: 8px; bottom: 7px; padding: 4px 6px; background: rgba(7, 20, 42, .82); }
.nbd-video-card__body { padding: 8px 10px; }
.nbd-home-video .nbd-video-card__body h3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 0 !important;
	font-family: var(--nbd-heading-font, Manrope, sans-serif) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: var(--nbd-video-navy) !important;
}
.nbd-video-card__body h3 a { color: inherit; text-decoration: none; }
.nbd-video-card__body h3 a:hover { color: #167de0; }
.nbd-home-video .nbd-video-card__body p { margin: 4px 0 0 !important; font-size: 11px !important; line-height: 1.4 !important; color: #607493 !important; }
.nbd-video-card__meta { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin-top: 5px; color: #647c9e; font-size: 10px; line-height: 1.2; }
.nbd-video-card__meta > span { display: inline-flex; align-items: center; gap: 4px; }
.nbd-video-card__meta svg { width: 14px; height: 14px; }
.nbd-video-card__category { padding: 3px 8px; border-radius: 99px; background: #eaf3ff; color: #1d70cb; }
.nbd-video-card--featured { height: 100%; }
.nbd-video-card--featured .nbd-video-card__media { aspect-ratio: 3 / 2; }
.nbd-video-card--featured .nbd-video-card__body { padding: 12px 14px; }
.nbd-home-video .nbd-video-card--featured h3 { font-size: 17px !important; }
.nbd-home-video .nbd-video-card--featured p { font-size: 12px !important; }
.nbd-video-card--featured .nbd-video-card__meta { font-size: 11px; }
.nbd-video-lightbox { position: fixed; inset: 0; z-index: 2147483640; display: grid; place-items: center; padding: 16px; background: rgba(4, 17, 38, .86); }
.nbd-video-lightbox[hidden] { display: none !important; }
.nbd-video-lightbox__frame { position: relative; width: min(100%, 960px); aspect-ratio: 16 / 9; border: 3px solid #fff; border-radius: 12px; background: #000; box-shadow: 0 18px 50px rgba(0, 0, 0, .28); }
.nbd-video-lightbox iframe { display: block; width: 100%; height: 100%; border: 0; border-radius: 9px; }
.nbd-video-lightbox__close { position: fixed; z-index: 2; top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); display: grid; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0; place-items: center; border: 2px solid #fff; border-radius: 50%; background: #0b2a5b; box-shadow: 0 5px 18px rgba(0, 0, 0, .25); color: #fff; font-size: 27px; font-weight: 400; line-height: 1; cursor: pointer; }
.nbd-video-lightbox__close:hover, .nbd-video-lightbox__close:focus-visible { background: #2368b0; color: #fff; }
@media (max-width: 849px) {
	.nbd-home-video__grid { grid-template-columns: 1fr; }
	.nbd-video-card--featured .nbd-video-card__media { aspect-ratio: 16 / 9; }
}
@media (max-width: 549px) {
	.nbd-home-video { padding: 14px 0; }
	.nbd-home-video__panel { padding: 10px; border-radius: 15px; }
	.nbd-home-video__header { align-items: flex-start; }
	.nbd-home-video__heading { gap: 9px; }
	.nbd-home-video__icon { flex-basis: 40px; width: 40px; height: 40px; border-radius: 10px; }
	.nbd-home-video__icon svg { width: 22px; height: 22px; }
	.nbd-home-video .nbd-home-video__heading h2 { font-size: 17px !important; }
	.nbd-home-video .nbd-home-video__heading p { font-size: 11px !important; }
	.nbd-home-video__all { min-height: 32px; padding: 6px 8px; font-size: 10px; }
	.nbd-home-video__side { gap: 7px; }
	.nbd-video-card__body { padding: 7px; }
	.nbd-home-video .nbd-video-card__body h3 { font-size: 11px !important; }
	.nbd-video-card__play { width: 34px; height: 34px; font-size: 15px; }
	.nbd-video-card--featured .nbd-video-card__play { width: 49px; height: 49px; font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
	.nbd-home-video *, .nbd-home-video *::before, .nbd-home-video *::after { transition-duration: .01ms !important; }
}
/* Hide the replaced homepage demo section before its legacy script runs. */
body.home:has(.nbd-home-video) #section_14867932 {
	display: none !important;
}