/* Hero Lottie Intro */
@media screen and (min-width: 768px) {
	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"] .circle-field-canvas {
		transition: opacity 1400ms cubic-bezier(0.19, 1, 0.22, 1);
	}

	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"]:not(.is-hero-intro-field-visible) .circle-field-canvas {
		opacity: 0;
	}

	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"].is-hero-intro-field-visible .circle-field-canvas {
		opacity: 1;
	}

	html.w-mod-js:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"]:is(:not([data-hero-intro-ready]), [data-hero-intro-ready="pending"]):not(.is-hero-intro-static):not(.is-hero-intro-complete)) .navbar .navbar-sticky,
	html.w-mod-js:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"]:is(:not([data-hero-intro-ready]), [data-hero-intro-ready="pending"]):not(.is-hero-intro-static):not(.is-hero-intro-complete) [data-hero-intro-reveal],
	html.w-mod-js:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"]:is(:not([data-hero-intro-ready]), [data-hero-intro-ready="pending"]):not(.is-hero-intro-static):not(.is-hero-intro-complete)) [data-hero-intro-after] {
		opacity: 0;
		transform: translate3d(0, var(--hero-intro-from-y, 24px), 0);
		will-change: opacity, transform;
	}

	html.w-mod-js:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"]:is(:not([data-hero-intro-ready]), [data-hero-intro-ready="pending"]):not(.is-hero-intro-static):not(.is-hero-intro-complete)) .navbar .navbar-sticky {
		--hero-intro-from-y: -22px;
	}

	html:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"][data-hero-intro-ready="pending"].is-hero-intro-reveal-active:not(.is-hero-intro-static):not(.is-hero-intro-complete)) .navbar .navbar-sticky,
	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"][data-hero-intro-ready="pending"].is-hero-intro-reveal-active:not(.is-hero-intro-static):not(.is-hero-intro-complete) [data-hero-intro-reveal],
	html:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"][data-hero-intro-ready="pending"].is-hero-intro-reveal-active:not(.is-hero-intro-static):not(.is-hero-intro-complete)) [data-hero-intro-after] {
		opacity: 1;
		transform: none;
		transition-duration: var(--hero-intro-duration, 1500ms);
		transition-property: opacity, transform;
		transition-timing-function: var(--hero-intro-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
		transition-delay: var(--hero-intro-delay, 0ms);
	}

	html.w-mod-js:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"]:is(:not([data-hero-intro-ready]), [data-hero-intro-ready="pending"]):not(.is-hero-intro-running):not(.is-hero-intro-static):not(.is-hero-intro-complete) .hsp-column-media {
		opacity: 0;
	}

	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"].is-hero-intro-running:not(.is-hero-intro-static):not(.is-hero-intro-complete) .hsp-column-media {
		opacity: 1;
		animation: none;
		transition: opacity 360ms cubic-bezier(0.19, 1, 0.22, 1);
	}

	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"].is-hero-intro-static .hsp-column-media,
	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"].is-hero-intro-static .circle-field-canvas,
	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"].is-hero-intro-static [data-hero-intro-reveal],
	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"].is-hero-intro-complete .hsp-column-media,
	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"].is-hero-intro-complete .circle-field-canvas,
	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"].is-hero-intro-complete [data-hero-intro-reveal],
	html:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"].is-hero-intro-static) .navbar .navbar-sticky,
	html:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"].is-hero-intro-complete) .navbar .navbar-sticky,
	html:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"].is-hero-intro-static) [data-hero-intro-after],
	html:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"].is-hero-intro-complete) [data-hero-intro-after] {
		opacity: 1;
		transform: none;
	}
}

@media screen and (max-width: 767px), (prefers-reduced-motion: reduce) {
	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"] .hsp-column-media,
	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"] .circle-field-canvas,
	html:not(.wf-design-mode) .hero-spotlight[data-hero-intro="home"] [data-hero-intro-reveal],
	html:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"]) .navbar .navbar-sticky,
	html:not(.wf-design-mode) body:has(.hero-spotlight[data-hero-intro="home"]) [data-hero-intro-after] {
		opacity: 1;
		transform: none;
		filter: none;
		transition: none;
		animation: none;
	}
}

/* End Hero Lottie Intro */