/* Minerva Nocturne — owl mascot + starfield. Stage-1 animations (CSS only).
   All motion is disabled under prefers-reduced-motion. */

.minerva-hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

/* Starfield: layered radial-gradient "stars" that slowly twinkle/drift. */
.minerva-starfield {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image:
		radial-gradient(1px 1px at 20% 30%, rgba(232, 236, 248, 0.9), transparent),
		radial-gradient(1px 1px at 70% 20%, rgba(232, 236, 248, 0.7), transparent),
		radial-gradient(1.5px 1.5px at 40% 70%, rgba(56, 225, 255, 0.8), transparent),
		radial-gradient(1px 1px at 85% 60%, rgba(232, 236, 248, 0.8), transparent),
		radial-gradient(1px 1px at 55% 45%, rgba(255, 178, 62, 0.7), transparent),
		radial-gradient(1px 1px at 10% 80%, rgba(232, 236, 248, 0.6), transparent);
	background-repeat: no-repeat;
	animation: minerva-twinkle 6s ease-in-out infinite alternate;
}

@keyframes minerva-twinkle {
	from { opacity: 0.55; }
	to   { opacity: 1; }
}

/* Owl mascot */
.minerva-owl {
	display: inline-flex;
	line-height: 0;
	filter: drop-shadow(0 0 6px rgba(255, 178, 62, 0.25));
}
.minerva-owl svg { display: block; }

/* Blinking eyes — the lids scale down from the top, briefly covering the eyes. */
.owl-lid {
	transform-box: fill-box;
	transform-origin: top;
	transform: scaleY(0);
	animation: minerva-blink 5.5s ease-in-out infinite;
}
.minerva-owl--2 .owl-lid { animation-delay: 1.7s; }
.minerva-owl--3 .owl-lid { animation-delay: 3.1s; }

@keyframes minerva-blink {
	0%, 92%, 100% { transform: scaleY(0); }
	95%           { transform: scaleY(1); }
}

/* Floating owls in the hero */
.minerva-hero-owls {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}
.minerva-owl--float { position: absolute; animation: minerva-float 7s ease-in-out infinite; }
.minerva-owl--1 { top: 12%; left: 8%; }
.minerva-owl--2 { top: 22%; right: 12%; animation-duration: 9s; }
.minerva-owl--3 { bottom: 14%; left: 18%; animation-duration: 8s; opacity: 0.85; }

@keyframes minerva-float {
	0%, 100% { transform: translateY(0) rotate(-2deg); }
	50%      { transform: translateY(-14px) rotate(2deg); }
}

/* Hide the busy floating flock on small screens — keep the hero readable. */
@media (max-width: 600px) {
	.minerva-owl--2, .minerva-owl--3 { display: none; }
	.minerva-owl--1 { opacity: 0.5; }
}

@media (prefers-reduced-motion: reduce) {
	.minerva-starfield,
	.owl-lid,
	.minerva-owl--float {
		animation: none;
	}
	.owl-lid { transform: scaleY(0); }
}