/* Estudiar / Vamtam imageGrowWithScale + fadeIn. Desktop only. Enqueue with h5 chrome.
   Do not statically clip-path hidden images — a fully clipped box has 0 intersection, so IO never fires. */

@keyframes asb-grow-bottom {
	from { clip-path: inset(0 0 100% 0); }
	to { clip-path: inset(0); }
}
@keyframes asb-grow-left {
	from { clip-path: inset(0 100% 0 0); }
	to { clip-path: inset(0); }
}
@keyframes asb-scale-out {
	from { transform: scale(1.4); }
	to { transform: scale(1); }
}
@keyframes asb-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

.asb-home-5.asb-reveal-armed [data-asb-reveal="image"] {
	--asb-reveal-dur: 1.4s;
	--asb-reveal-delay: 0s;
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="image"]:not(.is-inview) {
	opacity: 0;
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="image"]:not(img):not(.is-inview) :is(img, video) {
	transform: scale(1.4);
}
.asb-home-5.asb-reveal-armed img[data-asb-reveal="image"]:not(.is-inview) {
	transform: scale(1.4);
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="image"]:not(img).is-inview {
	overflow: hidden;
	animation: asb-grow-bottom var(--asb-reveal-dur) cubic-bezier(0.4, 0, 0, 0.9) var(--asb-reveal-delay) both;
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="image"][data-asb-reveal-dir="left"]:not(img).is-inview {
	animation-name: asb-grow-left;
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="image"]:not(img).is-inview :is(img, video) {
	animation: asb-scale-out var(--asb-reveal-dur) cubic-bezier(0.4, 0, 0, 0.9) var(--asb-reveal-delay) both;
}
.asb-home-5.asb-reveal-armed img[data-asb-reveal="image"].is-inview {
	animation:
		asb-grow-bottom var(--asb-reveal-dur) cubic-bezier(0.4, 0, 0, 0.9) var(--asb-reveal-delay) both,
		asb-scale-out var(--asb-reveal-dur) cubic-bezier(0.4, 0, 0, 0.9) var(--asb-reveal-delay) both,
		asb-fade-in 0.2s linear var(--asb-reveal-delay) both;
}
.asb-home-5.asb-reveal-armed img[data-asb-reveal="image"][data-asb-reveal-dir="left"].is-inview {
	animation-name: asb-grow-left, asb-scale-out, asb-fade-in;
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="copy"]:not(.is-inview),
.asb-home-5.asb-reveal-armed [data-asb-reveal="group"]:not(.is-inview) > * {
	opacity: 0;
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="copy"].is-inview {
	animation: asb-fade-in 1.15s cubic-bezier(0.4, 0, 0, 0.9) var(--asb-reveal-delay, 0.1s) both;
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="group"].is-inview > * {
	animation: asb-fade-in 1.15s cubic-bezier(0.4, 0, 0, 0.9) both;
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="group"].is-inview > *:nth-child(1) { animation-delay: 0.1s; }
.asb-home-5.asb-reveal-armed [data-asb-reveal="group"].is-inview > *:nth-child(2) { animation-delay: 0.2s; }
.asb-home-5.asb-reveal-armed [data-asb-reveal="group"].is-inview > *:nth-child(3) { animation-delay: 0.3s; }
.asb-home-5.asb-reveal-armed [data-asb-reveal="group"].is-inview > *:nth-child(4) { animation-delay: 0.4s; }
.asb-home-5.asb-reveal-armed [data-asb-reveal="group"].is-inview > *:nth-child(5) { animation-delay: 0.5s; }
.asb-home-5.asb-reveal-armed [data-asb-reveal="group"].is-inview > *:nth-child(n+6) { animation-delay: 0.6s; }
.asb-home-5.asb-reveal-armed [data-asb-reveal="image"].is-revealed {
	animation: none;
	clip-path: none;
	transform: none;
	opacity: 1;
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="image"].is-revealed :is(img, video) {
	animation: none;
	clip-path: none;
	transform: none;
}
.asb-home-5.asb-reveal-armed [data-asb-reveal="image"].is-revealed > :is(img, video),
.asb-home-5.asb-reveal-armed img[data-asb-reveal="image"].is-revealed {
	opacity: 1;
}

@media (max-width: 1024.98px), (prefers-reduced-motion: reduce) {
	.asb-home-5.asb-reveal-armed [data-asb-reveal="image"],
	.asb-home-5.asb-reveal-armed [data-asb-reveal="copy"],
	.asb-home-5.asb-reveal-armed [data-asb-reveal="group"] > * {
		clip-path: none !important;
		transform: none !important;
		opacity: 1 !important;
		animation: none !important;
	}
	.asb-home-5.asb-reveal-armed [data-asb-reveal="image"]:not(.asb-h5-hero-main__photo) :is(img, video),
	.asb-home-5.asb-reveal-armed img[data-asb-reveal="image"] {
		clip-path: none !important;
		transform: none !important;
		opacity: 1 !important;
		animation: none !important;
	}
}