/* Homepage */

.home-hero {
	max-width: var(--container);
	margin: 0 auto;
	padding: 112px var(--gutter) 96px;
}

.home-hero__inner {
	max-width: 760px;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.home-hero__name {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.home-hero h1 {
	margin: 0;
	font-size: 60px;
	line-height: 1.05;
	letter-spacing: -0.02em;
}

.home-hero__quals {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--muted);
	letter-spacing: 0.04em;
}

.home-hero__lede {
	margin: 0;
	font-family: var(--font-serif);
	font-size: 25px;
	line-height: 1.5;
	color: var(--ink);
}

.home-hero__sub {
	margin: 0;
	max-width: 640px;
	color: var(--text-2);
}

.home-hero__links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 32px;
	padding-top: 4px;
	font-size: 15px;
	font-weight: 500;
}

/* Two-part section: title on the left, content on the right */
.section {
	border-top: 1px solid var(--rule);
}

.section--tint {
	background: var(--bg-tint);
}

.section__inner {
	max-width: var(--container);
	margin: 0 auto;
	padding: 80px var(--gutter);
	display: flex;
	flex-wrap: wrap;
	gap: 48px;
}

.section__head {
	flex: 1 1 220px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.section__title {
	margin: 0;
	font-size: 30px;
	line-height: 1.2;
}

.section__sub {
	margin: 0;
	font-size: 14px;
	color: var(--muted);
}

.section__body {
	flex: 999 1 560px;
	min-width: 0;
}

/* Areas of work */
.areas {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	column-gap: 56px;
	row-gap: 36px;
}

.areas__title {
	margin: 0 0 6px;
	font-size: 20px;
	font-weight: 600;
}

.areas__title a {
	color: var(--ink);
}

.areas__text {
	margin: 0;
	color: var(--text-3);
	font-size: 15.5px;
}

/* Experience in brief */
.facts {
	margin: 0;
	display: grid;
	grid-template-columns: minmax(130px, 220px) minmax(0, 1fr);
	font-size: 16px;
}

.facts dt,
.facts dd {
	margin: 0;
	padding: 16px 0;
	border-top: 1px solid var(--rule-light);
}

.facts dt {
	color: var(--muted);
}

.facts > :nth-last-child(-n + 2) {
	border-bottom: 1px solid var(--rule-light);
}

/* Key guides */
.guides {
	display: flex;
	flex-direction: column;
}

.guide {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 22px 0;
	border-top: 1px solid var(--rule);
	color: var(--ink);
}

.guides > .guide:last-child {
	border-bottom: 1px solid var(--rule);
}

.guide:hover {
	color: var(--ink);
	text-decoration: none;
}

.guide:hover .guide__title {
	text-decoration: underline;
}

.guide__title {
	font-family: var(--font-serif);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.3;
}

.guide__excerpt {
	font-size: 15px;
	color: var(--text-3);
}

.guide__date {
	font-size: 13px;
	color: var(--meta);
}

/* Recent writing */
.more-link {
	display: inline-block;
	padding-top: 24px;
	font-size: 15px;
	font-weight: 500;
}

/* Talks and publications */
.talks {
	color: var(--text-2);
}

.talks > :first-child {
	margin-top: 0;
}

.talks > :last-child {
	margin-bottom: 0;
}

@media (max-width: 720px) {
	.home-hero {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.home-hero h1 {
		font-size: 42px;
	}

	.home-hero__lede {
		font-size: 21px;
	}

	.section__inner {
		padding-top: 56px;
		padding-bottom: 56px;
		gap: 28px;
	}
}