/* Hero wrapper: add class "asl-hero" to the Elementor container */
.asl-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate; /* lets the canvas sit behind content but above the hero background */
}
.asl-leaves {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}
.asl-leaves canvas { width: 100%; height: 100%; display: block; }

/* Fixed overlay of falling leaves that appears after the hero */
.asl-companions {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 35;
	opacity: 0;
	transition: opacity .8s ease;
}
.asl-companions canvas { width: 100%; height: 100%; display: block; }

@media (prefers-reduced-motion: reduce) {
	.asl-companions { display: none; }
}