.page-aura {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image:
		linear-gradient(110deg, rgba(11, 105, 115, 0.08) 12%, transparent 12%),
		linear-gradient(110deg, rgba(11, 105, 115, 0.08) 16%, transparent 16%);
	background-size: 26px 26px;
	opacity: 0.6;
	mask-image: radial-gradient(circle at 45% 35%, black 28%, transparent 80%);
}

.hero-header,
.panel {
	animation: rise-in 580ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.panel:nth-of-type(2) {
	animation-delay: 80ms;
}

.panel:nth-of-type(3) {
	animation-delay: 150ms;
}

@keyframes rise-in {
	from {
		transform: translateY(12px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}