/* Soft, wide, low-contrast fold creases — matches a photographed paper
   fold (gradual falloff, subtle highlight+shadow pair) rather than a
   sharp printed line. Pure CSS gradients + blur, no image.

   Three position presets so different sections can look differently
   creased without any JS/randomness — pick whichever reads best for
   that section's layout. Apply on the Elementor Container itself
   (needs position:relative + overflow:hidden, both set here). */

.vcs-fold-a, .vcs-fold-b, .vcs-fold-c{
	position: relative;
	overflow: hidden;
}

.vcs-fold-a::before,
.vcs-fold-b::before,
.vcs-fold-c::before{
	content: '';
	position: absolute;
	inset: -20px;
	pointer-events: none;
	filter: blur(2.5px);
}

/* Vertical-ish fold, right-of-center */
.vcs-fold-a::before{
	background-image:
		linear-gradient(90deg,
			transparent 0%, transparent 62%,
			rgba(21,19,15,0.045) 68%, rgba(21,19,15,0.07) 70%,
			rgba(255,255,255,0.4) 70.6%,
			rgba(21,19,15,0.05) 71.5%, transparent 78%, transparent 100%),
		linear-gradient(0deg,
			transparent 0%, transparent 55%,
			rgba(21,19,15,0.04) 60%, rgba(21,19,15,0.06) 62%,
			rgba(255,255,255,0.35) 62.6%,
			rgba(21,19,15,0.045) 63.5%, transparent 70%, transparent 100%);
}

/* Horizontal fold, upper third */
.vcs-fold-b::before{
	background-image:
		linear-gradient(0deg,
			transparent 0%, transparent 28%,
			rgba(21,19,15,0.04) 33%, rgba(21,19,15,0.065) 35%,
			rgba(255,255,255,0.38) 35.6%,
			rgba(21,19,15,0.045) 36.5%, transparent 42%, transparent 100%);
}

/* Diagonal fold, corner-to-corner */
.vcs-fold-c::before{
	background-image:
		linear-gradient(115deg,
			transparent 0%, transparent 44%,
			rgba(21,19,15,0.04) 49%, rgba(21,19,15,0.065) 51%,
			rgba(255,255,255,0.38) 51.6%,
			rgba(21,19,15,0.045) 52.5%, transparent 58%, transparent 100%);
}