/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/


/* Welcome section */
.section-media-hero {
	--copy-text-color: #1d1d1f;
	--copy-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
	--copy-ease-out: cubic-bezier(0.33, 1, 0.68, 1);
	--copy-cap-height: 0.7045;
	--copy-eyebrow-size: 30.6px;
	--copy-eyebrow-tracking: -0.006em;
	--copy-headline-size: 53.2px;
	--copy-headline-tracking: 0.0076em;
	--copy-eyebrow-baseline: 31.7px;
	--copy-line-1-baseline: 107.5px;
	--copy-line-2-baseline: 165.9px;
	--copy-rise-eyebrow: 9.2px;
	--copy-rise-line-1: 7.5px;
	--copy-rise-line-2: 4.1px;
}

@media (max-width: 1068px) {
	.section-media-hero {
		--copy-eyebrow-size: 18.4px;
		--copy-eyebrow-tracking: 0.0252em;
		--copy-headline-size: 38.5px;
		--copy-headline-tracking: 0.0144em;
		--copy-eyebrow-baseline: 18.3px;
		--copy-line-1-baseline: 69.5px;
		--copy-line-2-baseline: 112.9px;
		--copy-rise-eyebrow: 10.5px;
		--copy-rise-line-1: 7.5px;
		--copy-rise-line-2: 4.1px;
	}
}

@media (max-width: 734px) {
	.section-media-hero {
		--copy-eyebrow-size: 18.4px;
		--copy-eyebrow-tracking: 0.0071em;
		--copy-headline-size: 29.2px;
		--copy-headline-tracking: 0.0128em;
		--copy-eyebrow-baseline: 17.8px;
		--copy-line-1-baseline: 60px;
		--copy-line-2-baseline: 93px;
		--copy-rise-eyebrow: 8.6px;
		--copy-rise-line-1: 5px;
		--copy-rise-line-2: 2.7px;
	}
}

.section-media-hero .media {
	position: relative;
}

.section-media-hero .overlay-content {
	position: absolute;
	top: calc(
		var(--marquee-padding-reduced) + var(--copy-eyebrow-baseline) -
			var(--copy-eyebrow-size) * var(--copy-cap-height)
	);
	inset-inline: 0;
	z-index: 5;
	pointer-events: none;
}

.overlay-content .marquee-eyebrow, .overlay-content .marquee-headline, .overlay-content .headline-line {
	margin: 0;
	text-box: trim-both cap alphabetic;
}

.overlay-content .marquee-eyebrow {
	font-size: var(--copy-eyebrow-size);
	letter-spacing: var(--copy-eyebrow-tracking);
}

.overlay-content .marquee-headline {
	font-size: var(--copy-headline-size);
	letter-spacing: var(--copy-headline-tracking);
}

.overlay-content .headline-line-1 {
	margin-top: calc(
		var(--copy-line-1-baseline) - var(--copy-eyebrow-baseline) -
			var(--copy-headline-size) * var(--copy-cap-height)
	);
}

.overlay-content .headline-line-2 {
	margin-top: calc(
		var(--copy-line-2-baseline) - var(--copy-line-1-baseline) -
			var(--copy-headline-size) * var(--copy-cap-height)
	);
}

.section-media-hero:not(.hero-copy-ready) .overlay-content {
	visibility: hidden;
}

.no-js .section-media-hero .overlay-content, .no-enhanced .section-media-hero .overlay-content {
	visibility: visible;
}

.headline-line {
	display: block;
}

.headline-char {
	--headline-char-pivot-left: calc(
			50% - var(--headline-char-ink-half, 0.05em)
		)
		var(--headline-char-baseline, 100%);
	--headline-char-pivot-right: calc(
			50% + var(--headline-char-ink-half, 0.05em)
		)
		var(--headline-char-baseline, 100%);
	display: inline-block;
	transform-origin: var(--headline-char-pivot-right);
}

.headline-char-new {
	display: inline-flex;
	justify-content: center;
	width: var(--headline-char-width, 0.224em);
}

.headline-char {
	color: var(--headline-char-color);
}

