*, *::before, *::after {
	box-sizing: border-box;
}

html {
	font-size: 101.1%;
}

body {
	margin: 0;
	background: #faf8fa;
	color: #2c1c27;
	font-family: "Lora", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif;
	line-height: 1.64;
}

h1, h2, h3 {
	font-family: "Lora", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif;
	font-weight: 500;
	line-height: 1.25;
	margin: 1.94rem 0 0.73rem;
}

h1 {
	font-size: 3.68rem;
}

h2 {
	font-size: 1.92rem;
}

h3 {
	font-size: 1.39rem;
}

p {
	margin: 0 0 1.21rem;
}

a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #0b8130;
}

a:hover {
	border-bottom-color: currentColor;
	color: #0b8130;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

.l-skiplink {
	position: absolute;
	left: -9999px;
	top: 0;
}

.l-skiplink:focus {
	left: 1.21rem;
	top: 1.21rem;
	padding: 0.49rem 0.97rem;
	background: #0b8130;
	color: #ffffff;
	z-index: 10;
}

.l-wrap {
	max-width: 904px;
	margin: 0 auto;
	padding: 0 1.52rem;
}

.l-header {
	padding: 1.82rem 0;
	border-bottom: 1px solid #dacfd7;
}

.l-header .l-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.49rem;
	flex-wrap: wrap;
}

.l-primary {
	padding: 2.43rem 0 3.64rem;
}

.l-wordmark {
	font-family: "Lora", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif;
	font-weight: 800;
	font-size: 1.25rem;
	text-decoration: none;
	color: inherit;
	border: 0;
	text-transform: lowercase;
}

.l-menu {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.l-item {
	text-decoration: none;
	border: 0;
	color: inherit;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.8rem;
}

.l-item[aria-current] {
	color: #0b8130;
}

.l-splash {
	padding: 1.82rem 0 2.43rem;
	display: grid;
	grid-template-columns: 2fr 3fr;
	gap: 3.03rem;
	align-items: center;
}

.l-big {
	font-size: 3.68rem;
	margin-top: 0;
}

.l-blurb {
	color: #835375;
	font-size: 1.29rem;
	max-width: 58ch;
	margin: 0 0 1.21rem;
}

.l-splash .l-visual {
	width: 100%;
	border-radius: 16px;
}

.l-pill {
	display: inline-block;
	padding: 0.73rem 1.46rem;
	background: #0b8130;
	color: #ffffff;
	border-radius: 999px;
	text-decoration: none;
	border: 0;
	font-weight: 600;
}

.l-band {
	margin: 3.03rem 0;
}

.l-overline {
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #835375;
	font-family: "Lora", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif;
	font-weight: 600;
}

.l-highlights {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(219px, 1fr));
	gap: 1.82rem;
}

.l-point {
	border-top: 2px solid #0b8130;
	padding-top: 0.91rem;
}

.l-point h3 {
	margin-top: 0;
	font-size: 1.39rem;
}

.l-callout {
	font-family: "Lora", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif;
	font-size: 1.92rem;
	margin: 3.64rem 0;
	padding-left: 1.52rem;
	border-left: 3px solid #0b8130;
}

.l-stream {
	list-style: none;
	padding: 0;
	margin: 0;
}

.l-post {
	padding: 0.61rem 0;
	border-bottom: 1px solid #dacfd7;
	display: flex;
	justify-content: space-between;
	gap: 1.21rem;
}

.l-post ul, .l-stream ul {
	list-style: none;
	padding: 0;
}

.l-entry-title {
	margin: 0 0 0.36rem;
	font-size: 1.38rem;
}

.l-entry-title a {
	color: inherit;
	text-decoration: none;
	border: 0;
}

.l-byline {
	color: #835375;
	font-size: 0.89rem;
	margin: 0 0 0.49rem;
}

.l-excerpt {
	margin: 0;
}

.l-period {
	font-size: 1.39rem;
	color: #835375;
	margin: 1.82rem 0 0.49rem;
}

.l-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(233px, 1fr));
	gap: 1.59rem;
}

.l-card {
	margin: 0;
	border-radius: 16px;
	overflow: hidden;
}

.l-media {
	width: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	border-radius: 16px;
}

.l-content {
	padding: 0.73rem 0;
}

.l-text {
	max-width: 724px;
	margin: 0 auto;
}

.l-text figure {
	margin: 1.82rem 0;
}

.l-text img {
	border-radius: 16px;
	width: 100%;
}

blockquote {
	margin: 1.82rem 0;
	padding: 0.24rem 1.46rem;
	border-left: 2px solid #0b8130;
	color: #835375;
	font-style: italic;
}

pre {
	background: #f5f0f3;
	padding: 1.21rem;
	overflow-x: auto;
	border-radius: 16px;
	font-size: 0.88rem;
	line-height: 1.5;
}

code {
	font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
}

.l-chip {
	display: inline-block;
	margin: 0 0.49rem 0.49rem 0;
	padding: 0.18rem 0.73rem;
	font-size: 0.8rem;
	border-radius: 999px;
	background: #f5f0f3;
	color: #835375;
}

.l-next-prev {
	display: flex;
	justify-content: space-between;
	gap: 1.21rem;
	margin: 3.64rem auto 0;
	max-width: 724px;
	padding-top: 1.82rem;
	border-top: 1px solid #dacfd7;
	font-size: 0.92rem;
}

.l-colophon {
	padding: 2.43rem 0;
	color: #835375;
	font-size: 0.88rem;
}

.l-colophon .l-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1.82rem;
}

.l-colophon p {
	margin: 0 0 0.36rem;
}

@media (max-width: 760px) {
	.l-splash {
		grid-template-columns: 1fr;
	}

	.l-cards {
		grid-template-columns: 1fr;
	}

	h1 {
		font-size: 2.66rem;
	}

	.l-big {
		font-size: 2.66rem;
	}

}