/* Home: the full screen photo with the latest article over it */
kcvg-home {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	/* fills the height left between the header and the footer */
	flex-grow: 1;
	min-height: 60svh;
}

kcvg-home > figure {
	position: absolute;
	inset: 0;
}

kcvg-home > figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* the latest article, on a scrim so the text stays readable over any photo */
kcvg-article-feature {
	position: relative;
	display: block;
	padding: var(--space-xl) var(--space-gutter) var(--space-l);
	background: var(--color-scrim);
}

kcvg-article-feature a {
	display: grid;
	gap: var(--space-s);
	max-width: var(--size-container);
	margin: 0 auto;
	text-decoration: none;
}

kcvg-article-feature h2 {
	font-size: var(--font-size-title);
	max-width: 14ch;
}

kcvg-article-feature a:hover h2 {
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-underline-offset: 0.12em;
}

kcvg-article-feature kcvg-article-meta,
kcvg-article-feature kcvg-article-series {
	color: var(--color-text);
}