.headline-char-1 {
	--headline-char-color: #2e7e44;
	--headline-char-tint-delay: 2.21s;
	--headline-char-settle-delay: 2.44s;
	--headline-char-grow-delay: 1.72s;
	--headline-char-fade-delay: 1.79s;
}
.headline-char-2 {
	--headline-char-color: #e3bd37;
	--headline-char-tint-delay: 2.21s;
	--headline-char-settle-delay: 2.507s;
	--headline-char-grow-delay: 1.84s;
	--headline-char-fade-delay: 1.955s;
}
.headline-char-3 {
	--headline-char-color: #ce5d3a;
	--headline-char-tint-delay: 2.285s;
	--headline-char-settle-delay: 2.574s;
	--headline-char-grow-delay: 1.96s;
	--headline-char-fade-delay: 2.12s;
}
.headline-char-4 {
	--headline-char-color: #d34767;
	--headline-char-tint-delay: 2.285s;
	--headline-char-settle-delay: 2.641s;
	--headline-char-grow-delay: 2.08s;
	--headline-char-fade-delay: 2.285s;
}
.headline-char-5 {
	--headline-char-color: #6560a0;
	--headline-char-tint-delay: 2.36s;
	--headline-char-settle-delay: 2.708s;
	--headline-char-grow-delay: 2.2s;
	--headline-char-fade-delay: 2.45s;
}
.headline-char-6 {
	--headline-char-color: #4270ab;
	--headline-char-tint-delay: 2.36s;
	--headline-char-settle-delay: 2.775s;
	--headline-char-grow-delay: 2.32s;
	--headline-char-fade-delay: 2.61s;
}

.hero-copy-synced .marquee-eyebrow, .hero-copy-synced .headline-line, .hero-copy-synced .headline-char {
	animation-fill-mode: both;
	animation-play-state: paused;
}

.hero-copy-synced .marquee-eyebrow {
	--copy-rise: var(--copy-rise-eyebrow);
	animation-name: hero-copy-fade-in, hero-copy-rise;
	animation-duration: 0.18s, 0.683s;
	animation-delay: 1.496s, 1.433s;
	animation-timing-function: linear, var(--copy-ease-out);
}

.hero-copy-synced .headline-line-1 {
	--copy-rise: var(--copy-rise-line-1);
	animation-name: hero-copy-fade-in, hero-copy-rise;
	animation-duration: 0.165s, 0.517s;
	animation-delay: 1.503s, 1.433s;
	animation-timing-function: linear, cubic-bezier(0, 0, 0.58, 1);
}

.hero-copy-synced .headline-line-2 {
	--copy-rise: var(--copy-rise-line-2);
	animation-name: hero-copy-fade-in, hero-copy-rise;
	animation-duration: 0.18s, 0.483s;
	animation-delay: 1.669s, 1.608s;
	animation-timing-function: linear, var(--copy-ease-out);
}

.hero-copy-synced .headline-char {
	animation-name:
		hero-copy-tint, hero-copy-straighten, hero-copy-lean, hero-copy-pivot;
	animation-duration: 0.23s, 0.42s, 0.587s, 0.587s;
	animation-delay:
		var(--headline-char-tint-delay), var(--headline-char-settle-delay),
		1.933s, 1.933s;
	animation-timing-function: linear, var(--copy-ease-in-out), linear, linear;
}

.hero-copy-synced .headline-char-new {
	animation-name:
		hero-copy-tint, hero-copy-straighten, hero-copy-lean, hero-copy-pivot,
		hero-copy-grow, hero-copy-fade-in;
	animation-duration: 0.23s, 0.42s, 0.587s, 0.587s, 0.6s, 0.17s;
	animation-delay:
		var(--headline-char-tint-delay), var(--headline-char-settle-delay),
		1.933s, 1.933s, var(--headline-char-grow-delay),
		var(--headline-char-fade-delay);
	animation-timing-function:
		linear, var(--copy-ease-in-out), linear, linear, linear, linear;
}

@keyframes hero-copy-pivot {
	0% {
		transform-origin: var(--headline-char-pivot-right);
		animation-timing-function: step-end;
	}
	65.9%,
	100% {
		transform-origin: var(--headline-char-pivot-left);
	}
}

@keyframes hero-copy-fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes hero-copy-rise {
	from {
		translate: 0 var(--copy-rise);
	}
	to {
		translate: 0 0;
	}
}

@keyframes hero-copy-lean {
	0% {
		rotate: 0deg;
		animation-timing-function: var(--copy-ease-in-out);
	}
	50.6% {
		rotate: -6deg;
		animation-timing-function: var(--copy-ease-in-out);
	}
	65.9% {
		rotate: 0deg;
		animation-timing-function: var(--copy-ease-in-out);
	}
	100% {
		rotate: 8deg;
	}
}

@keyframes hero-copy-straighten {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-8deg);
	}
}

@keyframes hero-copy-tint {
	from {
		color: var(--copy-text-color);
	}
	to {
		color: var(--headline-char-color);
	}
}

@keyframes hero-copy-grow {
	0% {
		width: 0;
		animation-timing-function: var(--copy-ease-in-out);
	}
	75% {
		width: calc(var(--headline-char-width) * 1.12);
		animation-timing-function: var(--copy-ease-in-out);
	}
	100% {
		width: var(--headline-char-width);
	}
}
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/