header.bg-nls-black.text-white
	.teaser.p-8.flex.flex-col.items-center.justify-center.h-full(class="sm:p-20 min-h-[90vh]")
		.max-w-3xl.mb-8(class="w-4/5")
			object.w-full(data=title.logoSvg, type="image/svg+xml")
		.text-center.max-w-3xl.center.py-8
			p.text-lg.opacity-80(class="sm:text-2xl", itemprop="name") #{title.name}
			p.text-md.opacity-60(class="sm:text-xl", itemprop="jobTitle")
				| #{title.jobTitle[0]}
				wbr
				| & #{title.jobTitle[1]}
			h1.text-lg.mt-8.opacity-90(
				class="sm:text-5xl group", itemprop="email"
				)
				a(
					onclick="umami.track('email clicked', { position: 'title' })",
					onmouseover="umami.track('email hovered', { position: 'title' })",
					href=footer.emailLink, rel="noopener noreferrer", itemprop="email"
				)
					span.whitespace-nowrap.items-center.opacity-10.transition(class="group-hover:opacity-100")
						span 👋 
					span(class="group-hover:underline-2") #{title.email[0]}
					span.opacity-20 –
					span(class="group-hover:opacity-20") #{title.email[1]}
					span.opacity-20 –
					span(class="group-hover:opacity-20") #{title.email[2]}