/* Pinned hero reveal (desktop only). The widget wrappers drop out of layout so the hero sticks
   across the whole page container; heroes taller than the viewport scroll to their bottom edge first. */
@media (min-width: 1025px) {
	.imagene-hero-pin,
	.imagene-hero-pin > .elementor-widget-container {
		display: contents;
	}

	.imagene-hero-pin .imagene-pagehero {
		position: sticky;
		top: min(0px, 100svh - var(--imagene-hero-height, 0px));
		z-index: 0;
	}

	.imagene-hero-cover {
		position: relative;
		background: #fff;
	}

	/* Full-bleed so the white covers the hero edge to edge; content keeps its centered width. */
	.imagene-hero-pin .imagene-intro--split {
		max-width: none;
		margin: 0;
		padding-left: max(var(--imagene-pad), (100% - var(--imagene-max)) / 2);
		padding-right: max(var(--imagene-pad), (100% - var(--imagene-max)) / 2);
		border-bottom: 40px solid #fff;
	}

	/* The rounded white lip travels with the section scrolling over the hero. */
	.imagene-hero-pin .imagene-pagehero::after {
		display: none;
	}

	.imagene-hero-cover--lip::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 100%;
		height: 96px;
		background: #fff;
		border-radius: 100px 100px 0 0;
		box-shadow: var(--imagene-lip-shadow);
		clip-path: inset(-20px -20px 0 -20px);
		pointer-events: none;
	}
}