.wdt-gl-video-feature,
.wdt-gl-video-feature * {
	box-sizing: border-box;
}

.wdt-gl-video-feature {
	--wdt-gl-video-feature-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
	--wdt-gl-video-feature-content-max: 1500px;
	--wdt-gl-video-feature-margin-top: 0px;
	--wdt-gl-video-feature-margin-bottom: 0px;
	--wdt-gl-video-feature-height-desktop: 440px;
	--wdt-gl-video-feature-height-tablet: 420px;
	--wdt-gl-video-feature-height-mobile: 0px;
	--wdt-gl-video-feature-media-height-desktop: 360px;
	--wdt-gl-video-feature-media-height-tablet: 340px;
	--wdt-gl-video-feature-media-height-mobile: 260px;
	--wdt-gl-video-feature-media-width: 42%;
	--wdt-gl-video-feature-padding-top-desktop: 44px;
	--wdt-gl-video-feature-padding-bottom-desktop: 44px;
	--wdt-gl-video-feature-padding-inline-desktop: 40px;
	--wdt-gl-video-feature-padding-top-tablet: 36px;
	--wdt-gl-video-feature-padding-bottom-tablet: 36px;
	--wdt-gl-video-feature-padding-inline-tablet: 28px;
	--wdt-gl-video-feature-padding-top-mobile: 28px;
	--wdt-gl-video-feature-padding-bottom-mobile: 28px;
	--wdt-gl-video-feature-padding-inline-mobile: 18px;
	--wdt-gl-video-feature-columns-gap: 48px;
	--wdt-gl-video-feature-content-padding-x: 12px;
	--wdt-gl-video-feature-content-padding-y: 18px;
	--wdt-gl-video-feature-eyebrow-gap: 12px;
	--wdt-gl-video-feature-paragraph-gap: 18px;
	--wdt-gl-video-feature-features-gap-top: 32px;
	--wdt-gl-video-feature-features-gap: 24px;
	--wdt-gl-video-feature-feature-icon-gap: 14px;
	--wdt-gl-video-feature-button-gap: 34px;
	--wdt-gl-video-feature-media-radius: 18px;
	--wdt-gl-video-feature-media-border-width: 1px;
	--wdt-gl-video-feature-video-fit: cover;
	--wdt-gl-video-feature-video-x: 50%;
	--wdt-gl-video-feature-video-y: 50%;
	--wdt-gl-video-feature-media-overlay-opacity: 0.14;
	--wdt-gl-video-feature-play-size: 72px;
	--wdt-gl-video-feature-play-icon-size: 28px;
	--wdt-gl-video-feature-feature-columns: 3;
	--wdt-gl-video-feature-feature-icon-size: 34px;
	--wdt-gl-video-feature-button-radius: 999px;
	--wdt-gl-video-feature-button-padding-x: 24px;
	--wdt-gl-video-feature-button-padding-y: 14px;
	--wdt-gl-video-feature-eyebrow-size: 13px;
	--wdt-gl-video-feature-eyebrow-weight: 800;
	--wdt-gl-video-feature-eyebrow-tracking: 0.14em;
	--wdt-gl-video-feature-heading-min: 34px;
	--wdt-gl-video-feature-heading-max: 58px;
	--wdt-gl-video-feature-heading-max-width: 18ch;
	--wdt-gl-video-feature-heading-weight: 800;
	--wdt-gl-video-feature-heading-line: 1.02;
	--wdt-gl-video-feature-heading-tracking: -0.04em;
	--wdt-gl-video-feature-paragraph-size: 18px;
	--wdt-gl-video-feature-paragraph-weight: 400;
	--wdt-gl-video-feature-paragraph-line: 1.55;
	--wdt-gl-video-feature-paragraph-tracking: 0em;
	--wdt-gl-video-feature-feature-title-size: 16px;
	--wdt-gl-video-feature-feature-title-weight: 800;
	--wdt-gl-video-feature-feature-title-line: 1.25;
	--wdt-gl-video-feature-feature-title-tracking: 0em;
	--wdt-gl-video-feature-feature-text-size: 14px;
	--wdt-gl-video-feature-feature-text-weight: 400;
	--wdt-gl-video-feature-feature-text-line: 1.45;
	--wdt-gl-video-feature-feature-text-tracking: 0em;
	--wdt-gl-video-feature-button-size: 14px;
	--wdt-gl-video-feature-button-weight: 800;
	--wdt-gl-video-feature-button-line: 1;
	--wdt-gl-video-feature-button-tracking: 0em;
	--wdt-gl-video-feature-button-border-width: 2px;
	--wdt-gl-video-feature-background: #111111;
	--wdt-gl-video-feature-text: #ffffff;
	--wdt-gl-video-feature-muted: #d8d8d8;
	--wdt-gl-video-feature-accent: #f6ec68;
	--wdt-gl-video-feature-eyebrow: var(--wdt-gl-video-feature-accent);
	--wdt-gl-video-feature-heading: var(--wdt-gl-video-feature-text);
	--wdt-gl-video-feature-paragraph: var(--wdt-gl-video-feature-muted);
	--wdt-gl-video-feature-feature-title: var(--wdt-gl-video-feature-accent);
	--wdt-gl-video-feature-feature-text: var(--wdt-gl-video-feature-muted);
	--wdt-gl-video-feature-border: #343434;
	--wdt-gl-video-feature-media-background: #050505;
	--wdt-gl-video-feature-media-overlay: #050505;
	--wdt-gl-video-feature-play-bg: #f6ec68;
	--wdt-gl-video-feature-play-text: #050505;
	--wdt-gl-video-feature-feature-icon: #f6ec68;
	--wdt-gl-video-feature-button-bg: #f6ec68;
	--wdt-gl-video-feature-button-text: #111111;
	--wdt-gl-video-feature-button-border: #f6ec68;
	--wdt-gl-video-feature-button-hover-bg: transparent;
	--wdt-gl-video-feature-button-hover-text: #f6ec68;
	position: relative;
	isolation: isolate;
	width: 100%;
	margin-top: var(--wdt-gl-video-feature-margin-top) !important;
	margin-block-start: var(--wdt-gl-video-feature-margin-top) !important;
	margin-bottom: var(--wdt-gl-video-feature-margin-bottom) !important;
	margin-block-end: var(--wdt-gl-video-feature-margin-bottom) !important;
	padding: 0 !important;
	border: 0 !important;
	background: var(--wdt-gl-video-feature-background) !important;
	color: var(--wdt-gl-video-feature-text);
	font-family: var(--wdt-gl-video-feature-font-family);
}

