:root {
	--c-bg: #f4eee8;
	--c-surface: #ece2d7;
	--c-text: #27362b;
	--c-muted: #51715a;
	--c-accent: #147625;
	--c-on-accent: #ffffff;
	--c-border: #cad4cd;
}
*, *::before, *::after {
	box-sizing: border-box;
}
html {
	font-size: 101.0%;
}
body {
	margin: 0;
	background: var(--c-bg);
	color: var(--c-text);
	font-family: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
	line-height: 1.72;
}
h1, h2, h3 {
	font-family: Didot, "Bodoni MT", "Noto Serif Display", "URW Palladio L", P052, Sylfaen, serif;
	font-weight: 700;
	line-height: 1.06;
	margin: 2.03rem 0 0.76rem;
}
h1 {
	font-size: 3.57rem;
}
h2 {
	font-size: 1.89rem;
}
h3 {
	font-size: 1.37rem;
}
p {
	margin: 0 0 1.27rem;
}
a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid var(--c-accent);
}
a:hover {
	border-bottom-color: currentColor;
	color: var(--c-accent);
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
.site-page {
	max-width: 1076px;
	margin: 0 auto;
	padding: 0 1.59rem;
}
.site-top {
	padding: 1.9rem 0;
}
.site-top .site-page {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1.27rem;
	flex-wrap: wrap;
}
.site-body {
	padding: 2.54rem 0 3.81rem;
}
.site-logo {
	font-family: Didot, "Bodoni MT", "Noto Serif Display", "URW Palladio L", P052, Sylfaen, serif;
	font-weight: 600;
	font-size: 1.54rem;
	text-decoration: none;
	color: inherit;
	border: 0;
}
.site-links {
	display: flex;
	gap: 1.71rem;
	flex-wrap: wrap;
}
.site-tab {
	text-decoration: none;
	border: 0;
	color: inherit;
}
.site-tab[aria-current] {
	color: var(--c-accent);
}
.site-opening {
	padding: 1.9rem 0 2.54rem;
	gap: 3.17rem;
	align-items: center;
	display: flex;
}
.site-tagline {
	font-size: 3.57rem;
	margin-top: 0;
}
.site-blurb {
	color: var(--c-muted);
	font-size: 1.14rem;
	max-width: 44ch;
	margin: 0 0 1.27rem;
}
.site-opening .site-art {
	width: 111px;
	border-radius: 50%;
}
.site-pill {
	display: inline-block;
	padding: 0.76rem 1.52rem;
	background: var(--c-accent);
	color: var(--c-on-accent);
	border-radius: 0px;
	text-decoration: none;
	border: 0;
	font-weight: 600;
}
.site-block {
	margin: 3.17rem 0;
}
.site-label {
	font-size: 1.89rem;
}
.site-highlights {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(204px, 1fr));
	gap: 1.9rem;
}
.site-highlight {
	background: var(--c-surface);
	padding: 1.59rem;
	border-radius: 0px;
}
.site-highlight h3 {
	margin-top: 0;
	font-size: 1.37rem;
}
.site-pull {
	font-family: Didot, "Bodoni MT", "Noto Serif Display", "URW Palladio L", P052, Sylfaen, serif;
	font-size: 1.89rem;
	margin: 3.81rem 0;
	padding-left: 1.59rem;
	border-left: 6px solid var(--c-accent);
}
.site-archive {
	list-style: decimal;
	padding: 0 0 0 1.4em;
	margin: 0;
}
.site-card {
	padding: 0.63rem 0;
	border-bottom: 1px solid var(--c-border);
}
.site-card ul, .site-archive ul {
	list-style: none;
	padding: 0;
}
.site-item-title {
	margin: 0 0 0.38rem;
	font-size: 1.48rem;
}
.site-item-title a {
	color: inherit;
	text-decoration: none;
	border: 0;
}
.site-info {
	color: var(--c-muted);
	font-size: 0.8rem;
	margin: 0 0 0.51rem;
}
.site-excerpt {
	margin: 0;
}
.site-season {
	font-size: 1.37rem;
	color: var(--c-muted);
	margin: 1.9rem 0 0.51rem;
}
.site-collection {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.91rem;
}
.site-panel {
	margin: 0;
	background: var(--c-surface);
	border-radius: 0px;
	overflow: hidden;
}
.site-media {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.site-card-body {
	padding: 1.27rem;
}
.site-prose {
	max-width: 732px;
}
.site-prose figure {
	margin: 1.9rem 0;
}
.site-prose img {
	border-radius: 0px;
	width: 100%;
}
blockquote {
	margin: 1.9rem 0;
	padding: 0.25rem 1.52rem;
	border-left: 5px solid var(--c-accent);
	color: var(--c-muted);
	font-style: italic;
}
pre {
	background: var(--c-surface);
	padding: 1.27rem;
	overflow-x: auto;
	border-radius: 0px;
	font-size: 0.88rem;
	line-height: 1.5;
}
code {
	font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
}
.site-badge {
	display: inline-block;
	margin: 0 0.51rem 0.51rem 0;
	padding: 0.19rem 0.76rem;
	font-size: 0.8rem;
	border-radius: 0px;
	background: var(--c-surface);
	color: var(--c-muted);
}
.site-pagination {
	display: flex;
	justify-content: space-between;
	gap: 1.27rem;
	margin: 3.81rem auto 0;
	max-width: 732px;
	padding-top: 1.9rem;
	border-top: 1px solid var(--c-border);
	font-size: 0.92rem;
}
.site-bottom {
	padding: 2.54rem 0;
	color: var(--c-muted);
	font-size: 0.88rem;
	background: var(--c-surface);
	text-align: center;
}
.site-bottom p {
	margin: 0 0 0.38rem;
}
@media (max-width: 800px) {
	.site-opening {
		flex-direction: column;
		align-items: flex-start;
	}
	.site-collection {
		grid-template-columns: 1fr;
	}
	h1 {
		font-size: 2.6rem;
	}
	.site-tagline {
		font-size: 2.6rem;
	}
}