.sdash-general-hero {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
	background-color: var(--wp--preset--color--primary);
}

main:has(> .sdash-general-hero) {
	margin-top: 0;
}

.sdash-general-hero__scene {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.sdash-general-hero__glow {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 60%;
	transform: translate(-50%, -50%) scale(0.9);
	background: radial-gradient(ellipse at center, rgba(38, 71, 214, 0.35), transparent 70%);
	filter: blur(50px);
	animation-name: sdash-general-hero-glow;
	animation-duration: 7s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.sdash-general-hero__particle {
	position: absolute;
	border-radius: 50%;
	background-color: var(--wp--preset--color--secondary);
	opacity: 0;
	animation-name: sdash-general-hero-particle;
	animation-duration: 4.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.sdash-general-hero__content {
	position: relative;
	z-index: 1;
	max-width: 720px;
	margin-inline: auto;
	padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--md);
	text-align: center;
}

.sdash-general-hero__heading {
	margin: 0;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--xx-large);
}

.sdash-general-hero__text {
	margin-top: var(--wp--preset--spacing--sm);
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	opacity: 0.85;
}

.sdash-general-hero__cta {
	display: flex;
	justify-content: center;
	margin-top: var(--wp--preset--spacing--lg);
}

@keyframes sdash-general-hero-glow {
	0%, 100% {
		transform: translate(-50%, -50%) scale(0.9);
		opacity: 0.7;
	}
	50% {
		transform: translate(-50%, -50%) scale(1.08);
		opacity: 1;
	}
}

@keyframes sdash-general-hero-particle {
	0%, 100% {
		opacity: 0;
		transform: translateY(0);
	}
	15% {
		opacity: 0.8;
	}
	50% {
		opacity: 0.4;
		transform: translateY(-10px);
	}
	85% {
		opacity: 0.8;
	}
}

.sdash-general-hero__particle:nth-of-type(1) { left: 0.2%; top: 82.2%; width: 5px; height: 5px; animation-delay: 1.58s; animation-duration: 4.40s; }
.sdash-general-hero__particle:nth-of-type(2) { left: 4.7%; top: 15.4%; width: 3px; height: 3px; animation-delay: 1.38s; animation-duration: 3.23s; }
.sdash-general-hero__particle:nth-of-type(3) { left: 12.4%; top: 36.5%; width: 3px; height: 3px; animation-delay: 2.77s; animation-duration: 3.94s; }
.sdash-general-hero__particle:nth-of-type(4) { left: 14.6%; top: 36.2%; width: 4px; height: 4px; animation-delay: 1.39s; animation-duration: 3.26s; }
.sdash-general-hero__particle:nth-of-type(5) { left: 20.7%; top: 55.4%; width: 5px; height: 5px; animation-delay: 0.36s; animation-duration: 3.03s; }
.sdash-general-hero__particle:nth-of-type(6) { left: 27.7%; top: 9.0%; width: 4px; height: 4px; animation-delay: 1.94s; animation-duration: 5.01s; }
.sdash-general-hero__particle:nth-of-type(7) { left: 32.6%; top: 19.0%; width: 5px; height: 5px; animation-delay: 0.81s; animation-duration: 5.77s; }
.sdash-general-hero__particle:nth-of-type(8) { left: 40.4%; top: 55.9%; width: 5px; height: 5px; animation-delay: 3.06s; animation-duration: 3.55s; }
.sdash-general-hero__particle:nth-of-type(9) { left: 45.3%; top: 79.0%; width: 5px; height: 5px; animation-delay: 1.60s; animation-duration: 3.73s; }
.sdash-general-hero__particle:nth-of-type(10) { left: 48.4%; top: 77.2%; width: 5px; height: 5px; animation-delay: 0.04s; animation-duration: 3.68s; }
.sdash-general-hero__particle:nth-of-type(11) { left: 53.4%; top: 81.0%; width: 3px; height: 3px; animation-delay: 1.64s; animation-duration: 5.60s; }
.sdash-general-hero__particle:nth-of-type(12) { left: 61.2%; top: 31.7%; width: 3px; height: 3px; animation-delay: 3.43s; animation-duration: 3.34s; }
.sdash-general-hero__particle:nth-of-type(13) { left: 66.4%; top: 32.3%; width: 4px; height: 4px; animation-delay: 1.71s; animation-duration: 5.23s; }
.sdash-general-hero__particle:nth-of-type(14) { left: 73.6%; top: 41.6%; width: 4px; height: 4px; animation-delay: 2.30s; animation-duration: 4.30s; }
.sdash-general-hero__particle:nth-of-type(15) { left: 76.9%; top: 42.3%; width: 4px; height: 4px; animation-delay: 3.22s; animation-duration: 5.78s; }
.sdash-general-hero__particle:nth-of-type(16) { left: 83.3%; top: 49.1%; width: 5px; height: 5px; animation-delay: 1.54s; animation-duration: 4.49s; }
.sdash-general-hero__particle:nth-of-type(17) { left: 87.2%; top: 33.2%; width: 3px; height: 3px; animation-delay: 3.11s; animation-duration: 3.29s; }
.sdash-general-hero__particle:nth-of-type(18) { left: 92.7%; top: 55.4%; width: 3px; height: 3px; animation-delay: 2.86s; animation-duration: 4.13s; }

@media (prefers-reduced-motion: reduce) {
	.sdash-general-hero__glow {
		animation: none;
		opacity: 0.7;
	}

	.sdash-general-hero__particle {
		animation: none;
		opacity: 0.5;
	}
}

.sdash-general-hero--editor {
	min-height: auto;
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
	padding: var(--wp--preset--spacing--lg) var(--wp--preset--spacing--md);
}