body:not(.block-editor-page) :where(.wp-site-blocks, .wp-block-post-content, .entry-content, .is-layout-flow, .is-layout-constrained) > .wdt-gl-video-feature,
body:not(.block-editor-page) :where(.wp-site-blocks, .wp-block-post-content, .entry-content, .is-layout-flow, .is-layout-constrained) > * + .wdt-gl-video-feature {
	margin-top: var(--wdt-gl-video-feature-margin-top) !important;
	margin-block-start: var(--wdt-gl-video-feature-margin-top) !important;
	margin-bottom: var(--wdt-gl-video-feature-margin-bottom) !important;
	margin-block-end: var(--wdt-gl-video-feature-margin-bottom) !important;
	border-top: 0 !important;
	border-block-start: 0 !important;
}

.wdt-gl-video-feature.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

@supports (width: 100dvw) {
	.wdt-gl-video-feature.alignfull {
		width: 100dvw;
		max-width: 100dvw;
		margin-left: calc(50% - 50dvw) !important;
		margin-right: calc(50% - 50dvw) !important;
	}
}

.wdt-gl-video-feature__inner {
	display: grid;
	grid-template-columns: minmax(0, var(--wdt-gl-video-feature-media-width)) minmax(0, 1fr);
	gap: var(--wdt-gl-video-feature-columns-gap);
	align-items: stretch;
	width: min(100%, var(--wdt-gl-video-feature-content-max));
	min-height: var(--wdt-gl-video-feature-height-desktop);
	margin: 0 auto;
	padding: var(--wdt-gl-video-feature-padding-top-desktop) var(--wdt-gl-video-feature-padding-inline-desktop) var(--wdt-gl-video-feature-padding-bottom-desktop);
}

