.kunya-post-single {
	--kunya-post-single-hero-x: 50%;
	--kunya-post-single-hero-y: 6%;
	--kunya-post-single-mid-x: 64%;
	--kunya-post-single-mid-y: 46%;
	--kunya-post-single-low-x: 22%;
	--kunya-post-single-low-y: 72%;
	--kunya-post-single-bottom-x: 82%;
	--kunya-post-single-bottom-y: 96%;
	background:
		radial-gradient(ellipse 76% 30% at var(--kunya-post-single-hero-x) var(--kunya-post-single-hero-y), rgb(243 202 112 / 38%) 0%, rgb(243 202 112 / 16%) 36%, rgb(243 202 112 / 0%) 64%),
		radial-gradient(ellipse 46% 20% at var(--kunya-post-single-mid-x) var(--kunya-post-single-mid-y), rgb(243 202 112 / 10%) 0%, rgb(243 202 112 / 4%) 42%, rgb(243 202 112 / 0%) 72%),
		radial-gradient(ellipse 50% 22% at var(--kunya-post-single-low-x) var(--kunya-post-single-low-y), rgb(243 202 112 / 9%) 0%, rgb(243 202 112 / 4%) 44%, rgb(243 202 112 / 0%) 74%),
		radial-gradient(ellipse 108% 38% at var(--kunya-post-single-bottom-x) var(--kunya-post-single-bottom-y), rgb(243 202 112 / 36%) 0%, rgb(243 202 112 / 18%) 46%, rgb(243 202 112 / 0%) 80%),
		linear-gradient(180deg, rgb(248 242 235 / 98%) 0%, rgb(255 255 255 / 100%) 18%, rgb(255 255 255 / 100%) 66%, rgb(255 248 232 / 98%) 100%);
	background-repeat: no-repeat;
}

.kunya-post-single--flow-1 {
	--kunya-post-single-hero-x: 18%;
	--kunya-post-single-mid-x: 72%;
	--kunya-post-single-low-x: 28%;
	--kunya-post-single-bottom-x: 82%;
}

.kunya-post-single--flow-2 {
	--kunya-post-single-hero-x: 50%;
	--kunya-post-single-mid-x: 24%;
	--kunya-post-single-low-x: 68%;
	--kunya-post-single-bottom-x: 36%;
}

.kunya-post-single--flow-3 {
	--kunya-post-single-hero-x: 82%;
	--kunya-post-single-mid-x: 42%;
	--kunya-post-single-low-x: 18%;
	--kunya-post-single-bottom-x: 72%;
}

.kunya-post-single > .kunya-split-hero {
	position: relative;
	padding-block: clamp(54px, 6.5vw, 82px);
	background: transparent;
}

.kunya-post-single > .kunya-split-hero .kunya-split-hero__grid {
	min-height: clamp(400px, 42vw, 540px);
}

.kunya-post-single > .kunya-split-hero h1 {
	max-width: 620px;
}

.kunya-post-single .kunya-prose blockquote {
	margin-block: clamp(28px, 4vw, 46px);
	padding: 0 0 0 clamp(22px, 3vw, 34px);
	border-left: 2px solid rgb(210 161 77 / 62%);
	color: var(--kunya-ink);
	font-family: var(--kunya-heading-font);
	font-size: clamp(25px, 2.5vw, 34px);
	font-weight: var(--kunya-heading-weight);
	line-height: 1.25;
}

.kunya-post-single .kunya-prose blockquote p {
	margin-bottom: 0;
}

.kunya-post-single__nav .kunya-shell {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(18px, 3vw, 34px);
}

.kunya-post-single__nav-link {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 88px;
	padding: 18px 0;
	color: var(--kunya-ink);
	text-decoration: none;
	transition:
		color var(--kunya-transition-fast),
		transform var(--kunya-transition-fast);
}

.kunya-post-single__nav-link::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	height: 1px;
	background: currentColor;
	opacity: 0.16;
	transform: scaleX(0);
	transform-origin: left;
	transition:
		opacity var(--kunya-transition-fast),
		transform var(--kunya-transition-fast);
}

.kunya-post-single__nav-link:hover,
.kunya-post-single__nav-link:focus-visible {
	color: var(--kunya-gold-deep);
	transform: translateY(-2px);
}

.kunya-post-single__nav-link:hover::after,
.kunya-post-single__nav-link:focus-visible::after {
	opacity: 0.7;
	transform: scaleX(1);
}

.kunya-post-single__nav-link:focus-visible {
	outline: 2px solid var(--kunya-gold-deep);
	outline-offset: 7px;
}

.kunya-post-single__nav-link--next {
	justify-content: flex-end;
	text-align: right;
}

.kunya-post-single__nav-link--previous:hover .kunya-post-single__nav-arrow,
.kunya-post-single__nav-link--previous:focus-visible .kunya-post-single__nav-arrow {
	transform: translateX(-5px);
}

.kunya-post-single__nav-link--next:hover .kunya-post-single__nav-arrow,
.kunya-post-single__nav-link--next:focus-visible .kunya-post-single__nav-arrow {
	transform: translateX(5px);
}

.kunya-post-single__nav-arrow {
	display: inline-grid;
	flex: 0 0 auto;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgb(210 161 77 / 42%);
	border-radius: var(--kunya-pill-radius);
	background: rgb(255 249 241 / 72%);
	color: var(--kunya-gold-deep);
	font-size: 22px;
	line-height: 1;
	transition:
		background-color var(--kunya-transition-fast),
		border-color var(--kunya-transition-fast),
		transform var(--kunya-transition-fast);
}

.kunya-post-single__nav-link:hover .kunya-post-single__nav-arrow,
.kunya-post-single__nav-link:focus-visible .kunya-post-single__nav-arrow {
	border-color: rgb(210 161 77 / 76%);
	background: rgb(255 241 203 / 92%);
}

.kunya-post-single__nav-text {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.kunya-post-single__nav-label {
	color: var(--kunya-ink-soft);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.kunya-post-single__nav-title {
	font-family: var(--kunya-heading-font);
	font-size: clamp(19px, 1.35vw, 25px);
	font-weight: var(--kunya-heading-weight);
	line-height: 1.2;
}

@media (max-width: 780px) {
	.kunya-post-single > .kunya-split-hero .kunya-split-hero__grid {
		min-height: 0;
	}

	.kunya-post-single__nav .kunya-shell {
		grid-template-columns: 1fr;
	}

	.kunya-post-single__nav-link--next {
		justify-content: flex-start;
		text-align: left;
	}

	.kunya-post-single__nav-link--next .kunya-post-single__nav-arrow {
		order: -1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kunya-post-single__nav-link,
	.kunya-post-single__nav-link::after,
	.kunya-post-single__nav-arrow {
		transition: none;
	}

	.kunya-post-single__nav-link:hover,
	.kunya-post-single__nav-link:focus-visible,
	.kunya-post-single__nav-link--previous:hover .kunya-post-single__nav-arrow,
	.kunya-post-single__nav-link--previous:focus-visible .kunya-post-single__nav-arrow,
	.kunya-post-single__nav-link--next:hover .kunya-post-single__nav-arrow,
	.kunya-post-single__nav-link--next:focus-visible .kunya-post-single__nav-arrow {
		transform: none;
	}
}