/*
 * Page intro: title left, short text right (team, over ons, contact).
 * Figma: title Firs Light 46 at y266 (93px below the logo), text Eudoxus Light 16
 * umber at x817 (709 into the container), 566 wide.
 */

.page-intro {
	display: grid;
	gap: 24px;
	padding-top: clamp(40px, 6.15vw, 93px);

	@media (min-width: 1024px) {
		grid-template-columns: 709fr 566fr 21fr;
		gap: 0;

		& .page-intro__text {
			grid-column: 2;
			padding-top: 18px;
		}
	}
}

.page-intro__title {
	line-height: 0.99;
}

.page-intro__text {
	color: var(--wp--preset--color--umber);

	& > * + * {
		margin-top: 1em;
	}
}