.wdt-gl-video-feature--video-right .wdt-gl-video-feature__media {
	order: 2;
}

.wdt-gl-video-feature--video-right .wdt-gl-video-feature__content {
	order: 1;
}

.wdt-gl-video-feature__media,
.wdt-gl-video-feature__content {
	min-width: 0;
}

.wdt-gl-video-feature__media {
	display: flex;
	align-items: stretch;
	min-height: var(--wdt-gl-video-feature-media-height-desktop);
}

.wdt-gl-video-feature__media-stage {
	position: relative;
	isolation: isolate;
	width: 100%;
	min-height: inherit;
	overflow: hidden;
	border: var(--wdt-gl-video-feature-media-border-width) solid var(--wdt-gl-video-feature-border);
	border-radius: var(--wdt-gl-video-feature-media-radius);
	background: var(--wdt-gl-video-feature-media-background);
}

.wdt-gl-video-feature__video,
.wdt-gl-video-feature__iframe,
.wdt-gl-video-feature__poster {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	border-radius: 0;
}

.wdt-gl-video-feature__video,
.wdt-gl-video-feature__poster {
	object-fit: var(--wdt-gl-video-feature-video-fit);
	object-position: var(--wdt-gl-video-feature-video-x) var(--wdt-gl-video-feature-video-y);
}

.wdt-gl-video-feature__media-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	background: var(--wdt-gl-video-feature-media-overlay);
	opacity: var(--wdt-gl-video-feature-media-overlay-opacity);
	pointer-events: none;
	transition: opacity 220ms ease;
}

.wdt-gl-video-feature__media.is-playing .wdt-gl-video-feature__media-overlay,
.wdt-gl-video-feature--autoplay .wdt-gl-video-feature__media-overlay {
	opacity: 0;
}

.wdt-gl-video-feature__media.is-playing .wdt-gl-video-feature__poster,
.wdt-gl-video-feature__media.is-playing .wdt-gl-video-feature__placeholder {
	display: none;
}

.wdt-gl-video-feature__placeholder {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 24px;
	color: var(--wdt-gl-video-feature-muted);
	font-size: 14px;
	text-align: center;
}

.wdt-gl-video-feature__play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	display: grid;
	place-items: center;
	width: var(--wdt-gl-video-feature-play-size);
	height: var(--wdt-gl-video-feature-play-size);
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--wdt-gl-video-feature-play-bg);
	color: var(--wdt-gl-video-feature-play-text);
	box-shadow: 0 12px 34px rgb(0 0 0 / 0.28);
	cursor: pointer;
	transform: translate(-50%, -50%);
	transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.wdt-gl-video-feature__play:hover,
.wdt-gl-video-feature__play:focus-visible {
	transform: translate(-50%, -50%) scale(1.07);
	box-shadow: 0 16px 42px rgb(0 0 0 / 0.38);
	outline: 2px solid var(--wdt-gl-video-feature-accent);
	outline-offset: 4px;
}

.wdt-gl-video-feature__play-svg {
	display: block;
	width: var(--wdt-gl-video-feature-play-icon-size);
	height: var(--wdt-gl-video-feature-play-icon-size);
}

.wdt-gl-video-feature__media.is-playing .wdt-gl-video-feature__play {
	opacity: 0;
	pointer-events: none;
}

.wdt-gl-video-feature__content {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	justify-content: center;
	padding: var(--wdt-gl-video-feature-content-padding-y) var(--wdt-gl-video-feature-content-padding-x);
}

.wdt-gl-video-feature--vertical-top .wdt-gl-video-feature__content {
	justify-content: flex-start;
}

