.hero-title,
.hero-copy,
.hero-eyebrow,
.hero-section .btn,
.hero-visual {
	animation: fadeUp 0.75s ease both;
}

.hero-copy {
	animation-delay: 0.1s;
}

.hero-section .btn-outline-brand {
	animation-delay: 0.16s;
}

.hero-visual {
	animation-delay: 0.22s;
}

.hero-orb-top {
	animation: bob 4.5s ease-in-out infinite;
}

.hero-orb-bottom {
	animation: bob 3.9s ease-in-out infinite reverse;
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(14px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes bob {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-8px);
	}
}