/* ===================================
   AURIGA DELTA HERO
=================================== */

.hero-section {

	background: linear-gradient(
		180deg,
		#08142d 0%,
		#0a1738 60%,
		#08142d 100%
	);

	min-height: 70vh;

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

	position: relative;

	overflow: hidden;

	padding: 4rem 2rem;

}


/* Sternenhimmel */

.hero-section::before {

	content: "";

	position: absolute;

	inset: 0;

	pointer-events: none;

	background:

		/* Sternbild */

		radial-gradient(circle at 35% 40%, #FBBF24 0 3px, transparent 4px),

		radial-gradient(circle at 45% 30%, #ffffff 0 2px, transparent 3px),

		radial-gradient(circle at 55% 40%, #FBBF24 0 3px, transparent 4px),

		radial-gradient(circle at 50% 52%, #ffffff 0 2px, transparent 3px),

		radial-gradient(circle at 40% 62%, #ffffff 0 2px, transparent 3px),

		radial-gradient(circle at 60% 62%, #FBBF24 0 3px, transparent 4px),


		/* weitere Sterne */

		radial-gradient(circle at 10% 20%, #ffffff 1px, transparent 3px),

		radial-gradient(circle at 18% 70%, #ffffff 2px, transparent 4px),

		radial-gradient(circle at 80% 18%, #ffffff 2px, transparent 4px),

		radial-gradient(circle at 88% 75%, #ffffff 1px, transparent 3px);

	opacity: .85;

}

.hero-section::after {

	content: "";

	position: absolute;

	left: 35%;

	top: 30%;

	width: 25%;

	height: 35%;

	background:

		linear-gradient(
			90deg,
			transparent 0%,
			rgba(251,191,36,.18) 50%,
			transparent 100%
		);

	transform: rotate(20deg);

	opacity: .4;

	pointer-events:none;

}

.hero-title {

	font-family: "Inter Tight", sans-serif;

	font-size: clamp(3rem, 7vw, 5rem);

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: .08em;

	color: #FBBF24;

	text-shadow:

	0 0 15px rgba(251,191,36,.45),

	0 0 35px rgba(251,191,36,.25),

	0 0 60px rgba(251,191,36,.15);

}


.hero-text {

	max-width: 760px;

	margin: 2rem auto;

	font-size: 1.25rem;

	line-height: 1.8;

	color: rgba(255,255,255,.88);

}

.hero-button .wp-block-button__link {

	background: #FBBF24;

	color: #08142d;

	font-weight: 700;

	border-radius: 14px;

	padding: 16px 34px;

	box-shadow:

		0 0 25px rgba(251,191,36,.25);

	transition: all .3s ease;

}


.hero-button .wp-block-button__link:hover {

	transform: translateY(-3px);

	box-shadow:

		0 0 40px rgba(251,191,36,.40);

}

/* Kosmischer Nebel */

.hero-section .wp-block-group {

	position: relative;

	z-index: 2;

}


.hero-section .wp-block-group::before {

	content: "";

	position: absolute;

	left: 50%;

	top: 45%;

	transform: translate(-50%, -50%);

	width: 650px;

	height: 350px;

	background: radial-gradient(

		circle,

		rgba(251,191,36,.12) 0%,

		rgba(37,99,235,.08) 35%,

		rgba(6,182,212,.05) 55%,

		transparent 80%

	);

	filter: blur(55px);

	z-index: -1;

	pointer-events: none;

}