.wdt-gl-video-feature--vertical-bottom .wdt-gl-video-feature__content {
	justify-content: flex-end;
}

.wdt-gl-video-feature--content-center .wdt-gl-video-feature__content {
	align-items: center;
	text-align: center;
}

.wdt-gl-video-feature__eyebrow,
.wdt-gl-video-feature__heading,
.wdt-gl-video-feature__paragraph,
.wdt-gl-video-feature__feature h3,
.wdt-gl-video-feature__feature p {
	margin: 0;
}

.wdt-gl-video-feature__eyebrow {
	margin-bottom: var(--wdt-gl-video-feature-eyebrow-gap);
	color: var(--wdt-gl-video-feature-eyebrow) !important;
	font-size: var(--wdt-gl-video-feature-eyebrow-size);
	font-weight: var(--wdt-gl-video-feature-eyebrow-weight);
	letter-spacing: var(--wdt-gl-video-feature-eyebrow-tracking);
	line-height: 1.2;
	text-transform: uppercase;
}

.wdt-gl-video-feature__heading {
	max-width: var(--wdt-gl-video-feature-heading-max-width);
	color: var(--wdt-gl-video-feature-heading) !important;
	font-family: var(--wdt-gl-video-feature-font-family) !important;
	font-size: clamp(var(--wdt-gl-video-feature-heading-min), 4vw, var(--wdt-gl-video-feature-heading-max)) !important;
	font-weight: var(--wdt-gl-video-feature-heading-weight) !important;
	letter-spacing: var(--wdt-gl-video-feature-heading-tracking) !important;
	line-height: var(--wdt-gl-video-feature-heading-line) !important;
}

.wdt-gl-video-feature--content-center .wdt-gl-video-feature__heading,
.wdt-gl-video-feature--content-center .wdt-gl-video-feature__paragraph {
	margin-right: auto;
	margin-left: auto;
}

.wdt-gl-video-feature__paragraph {
	max-width: 68ch;
	margin-top: var(--wdt-gl-video-feature-paragraph-gap);
	color: var(--wdt-gl-video-feature-paragraph) !important;
	font-family: var(--wdt-gl-video-feature-font-family) !important;
	font-size: var(--wdt-gl-video-feature-paragraph-size) !important;
	font-weight: var(--wdt-gl-video-feature-paragraph-weight) !important;
	line-height: var(--wdt-gl-video-feature-paragraph-line) !important;
	letter-spacing: var(--wdt-gl-video-feature-paragraph-tracking) !important;
}

.wdt-gl-video-feature__features {
	display: grid;
	grid-template-columns: repeat(var(--wdt-gl-video-feature-feature-columns), minmax(0, 1fr));
	gap: var(--wdt-gl-video-feature-features-gap);
	width: 100%;
	margin-top: var(--wdt-gl-video-feature-features-gap-top);
}

.wdt-gl-video-feature__feature {
	display: flex;
	align-items: flex-start;
	gap: var(--wdt-gl-video-feature-feature-icon-gap);
	min-width: 0;
}

.wdt-gl-video-feature--content-center .wdt-gl-video-feature__feature {
	align-items: center;
	flex-direction: column;
}

.wdt-gl-video-feature__feature-icon {
	display: inline-grid;
	flex: 0 0 auto;
	place-items: center;
	width: var(--wdt-gl-video-feature-feature-icon-size);
	height: var(--wdt-gl-video-feature-feature-icon-size);
	color: var(--wdt-gl-video-feature-feature-icon);
}

.wdt-gl-video-feature__icon-svg {
	display: block;
	width: 100%;
	height: 100%;
}

.wdt-gl-video-feature__feature-copy {
	min-width: 0;
}

