/* Hero and carousel */
.homepage-hero-wrapper {
	margin-bottom: -138px;
	top: -138px;
}

.ken-burns .wp-block-cover__image-background {
	animation: fc-ken-burns 10s ease-in-out infinite alternate;
	transform-origin: center center;
	will-change: transform;
}

@keyframes fc-ken-burns {

	from {
		transform: scale(1.1) translate3d(-1%, -1%, 0);
	}

	to {
		transform: scale(1.12) translate3d(1%, 1%, 0);
	}
}

.homepage-section-wrapper {
	position: absolute;
	top: 95vh;
}

.fc-slide-links {
	bottom: 25px;
	position: absolute;
}

.splide__progress-slide-empty {
	border-top: 4px solid rgba(255, 255, 255, 0.5);
	padding-top: 10px;
}

.splide__progress-slide {
	background: rgba(255, 255, 255, 0.5);
	height: 4px;
	margin-bottom: 10px;
	overflow: hidden;
}

.splide__progress-slide-bar {
	animation: none;
	animation-play-state: paused;
	background-color: var(--wp--preset--color--custom-money-green);
	display: block;
	height: 100%;
	transform-origin: left center;
	width: 100%;
}

@keyframes splideSlideProgress {

	from {
		transform: scaleX(0);
	}

	to {
		transform: scaleX(1);
	}
}

.hero-text {
	clip-path: inset(0 100% 0 0);
	font-size: 4rem;
	line-height: 1.2;
	padding: 3px 0;
	transition: clip-path 0s;
}

.splide__slide.is-active .hero-text {
	clip-path: inset(0 0 0 0);
	transition: clip-path 1.2s cubic-bezier(0.65, 0, 0.35, 1);
	transition-delay: 0.2s;
}

.appearance-delay {
	opacity: 0;
	transition: opacity 0s;
}

.splide__slide.is-active .appearance-delay {
	opacity: 1;
	transition: opacity 0.5s ease-out;
	transition-delay: 2s;
}

/* Keep hero text visible when editing. */
.editor-styles-wrapper .hero-text {
	clip-path: inset(0 0 0 0);
	transition: none;
}

.editor-styles-wrapper .appearance-delay {
	opacity: 1;
	transition: none;
}
