/* Homepage hero section */

.hero {
	position: relative;
	min-height: 100vh;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	color: var(--color-text-light);
}

.hero__content {
	max-width: 780px;
	padding-top: 6rem;
}

.hero__subtext {
	font-size: 1.15rem;
	max-width: 560px;
	opacity: 0.9;
}

.hero__ctas {
	display: flex;
	gap: 1rem;
	margin-top: 2rem;
	flex-wrap: wrap;
}

.hero__scroll-indicator {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
	color: var(--color-cream);
	font-size: 1.5rem;
	animation: mi-bounce 2s infinite;
}

@keyframes mi-bounce {
	0%, 100% { transform: translate(-50%, 0); }
	50% { transform: translate(-50%, 10px); }
}

@media (max-width: 600px) {
	.hero__ctas {
		flex-direction: column;
	}
}