.wdt-gl-video-feature__feature h3 {
	color: var(--wdt-gl-video-feature-feature-title) !important;
	font-family: var(--wdt-gl-video-feature-font-family) !important;
	font-size: var(--wdt-gl-video-feature-feature-title-size) !important;
	font-weight: var(--wdt-gl-video-feature-feature-title-weight) !important;
	line-height: var(--wdt-gl-video-feature-feature-title-line) !important;
	letter-spacing: var(--wdt-gl-video-feature-feature-title-tracking) !important;
}

.wdt-gl-video-feature__feature p {
	margin-top: 6px;
	color: var(--wdt-gl-video-feature-feature-text) !important;
	font-family: var(--wdt-gl-video-feature-font-family) !important;
	font-size: var(--wdt-gl-video-feature-feature-text-size) !important;
	font-weight: var(--wdt-gl-video-feature-feature-text-weight) !important;
	line-height: var(--wdt-gl-video-feature-feature-text-line) !important;
	letter-spacing: var(--wdt-gl-video-feature-feature-text-tracking) !important;
}

.wdt-gl-video-feature__button {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	margin-top: var(--wdt-gl-video-feature-button-gap);
	padding: var(--wdt-gl-video-feature-button-padding-y) var(--wdt-gl-video-feature-button-padding-x);
	border: var(--wdt-gl-video-feature-button-border-width) solid var(--wdt-gl-video-feature-button-border);
	border-radius: var(--wdt-gl-video-feature-button-radius);
	background: var(--wdt-gl-video-feature-button-bg);
	color: var(--wdt-gl-video-feature-button-text);
	font-family: var(--wdt-gl-video-feature-font-family);
	font-size: var(--wdt-gl-video-feature-button-size);
	font-weight: var(--wdt-gl-video-feature-button-weight);
	line-height: var(--wdt-gl-video-feature-button-line);
	letter-spacing: var(--wdt-gl-video-feature-button-tracking);
	text-decoration: none;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.wdt-gl-video-feature--content-center .wdt-gl-video-feature__button {
	align-self: center;
}

.wdt-gl-video-feature__button:hover,
.wdt-gl-video-feature__button:focus-visible {
	background: var(--wdt-gl-video-feature-button-hover-bg);
	color: var(--wdt-gl-video-feature-button-hover-text);
	transform: translateY(-2px);
	outline: none;
}

.wdt-gl-video-feature__button-icon {
	display: inline-grid;
	place-items: center;
	width: 18px;
	height: 18px;
}

.wdt-gl-video-feature__button-icon .wdt-gl-video-feature__icon-svg {
	width: 18px;
	height: 18px;
}

@media (max-width: 1100px) {
	.wdt-gl-video-feature__inner {
		min-height: var(--wdt-gl-video-feature-height-tablet);
		padding: var(--wdt-gl-video-feature-padding-top-tablet) var(--wdt-gl-video-feature-padding-inline-tablet) var(--wdt-gl-video-feature-padding-bottom-tablet);
	}

	.wdt-gl-video-feature__media {
		min-height: var(--wdt-gl-video-feature-media-height-tablet);
	}

	.wdt-gl-video-feature__features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wdt-gl-video-feature--feature-columns-1 .wdt-gl-video-feature__features {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 781px) {
	.wdt-gl-video-feature__inner {
		grid-template-columns: minmax(0, 1fr);
		min-height: var(--wdt-gl-video-feature-height-mobile);
		padding: var(--wdt-gl-video-feature-padding-top-mobile) var(--wdt-gl-video-feature-padding-inline-mobile) var(--wdt-gl-video-feature-padding-bottom-mobile);
	}

	.wdt-gl-video-feature__media,
	.wdt-gl-video-feature--video-right .wdt-gl-video-feature__media {
		order: 1;
		min-height: var(--wdt-gl-video-feature-media-height-mobile);
	}

	.wdt-gl-video-feature__content,
	.wdt-gl-video-feature--video-right .wdt-gl-video-feature__content {
		order: 2;
		padding-right: 0;
		padding-left: 0;
	}

	.wdt-gl-video-feature__features {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wdt-gl-video-feature__play,
	.wdt-gl-video-feature__button {
		transition: none;
	}
}