.intro {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	@media (min-width: 1600px) {
		align-items: center;
		padding-bottom: var(--s-lg);
		text-align: center;
	}

	> header {
		display: flex;
		flex-direction: column;
		gap: var(--s-md);
		max-width: var(--w-xl);

		> div {
			text-wrap: balance;
		}
	}

	> div {
		width: 100%;
		margin-top: var(--s-md);
	}
}

.intro.mod-align-center {
	align-items: center;
	text-align: center;
}