/**
 * Home Style 3 hero — entrance animations only (Sophia Pro demo).
 * Layout/scaling: theme style.css uses vw units (64vw / 32vw / 13vw) — do not override.
 * https://demo-sophia-pro.wpcustomthemes.com/homepage-style-3/
 */

body.home .wp-block-header-media .wp-centered-hero-image {
	opacity: 0;
	transform: scale(0.8) translateY(40px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
	transition-delay: 1.2s;
}

body.home .wp-block-header-media.show .wp-centered-hero-image {
	opacity: 1;
	transform: scale(1) translateY(0);
}

body.home .wp-circle-float-image {
	opacity: 0;
	transform: scale(0.6) translateY(60px);
	transition: opacity 1.2s ease-out, transform 0.8s ease-out;
}

body.home .wp-block-header-media.show .wp-circle-float-image {
	opacity: 1;
	transform: scale(1) translateY(0);
}

body.home .wp-block-header-media.show .wp-circle-float-image.image-first {
	animation: sophia-float-up-down 2s ease-in-out 1;
	transition-delay: 1.8s;
}

body.home .wp-block-header-media.show .wp-circle-float-image.image-second {
	animation: sophia-float-up-down 2.5s ease-in-out 1;
	transition-delay: 2s;
}

body.home .wp-block-header-media.show .wp-circle-float-image.image-third {
	animation: sophia-float-up-down 3s ease-in-out 1;
	transition-delay: 2.2s;
}

@keyframes sophia-float-up-down {
	0%,
	100% {
		transform: scale(1) translateY(0);
	}

	50% {
		transform: scale(1) translateY(-8px);
	}
}