/* ==========================================================================
   Ambient editorial + cursor profesional (global)
   ========================================================================== */

.mv-about-universe {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	contain: strict;
}

.mv-about-universe__nebula {
	position: absolute;
	border-radius: 50%;
	filter: blur(55px);
	opacity: 0.38;
}

.mv-about-universe__nebula--gold {
	width: min(70vw, 720px);
	height: min(70vw, 720px);
	left: -15%;
	top: 5%;
	background: radial-gradient(circle, rgba(197, 155, 96, 0.18), transparent 68%);
}

.mv-about-universe__nebula--ivory {
	width: min(55vw, 560px);
	height: min(55vw, 560px);
	right: -10%;
	top: 22%;
	background: radial-gradient(circle, rgba(245, 241, 232, 0.06), transparent 70%);
}

.mv-about-universe__nebula--deep {
	width: min(90vw, 900px);
	height: min(50vw, 520px);
	left: 10%;
	bottom: -20%;
	background: radial-gradient(circle, rgba(197, 155, 96, 0.1), transparent 72%);
}

.mv-about-universe__stars {
	position: absolute;
	inset: 0;
}

.mv-about-universe__star {
	position: absolute;
	left: var(--sx);
	top: var(--sy);
	width: 2px;
	height: 2px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: rgba(197, 155, 96, 0.55);
	box-shadow: 0 0 6px rgba(197, 155, 96, 0.2);
	opacity: 0.35;
}

.mv-cursor-trail-layer,
.mv-cursor-pro {
	position: fixed;
	inset: 0;
	z-index: 45;
	pointer-events: none;
	overflow: visible;
}

.mv-cursor-pro__dot {
	position: fixed;
	left: 0;
	top: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba(197, 155, 96, 0.9);
	box-shadow: 0 0 8px rgba(197, 155, 96, 0.2);
	opacity: 0;
	will-change: transform;
}

.mv-cursor-pro__ring {
	position: fixed;
	left: 0;
	top: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid rgba(197, 155, 96, 0.2);
	background: rgba(197, 155, 96, 0.03);
	opacity: 0;
	will-change: transform;
	transition:
		width 0.25s ease,
		height 0.25s ease,
		border-color 0.25s ease,
		background 0.25s ease;
}

.mv-cursor-pro__ring.is-active {
	width: 22px;
	height: 22px;
	border-color: rgba(197, 155, 96, 0.32);
	background: rgba(197, 155, 96, 0.06);
}

@media (max-width: 899px) {
	.mv-cursor-trail-layer,
	.mv-cursor-pro {
		display: none;
	}

	.mv-about-universe__nebula {
		filter: blur(36px);
		opacity: 0.28;
	}
}