@import "../../../../themes/recast2025/style.css";

/* Container */
.header-home {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: var(--home-hero-height, 800px);
	padding: var(--margins-base-vert, 100px) 0;
	background: var(--primary-royal-blue, #1f289c);
}

.header-home__stage {
	width: 100%;
	max-width: 2100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 80px;
	margin: 0 auto;
	padding: var(--margins-l, 48px);
}

.header-home__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-l, 32px);
	text-align: center;
	max-width: 720px;
}

.header-home__inner_copy {
	display: flex;
	flex-direction: column;
	gap: var(--gap-m, 24px);
}

.header-home__title {
	position: relative;
	margin: 0;
	padding-bottom: calc(var(--gap-m, 24px) + 4px);
	color: var(--neutrals-white, #fff);
	letter-spacing: calc(var(--size-heading-xl, 72px) * 0.02);
}

.header-home__title::after {
	content: "";
	position: absolute;
	margin: 0 auto;
	width: 64px;
	height: 4px;
	left: 0;
	right: 0;
	bottom: 0px;
	background: var(--secondary-orange, #f05928);
}

.header-home__title span {
	color: var(--primary-recast-teal, #31d1ff);
}

.header-home__description {
	font-weight: 300;
	line-height: 100%;
	color: var(--neutrals-white, #fff);
}

.header-home__ctas {
	display: flex;
	gap: var(--gap-s, 16px);
}

.header-home__ctas .cta-primary-on-dark,
.header-home__ctas .cta-secondary-on-dark {
	width: 292px;
}

/* Cross rows */
.header-home__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 var(--margins-base-hori, 120px);
}

.header-home__cross {
	width: var(--home-hero-anchor-maxwidth, 40px);
	height: var(--home-hero-anchor-maxwidth, 40px);
	background: url("../../../../themes/recast2025/assets/anchor.svg") center center / contain no-repeat;
	display: inline-block;
	opacity: 0;
	transform: scale(0.2);
	transition: transform 500ms, opacity 1000ms ease;
}

.header-home__cross.is-visible {
	opacity: 1;
	transform: scale(1);
}

.header-home__cross:hover {
	transform: scale(1.5);
}

/* Edge images */
.header-home__image {
	opacity: 0;
}

.header-home__image img {
	display: block;
	width: 100%;
	max-width: 456px;
	height: auto;
}

/* Start slightly off-screen */
.header-home__image--left {
	transform: translateX(-20px);
	position: relative;
	left: 24px;
}

.header-home__image--right {
	transform: translateX(20px);
	position: relative;
	right: 24px;
}

/* When visible */
.header-home__image--left.is-visible,
.header-home__image--right.is-visible {
	transform: translateX(0);
	opacity: 1;
	transition: transform 1500ms ease, opacity 1500ms ease;
}

/* Responsiveness */
@media (max-width: 1440px) {
	.header-home {
		height: initial;
		padding-left: var(--margins-base-hori, 88px);
		padding-right: var(--margins-base-hori, 88px);
	}

	.header-home .header-home__stage {
		flex-direction: column;
		padding: 0;
		padding-top: var(--margins-l, 40px);
		row-gap: var(--gap-l, 32px);
	}

	.header-home .header-home__row--bottom {
		position: relative;
		top: 0;
	}

	.header-home .header-home__image--left {
		order: 1;
		position: initial;
	}

	.header-home .header-home__image--left img {
		max-width: initial;
	}

	.header-home .header-home__image--right {
		display: none;
	}
}

@media (max-width: 820px) {
	.header-home .header-home__stage {
		padding-top: 8px;
	}
}

@media (max-width: 600px) {
	.header-home .header-home__ctas {
		flex-direction: column;
	}

	.header-home .header-home__ctas,
	.header-home .header-home__ctas a {
		width: 100%;
	}
}

/* Elementor editor: show animated elements without waiting for JS */
.e-preview--show-hidden-elements .header-home .header-home__cross {
	opacity: 1 !important;
	transform: scale(1) !important;
}
.e-preview--show-hidden-elements .header-home .header-home__image,
.e-preview--show-hidden-elements .header-home .header-home__image--left,
.e-preview--show-hidden-elements .header-home .header-home__image--right {
	opacity: 1 !important;
	transform: translateX(0) !important;
}