header {
	display: grid;
	grid-template-columns: 1fr 15rem;
	grid-template-rows: repeat(3, 1fr);
	grid-template-areas:
		"nav nav"
		"title title"
		"title title";
	row-gap: 40px;
	margin-bottom: 5vh;

	div.title {
		grid-area: title;

		h1 {
			font-family: var(--font-heading);
			font-weight: 300;
			font-size: 6rem;
			line-height: 1;
			letter-spacing: -0.08em;
		}

		p.description {
			margin: 0.5em 0;
			color: var(--subtext0-color);
		}
	}
}

@media (max-width: 775px) {
	header div.title h1 {
		font-size: 4rem;
	}
}