/*    44. SECTION GRADIENT DIVIDERS
   ------------------------------------------- */
.section-gradient-divider {
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--color-accent), var(--color-purple-light), var(--color-accent), transparent);
	opacity: 0.15;
	margin: 0;
}

/* Subtle noise texture overlay for hero */
.hero-noise-overlay {
	position: absolute;
	inset: 0;
	opacity: 0.03;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
	background-repeat: repeat;
	background-size: 256px 256px;
	pointer-events: none;
	z-index: 0;
}