:root{--okcid-page-hero-swoop-gap:57px}.okcid-page-hero{--okcid-page-hero-height:46.098vw;--okcid-page-hero-left-edge:9.048vw;--okcid-page-hero-full-mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTgwLjE5IDcyOC40NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+Cgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTU4MC4xOSwwdjU4MC40NUM3NjguODIsODI5LjE5LDAsNjg5LjE3LDAsNjg5LjE3VjE0Mi45N1M3NzkuNDMsMzE3LjA4LDE1ODAuMTksMFoiLz4KPC9zdmc+Cg==);
	--okcid-page-hero-mask: var(--okcid-page-hero-full-mask);
	--okcid-page-hero-object-position: center center;
	--okcid-page-hero-accent-color: var(--okcid-blue, var(--e-global-color-secondary, #3096ff));
	--okcid-page-hero-tint-color: var(--blue-tint, var(--e-global-color-68718c2, #e2f0ff));
	--okcid-page-hero-tint-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NjcuNzcgMjgxLjIyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KCTxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05NjcuNzcsMHYyODEuMjJIMHYtMTUyLjQ5UzQ1NS43NywyMTAuNjIsOTE5LjksMjAuNTdjMTUuOTUtNi41MywzMS45Mi0xMy4zOCw0Ny44Ny0yMC41N1oiLz4KPC9zdmc+Cg==);

	position: relative;
	width: 100%;
	max-width: 100%;
	margin-inline: 0;
	isolation: isolate;
}

.okcid-page-hero--color-amber {
	--okcid-page-hero-accent-color: var(--okcid-amber, var(--e-global-color-accent, #ffb000));
	--okcid-page-hero-tint-color: var(--amber-tint, var(--e-global-color-0d7ba48, #fff5e0));
}

.okcid-page-hero--color-teal {
	--okcid-page-hero-accent-color: var(--okcid-teal, var(--e-global-color-primary, #00b89c));
	--okcid-page-hero-tint-color: var(--teal-tint, var(--e-global-color-7bdc64d, #e0f6f3));
}

.okcid-page-hero--short {
	--okcid-page-hero-height: 36.563vw;
	--okcid-page-hero-left-edge: 9.048vw;
	--okcid-page-hero-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTgwLjE5IDU3Ny43NiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+Cgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTU4MC4xOSwwdjU3Ny43NkgwVjE0Mi45OHMxMjUuNDgsMjguMDMsMzI3LjQ3LDQxLjEyYzExNC41Myw3LjQsMjUzLjY1LDEwLjAzLDQwOC40NSwwQzk4OC41NCwxNjcuNzQsMTI4Mi44OSwxMTcuNzIsMTU4MC4xOSwwWiIvPgo8L3N2Zz4K);
}

/* Let a no-media hero pull the next Elementor section into its solid swoop. */
.elementor-element.e-con:has(> .elementor-widget-okcid-page-hero .okcid-page-hero--layout-no-media) {
	--okcid-page-hero-content-overlap: calc(46.098vw - 9.048vw);
	--margin-bottom: calc(-1 * var(--okcid-page-hero-content-overlap));
	margin-bottom: calc(-1 * var(--okcid-page-hero-content-overlap));
}

.okcid-page-hero--layout-no-media {
	--okcid-page-hero-height: 46.098vw;
	--okcid-page-hero-left-edge: 9.048vw;
}

.okcid-page-hero--layout-no-media .okcid-page-hero__frame {
	background: var(--okcid-page-hero-tint-color);
	mask-image: var(--okcid-page-hero-full-mask);
	-webkit-mask-image: var(--okcid-page-hero-full-mask);
}

.okcid-page-hero--layout-text .okcid-page-hero__content,
.okcid-page-hero--layout-flat .okcid-page-hero__content {
	padding-top: 80px;
	padding-bottom: 80px;
}

.okcid-page-hero--layout-flat .okcid-page-hero__visual {
	height: clamp(300px, 40vw, 640px);
	margin-top: 0;
}

.okcid-page-hero--layout-flat .okcid-page-hero__frame {
	mask-image: none;
	-webkit-mask-image: none;
}

.okcid-page-hero--focus-center-top {
	--okcid-page-hero-object-position: center top;
}

.okcid-page-hero--focus-center-bottom {
	--okcid-page-hero-object-position: center bottom;
}

.okcid-page-hero--focus-left-center {
	--okcid-page-hero-object-position: left center;
}

.okcid-page-hero--focus-right-center {
	--okcid-page-hero-object-position: right center;
}

.okcid-page-hero__content {
	position: relative;
	z-index: 4;
	box-sizing: border-box;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 40px 30px 0;
	color: var(--neutral-900, var(--e-global-color-text, #2d2d2f));
}

.okcid-page-hero__back {
	width: auto;
	margin-block-end: 24px;
}

.okcid-page-hero .okcid-page-hero__title {
	max-width: 1050px;
	margin: 0;
	color: inherit;
	font-family: var(--e-global-typography-primary-font-family, "Raleway"), Arial, sans-serif;
	font-size: var(--e-global-typography-primary-font-size, 60px);
	font-weight: var(--e-global-typography-primary-font-weight, 700);
	line-height: var(--e-global-typography-primary-line-height, 1.2);
	letter-spacing: var(--e-global-typography-primary-letter-spacing, 0.02em);
	text-wrap: balance;
}

.okcid-page-hero .okcid-page-hero__subtitle {
	max-width: 660px;
	margin: 32px 0 0;
	color: inherit;
	font-family: var(--e-global-typography-5e19447-font-family, "Raleway"), Arial, sans-serif;
	font-size: var(--e-global-typography-5e19447-font-size, 20px);
	font-weight: var(--e-global-typography-5e19447-font-weight, 600);
	line-height: var(--e-global-typography-5e19447-line-height, 1.4);
	letter-spacing: 0.01em;
	white-space: pre-line;
}

.okcid-page-hero__visual {
	position: relative;
	width: 100%;
	height: var(--okcid-page-hero-height);
	margin-top: calc(var(--okcid-page-hero-swoop-gap) - var(--okcid-page-hero-left-edge));
}

.okcid-page-hero__tint {
	position: absolute;
	top: calc(var(--okcid-page-hero-left-edge) - 13px - 13.302vw);
	left: 0;
	z-index: 1;
	width: 100%;
	height: 29.059vw;
	background: var(--okcid-page-hero-tint-color);
	mask-image: var(--okcid-page-hero-tint-mask);
	mask-mode: alpha;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 100% 100%;
	-webkit-mask-image: var(--okcid-page-hero-tint-mask);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 100% 100%;
}

.okcid-page-hero__frame {
	position: absolute;
	inset: 0;
	z-index: 2;
	overflow: hidden;
	background: var(--neutral-100, #f5f5f5);
	mask-image: var(--okcid-page-hero-mask);
	mask-mode: alpha;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 100% 100%;
	-webkit-mask-image: var(--okcid-page-hero-mask);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 100% 100%;
}

.okcid-page-hero__frame > .okcid-page-hero__poster,
.okcid-page-hero__frame > .okcid-page-hero__video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--okcid-page-hero-object-position);
}

.okcid-page-hero__poster {
	z-index: 2;
	opacity: 1;
	transition: opacity 260ms ease;
}

.okcid-page-hero__video {
	z-index: 1;
	border: 0;
}

.okcid-page-hero[data-playback-state="playing"] .okcid-page-hero__poster {
	opacity: 0;
}

.okcid-page-hero__toggle {
	position: absolute;
	top: calc(var(--okcid-page-hero-left-edge) + 28px);
	left: 20px;
	z-index: 3;
	display: grid;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	cursor: pointer;
	opacity: 0.72;
	transition: color 160ms ease, opacity 160ms ease, transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.okcid-page-hero__toggle:hover,
.okcid-page-hero__toggle:focus-visible,
.okcid-page-hero__toggle:active {
	background: transparent !important;
	box-shadow: none !important;
	opacity: 1;
}

.okcid-page-hero__toggle[hidden] {
	display: none;
}

.okcid-page-hero__toggle:focus-visible {
	outline: 2px solid var(--okcid-page-hero-accent-color);
	outline-offset: 3px;
}

.okcid-page-hero__toggle:active {
	transform: scale(0.97);
}

.okcid-page-hero__toggle-icon {
	display: block;
	grid-area: 1 / 1;
	width: 24px;
	height: 24px;
	opacity: 1;
	filter: blur(0);
	mix-blend-mode: difference;
	transform: scale(1);
	transition:
		opacity 180ms cubic-bezier(0.645, 0.045, 0.355, 1),
		filter 180ms cubic-bezier(0.645, 0.045, 0.355, 1),
		transform 180ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.okcid-page-hero__toggle-icon--play {
	opacity: 0;
	filter: blur(2px);
	transform: scale(0.88);
}

.okcid-page-hero[data-playback-state="paused"] .okcid-page-hero__toggle-icon--pause,
.okcid-page-hero[data-playback-state="blocked"] .okcid-page-hero__toggle-icon--pause,
.okcid-page-hero[data-playback-state="waiting"] .okcid-page-hero__toggle-icon--pause {
	opacity: 0;
	filter: blur(2px);
	transform: scale(0.88);
}

.okcid-page-hero[data-playback-state="paused"] .okcid-page-hero__toggle-icon--play,
.okcid-page-hero[data-playback-state="blocked"] .okcid-page-hero__toggle-icon--play,
.okcid-page-hero[data-playback-state="waiting"] .okcid-page-hero__toggle-icon--play{opacity:1;filter:blur(0);transform:scale(1)}@media (hover:hover) and (pointer:fine){.okcid-page-hero__toggle:hover{color:var(--okcid-page-hero-tint-color)!important;opacity:1}.okcid-page-hero__toggle:hover .okcid-page-hero__toggle-icon{mix-blend-mode:normal}}@media (max-width:1200px){.okcid-page-hero__content{padding-right:32px;padding-left:32px}.okcid-page-hero .okcid-page-hero__subtitle{margin-top:24px}}@media (max-width:1024px){.okcid-page-hero__content{padding-top:32px;padding-right:24px;padding-left:24px}.okcid-page-hero--layout-text .okcid-page-hero__content,.okcid-page-hero--layout-flat .okcid-page-hero__content{padding-top:64px;padding-bottom:64px}}@media (max-width:767px){.okcid-page-hero .okcid-page-hero__title{max-width:16ch}.okcid-page-hero .okcid-page-hero__subtitle{max-width:34ch}.okcid-page-hero--layout-flat .okcid-page-hero__visual{height:clamp(240px, 64vw, 400px)}.okcid-page-hero--layout-text .okcid-page-hero__content,.okcid-page-hero--layout-flat .okcid-page-hero__content{padding-top:48px;padding-bottom:48px}}@media (max-width:480px){.okcid-page-hero__content{padding-top:32px;padding-right:20px;padding-left:20px}}@media (prefers-reduced-motion:reduce){.okcid-page-hero__poster,.okcid-page-hero__toggle{transition:none}.okcid-page-hero__toggle-icon{filter:none;transform:none;transition:opacity 120ms ease}.okcid-page-hero__toggle:active{transform:none}}