/**
 * Homepage editorial-index, centered Header, and global Footer composition.
 *
 * Every rule is scoped to package-owned classes while reusing the active normalization
 * package's palette, typography, focus, control, and Subscribe authorities.
 */

.jonathan-site-header,
.jonathan-home-main,
.jonathan-site-footer {
	--jonathan-home-standard: 645px;
	--jonathan-home-wide: 1340px;
	--jonathan-home-mobile: 330px;
	--jonathan-home-edge: 30px;
	--jonathan-home-column-gap: 50px;
	--jonathan-home-footer-column: 420px;
	--jonathan-home-footer-gap: 40px;
	--jonathan-home-divider-space: 50px;
	--jonathan-home-divider-space-mobile: 35px;
	--jonathan-home-internal-divider-space: 35px;
	--jonathan-home-internal-divider-space-mobile: 25px;
	--jonathan-home-row-gap: 70px;
	--jonathan-home-row-gap-mobile: 50px;
	--jonathan-home-rule: var(--jonathan-color-rule, #cccccc);
	--jonathan-home-ink: var(--jonathan-color-ink, #111111);
	--jonathan-home-canvas: var(--jonathan-color-canvas, #ffffff);
	--jonathan-home-inverse: var(--wp--preset--color--base, #ffffff);
	--jonathan-home-muted: var(--wp--preset--color--accent-4, #686868);
}

.wp-site-blocks > :is(
	.jonathan-site-header,
	.jonathan-home-main,
	.jonathan-site-footer
) {
	margin-block-start: 0;
}

.jonathan-site-header {
	box-sizing: border-box;
	position: relative;
	display: grid;
	width: 100%;
	max-width: none !important;
	height: 100px;
	margin: 0 !important;
	padding: 0 var(--jonathan-home-edge) !important;
	place-items: center;
}

.jonathan-site-header::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background: var(--jonathan-home-rule);
	content: "";
	pointer-events: none;
}

.jonathan-site-header .jonathan-site-mark {
	box-sizing: border-box;
	width: 112px !important;
	height: 48px !important;
	margin: 0 !important;
}

.jonathan-site-header .jonathan-site-mark a,
.jonathan-site-header .jonathan-site-mark img {
	display: block;
	width: 112px !important;
	height: 48px !important;
	margin: 0 !important;
}

.jonathan-site-header .jonathan-site-mark img {
	object-fit: contain;
	object-position: center;
}

.jonathan-home-main {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.jonathan-home-standard {
	box-sizing: border-box;
	width: min(
		var(--jonathan-home-standard),
		calc(100% - (2 * var(--jonathan-home-edge)))
	) !important;
	max-width: var(--jonathan-home-standard) !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

.jonathan-home-lead-query,
.jonathan-home-recent-inner,
.jonathan-footer-inner {
	box-sizing: border-box;
	width: min(
		var(--jonathan-home-wide),
		calc(100% - (2 * var(--jonathan-home-edge)))
	) !important;
	max-width: var(--jonathan-home-wide) !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

.jonathan-home-introduction {
	padding: var(--jonathan-home-divider-space) 0 !important;
	text-align: center;
}

.jonathan-home-introduction > *,
.jonathan-home-section-heading > *,
.jonathan-home-lead-copy > *,
.jonathan-home-card-copy > *,
.jonathan-home-newsletter-band .jonathan-newsletter-section > *,
.jonathan-footer-column > *,
.jonathan-footer-bottom > * {
	margin-block: 0 !important;
}

.jonathan-home-section-label,
.jonathan-home-entry-meta {
	font-size: 15px !important;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 20px !important;
	text-transform: uppercase;
}

.jonathan-home-introduction h1 {
	margin-bottom: 25px !important;
	font-size: 70px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 80px;
}

.jonathan-home-introduction-deck {
	font-size: 25px !important;
	line-height: 40px !important;
}

.jonathan-home-lead-section {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: var(--jonathan-home-divider-space) 0 !important;
	border-top: 1px solid var(--jonathan-home-rule);
}

.jonathan-home-lead-query,
.jonathan-home-lead-query .wp-block-post-template,
.jonathan-home-lead-query .wp-block-post,
.jonathan-home-recent-query,
.jonathan-home-recent-query .wp-block-post-template,
.jonathan-home-recent-query .wp-block-post {
	box-sizing: border-box;
	min-width: 0;
}

.jonathan-home-lead-query .wp-block-post-template,
.jonathan-home-recent-query .wp-block-post-template {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.jonathan-home-lead-query .wp-block-post {
	width: 100%;
	margin: 0 !important;
}

.jonathan-home-lead-grid {
	box-sizing: border-box;
	display: grid !important;
	grid-template-columns: repeat(2, var(--jonathan-home-standard));
	column-gap: var(--jonathan-home-column-gap) !important;
	row-gap: var(--jonathan-home-column-gap) !important;
	width: var(--jonathan-home-wide);
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	align-items: stretch;
}

.jonathan-home-media {
	box-sizing: border-box;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	aspect-ratio: 40 / 21;
	background: var(--jonathan-home-ink);
	overflow: hidden;
}

.jonathan-home-media a,
.jonathan-home-media img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
}

.jonathan-home-media img {
	aspect-ratio: 40 / 21;
	object-fit: contain !important;
	object-position: center;
}

.jonathan-home-lead-copy,
.jonathan-home-card-copy {
	box-sizing: border-box;
	display: flex !important;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 !important;
	padding: 0 !important;
}

.jonathan-home-lead-copy {
	min-height: 0;
}

.jonathan-home-section-label {
	margin-bottom: 15px !important;
}

.jonathan-home-entry-meta {
	display: flex !important;
	margin-bottom: 20px !important;
	gap: 15px !important;
	color: var(--jonathan-home-muted);
	letter-spacing: 1px;
}

.jonathan-home-entry-meta > * {
	margin: 0 !important;
}

.jonathan-home-entry-meta a {
	color: inherit;
}

.jonathan-home-lead-copy .wp-block-post-title {
	margin: 0 0 20px !important;
	font-size: 50px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 60px;
}

.jonathan-home-lead-copy .wp-block-post-title a,
.jonathan-home-card .wp-block-post-title a {
	text-decoration: none;
}

.jonathan-home-lead-copy .wp-block-post-title a:hover,
.jonathan-home-card .wp-block-post-title a:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

.jonathan-home-excerpt {
	margin: 0 0 25px !important;
}

.jonathan-home-excerpt > * {
	margin: 0 !important;
}

.jonathan-home-entry-link {
	margin: auto 0 0 !important;
	font-size: 15px !important;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 20px !important;
	text-transform: uppercase;
}

.jonathan-home-recent-section {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: var(--jonathan-home-divider-space) 0 !important;
	border-top: 1px solid var(--jonathan-home-rule);
}

.jonathan-home-section-heading {
	margin: 0 0 var(--jonathan-home-row-gap) !important;
}

.jonathan-home-section-heading h2,
.jonathan-home-newsletter-band .jonathan-newsletter-section > h2 {
	font-size: 50px !important;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 60px !important;
}

.jonathan-home-recent-query {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.jonathan-home-recent-query .jonathan-home-card-grid {
	display: grid !important;
	grid-template-columns: repeat(2, var(--jonathan-home-standard)) !important;
	column-gap: var(--jonathan-home-column-gap) !important;
	row-gap: var(--jonathan-home-row-gap) !important;
	width: var(--jonathan-home-wide);
	max-width: 100%;
}

.jonathan-home-recent-query .wp-block-post {
	width: var(--jonathan-home-standard);
	max-width: 100%;
	margin: 0 !important;
}

.jonathan-home-card {
	box-sizing: border-box;
	display: flex !important;
	min-width: 0;
	height: 100%;
	margin: 0 !important;
	padding: 20px 0 0 !important;
	flex-direction: column;
	border-top: 1px solid var(--jonathan-home-ink);
}

.jonathan-home-card-copy {
	flex: 1;
	padding-top: 25px !important;
}

.jonathan-home-card .wp-block-post-title {
	margin: 0 0 20px !important;
	font-size: 35px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 45px;
}

.jonathan-home-archive-action {
	box-sizing: border-box;
	display: flex !important;
	width: 100%;
	margin: var(--jonathan-home-internal-divider-space) 0 0 !important;
	padding-top: var(--jonathan-home-internal-divider-space) !important;
	align-items: center;
	justify-content: center !important;
	border-top: 1px solid var(--jonathan-home-rule);
}

.jonathan-home-secondary-action {
	width: 315px;
	max-width: 100%;
	margin: 0 !important;
}

.jonathan-home-secondary-action > .wp-block-button__link {
	box-sizing: border-box;
	display: inline-flex;
	width: 100%;
	min-height: 50px;
	padding: 5px 20px !important;
	align-items: center;
	justify-content: center;
	border-width: 1px;
	border-radius: 0 !important;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 20px;
	text-transform: uppercase;
	white-space: nowrap;
}

.jonathan-home-newsletter-band {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: var(--jonathan-home-divider-space) 0 !important;
	border-top: 1px solid var(--jonathan-home-rule);
	border-bottom: 1px solid var(--jonathan-home-rule);
}

.jonathan-home-newsletter-band .jonathan-newsletter-section {
	width: min(
		var(--jonathan-home-standard),
		calc(100% - (2 * var(--jonathan-home-edge)))
	) !important;
	max-width: var(--jonathan-home-standard) !important;
	margin-block: 0 !important;
	padding-block: 0 !important;
	padding-inline: 0 !important;
	text-align: center;
}

.jonathan-home-newsletter-band .jonathan-newsletter-section > h2 {
	margin-bottom: 5px !important;
	background: transparent !important;
}

.jonathan-home-newsletter-band .jonathan-newsletter-section > .wp-block-paragraph:not(.jonathan-home-section-label),
.jonathan-home-newsletter-band .jonathan-newsletter-section > p:not(.jonathan-home-section-label) {
	font-size: 20px !important;
	line-height: 30px !important;
}

.jonathan-home-newsletter-band .jonathan-newsletter-section > *,
.jonathan-home-newsletter-band .jonathan-subscribe-cta,
.jonathan-home-newsletter-band .wp-block-jetpack-subscriptions__subscount {
	text-align: center !important;
}

.jonathan-site-footer {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding: var(--jonathan-home-divider-space) 0 40px !important;
}

.jonathan-home-main + .wp-block-template-part {
	margin-block-start: 0 !important;
}

.jonathan-site-footer a,
.jonathan-site-footer a:visited {
	color: inherit !important;
}

.jonathan-footer-grid {
	box-sizing: border-box;
	display: grid !important;
	grid-template-columns: repeat(3, var(--jonathan-home-footer-column)) !important;
	gap: var(--jonathan-home-footer-gap) !important;
	width: var(--jonathan-home-wide);
	max-width: 100%;
	margin: 0 !important;
}

.jonathan-footer-column {
	box-sizing: border-box;
	width: var(--jonathan-home-footer-column);
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.jonathan-footer-heading {
	margin-bottom: 20px !important;
	font-size: 20px !important;
	font-weight: 700;
	line-height: 30px !important;
}

.jonathan-footer-column > :not(.jonathan-footer-heading) + * {
	margin-top: 15px !important;
}

.jonathan-footer-navigation,
.jonathan-footer-navigation .wp-block-navigation__container {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.jonathan-footer-navigation .wp-block-navigation__container {
	align-items: flex-start !important;
	gap: 15px !important;
}

.jonathan-footer-bottom {
	box-sizing: border-box;
	display: flex !important;
	width: 100%;
	margin: var(--jonathan-home-internal-divider-space) 0 0 !important;
	padding: var(--jonathan-home-internal-divider-space) 0 0 !important;
	justify-content: space-between;
	gap: var(--jonathan-home-footer-gap) !important;
	border-top: 1px solid #555555;
	font-size: 15px;
	line-height: 20px;
}

.jonathan-site-footer a:focus-visible {
	outline-color: var(--jonathan-home-inverse) !important;
}

@media (max-width: 1399px) {
	.jonathan-home-lead-query,
	.jonathan-home-recent-inner,
	.jonathan-footer-inner {
		width: min(
			var(--jonathan-home-standard),
			calc(100% - (2 * var(--jonathan-home-edge)))
		) !important;
		max-width: var(--jonathan-home-standard) !important;
	}

	.jonathan-home-lead-query .wp-block-post {
		width: min(
			var(--jonathan-home-standard),
			100%
		) !important;
		margin-inline: auto !important;
	}

	.jonathan-home-recent-query,
	.jonathan-footer-grid {
		width: 100% !important;
		margin-inline: auto !important;
	}

	.jonathan-footer-grid {
		row-gap: var(--jonathan-home-internal-divider-space) !important;
	}

	.jonathan-footer-column + .jonathan-footer-column {
		padding-top: var(--jonathan-home-internal-divider-space) !important;
		border-top: 1px solid #555555;
	}

	.jonathan-home-lead-grid,
	.jonathan-home-recent-query .jonathan-home-card-grid,
	.jonathan-footer-grid {
		grid-template-columns: minmax(0, var(--jonathan-home-standard)) !important;
	}

	.jonathan-home-recent-query .wp-block-post,
	.jonathan-footer-column {
		width: var(--jonathan-home-standard);
	}

	.jonathan-home-lead-copy {
		min-height: 0;
	}
}

@media (max-width: 704px) {
	.jonathan-home-standard,
	.jonathan-home-lead-query,
	.jonathan-home-recent-inner,
	.jonathan-footer-inner {
		width: min(
			var(--jonathan-home-mobile),
			calc(100% - (2 * var(--jonathan-home-edge)))
		) !important;
		max-width: var(--jonathan-home-mobile) !important;
	}

	.jonathan-home-lead-query .wp-block-post,
	.jonathan-home-recent-query,
	.jonathan-footer-grid {
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: auto !important;
	}

	.jonathan-home-introduction {
		padding: var(--jonathan-home-divider-space-mobile) 0 !important;
	}

	.jonathan-home-introduction h1 {
		font-size: 45px;
		line-height: 55px;
	}

	.jonathan-home-introduction-deck {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.jonathan-home-lead-section {
		padding: var(--jonathan-home-divider-space-mobile) 0 !important;
	}

	.jonathan-home-lead-grid,
	.jonathan-home-recent-query .jonathan-home-card-grid,
	.jonathan-footer-grid {
		grid-template-columns: minmax(0, var(--jonathan-home-mobile)) !important;
		width: var(--jonathan-home-mobile);
		max-width: 100%;
	}

	.jonathan-home-lead-grid {
		row-gap: var(--jonathan-home-footer-gap) !important;
	}

	.jonathan-home-lead-copy .wp-block-post-title,
	.jonathan-home-section-heading h2,
	.jonathan-home-newsletter-band .jonathan-newsletter-section > h2 {
		font-size: 40px !important;
		line-height: 50px !important;
	}

	.jonathan-home-recent-section,
	.jonathan-home-newsletter-band {
		padding: var(--jonathan-home-divider-space-mobile) 0 !important;
	}

	.jonathan-home-section-heading {
		margin-bottom: var(--jonathan-home-row-gap-mobile) !important;
	}

	.jonathan-home-recent-query .jonathan-home-card-grid {
		row-gap: var(--jonathan-home-row-gap-mobile) !important;
	}

	.jonathan-home-recent-query .wp-block-post,
	.jonathan-footer-column {
		width: var(--jonathan-home-mobile);
		max-width: 100%;
	}

	.jonathan-home-card .wp-block-post-title {
		font-size: 30px;
		line-height: 40px;
	}

	.jonathan-home-archive-action {
		margin-top: var(--jonathan-home-internal-divider-space-mobile) !important;
		padding-top: var(--jonathan-home-internal-divider-space-mobile) !important;
	}

	.jonathan-home-newsletter-band .jonathan-newsletter-section {
		width: min(
			var(--jonathan-home-mobile),
			calc(100% - (2 * var(--jonathan-home-edge)))
		) !important;
		max-width: var(--jonathan-home-mobile) !important;
	}

	.jonathan-site-footer {
		padding: var(--jonathan-home-divider-space-mobile) 0 30px !important;
	}

	.jonathan-footer-grid {
		row-gap: var(--jonathan-home-internal-divider-space-mobile) !important;
	}

	.jonathan-footer-column + .jonathan-footer-column {
		padding-top: var(--jonathan-home-internal-divider-space-mobile) !important;
	}

	.jonathan-footer-bottom {
		margin-top: var(--jonathan-home-internal-divider-space-mobile) !important;
		padding-top: var(--jonathan-home-internal-divider-space-mobile) !important;
		flex-direction: column;
		gap: 20px !important;
	}
}