:root {
	--kn-ink: #0d0d0d;
	--kn-charcoal: #1a1a1a;
	--kn-gold: #cba135;
	--kn-gold-dark: #a87f2d;
	--kn-ivory: #f5f1e7;
	--kn-paper: #fbf9f2;
	--kn-muted: #b2ada3;
	--kn-line: rgba(245, 241, 231, 0.15);
	--kn-shell: min(1180px, calc(100vw - 40px));
	--kn-display: "Arial Narrow", "Helvetica Neue Condensed", "Roboto Condensed", sans-serif;
	--kn-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--kn-tech: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

html:lang(ja) {
	--kn-display: "Hiragino Sans", "Yu Gothic", YuGothic, "Noto Sans JP", sans-serif;
	--kn-body: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", YuGothic, "Noto Sans JP", sans-serif;
	--kn-tech: "Hiragino Sans", "Yu Gothic", YuGothic, "Noto Sans JP", sans-serif;
}

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

html {
	background: var(--kn-ink);
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background:
		radial-gradient(circle at 12% 5%, rgba(203, 161, 53, 0.08), transparent 26rem),
		var(--kn-ink);
	color: var(--kn-ivory);
	font-family: var(--kn-body);
	font-size: 18px;
	line-height: 1.65;
	text-rendering: optimizeLegibility;
}

body.admin-bar .kn-site-header {
	top: 32px;
}

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

a {
	color: inherit;
	text-decoration-color: var(--kn-gold);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25em;
}

a:hover {
	color: var(--kn-gold);
}

:focus-visible {
	outline: 3px solid var(--kn-gold);
	outline-offset: 4px;
}

h1,
h2,
h3,
h4 {
	font-family: var(--kn-display);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 0.98;
	margin: 0 0 0.5em;
	text-wrap: balance;
}

html:lang(ja) h1,
html:lang(ja) h2,
html:lang(ja) h3,
html:lang(ja) h4 {
	letter-spacing: 0.02em;
	line-height: 1.25;
}

p {
	margin: 0 0 1.25em;
}

.kn-shell {
	margin-inline: auto;
	width: var(--kn-shell);
}

.kn-reading-width {
	max-width: 760px;
}

.kn-main {
	overflow: clip;
}

.kn-skip-link {
	background: var(--kn-gold);
	color: var(--kn-ink);
	font-weight: 800;
	left: 1rem;
	padding: 0.65rem 1rem;
	position: fixed;
	top: -10rem;
	z-index: 9999;
}

.kn-skip-link:focus {
	top: 1rem;
}

.kn-site-header {
	backdrop-filter: blur(16px);
	background: rgba(13, 13, 13, 0.82);
	border-bottom: 1px solid var(--kn-line);
	left: 0;
	position: sticky;
	right: 0;
	top: 0;
	z-index: 100;
}

.kn-site-header__inner {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-inline: auto;
	min-height: 72px;
	width: var(--kn-shell);
}

.kn-brand {
	align-items: center;
	display: inline-flex;
	gap: 0.7rem;
	text-decoration: none;
}

.kn-brand__mark {
	height: 38px;
	width: 38px;
}

.kn-brand__name,
.kn-site-footer__brand {
	color: var(--kn-ivory);
	font-family: var(--kn-display);
	font-size: 1.45rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1;
	text-transform: uppercase;
}

.kn-menu,
.kn-footer-menu {
	align-items: center;
	display: flex;
	gap: 1.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.kn-desktop-nav {
	align-items: center;
	display: flex;
	gap: 1.25rem;
}

.kn-language-switcher {
	border-left: 1px solid var(--kn-line);
	padding-left: 1rem;
	position: relative;
}

.kn-language-switcher details {
	position: relative;
}

.kn-language-switcher summary {
	align-items: center;
	border: 1px solid transparent;
	color: var(--kn-muted);
	cursor: pointer;
	display: flex;
	font-family: var(--kn-tech);
	font-size: 0.72rem;
	font-weight: 700;
	gap: 0.55rem;
	letter-spacing: 0.06em;
	list-style: none;
	min-height: 40px;
	padding: 0.45rem 0.6rem;
	white-space: nowrap;
}

.kn-language-switcher summary::-webkit-details-marker {
	display: none;
}

.kn-language-switcher summary::after {
	color: var(--kn-gold);
	content: "⌄";
	font-size: 0.9rem;
	line-height: 1;
	transition: transform 180ms ease;
}

.kn-language-switcher details[open] > summary::after {
	transform: rotate(180deg);
}

.kn-language-switcher summary:hover,
.kn-language-switcher summary:focus-visible,
.kn-language-switcher details[open] > summary {
	border-color: var(--kn-gold);
	color: var(--kn-ivory);
}

.kn-language-switcher__menu {
	background: rgba(13, 13, 13, 0.98);
	border: 1px solid var(--kn-line);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.38);
	display: grid;
	gap: 0;
	list-style: none;
	margin: 0;
	min-width: 190px;
	padding: 0.55rem;
	position: absolute;
	right: 0;
	top: calc(100% + 1rem);
	z-index: 30;
}

.kn-language-switcher__menu::before {
	content: "";
	height: 1rem;
	left: 0;
	position: absolute;
	right: 0;
	top: -1rem;
}

.kn-language-switcher__menu a {
	align-items: center;
	color: var(--kn-muted);
	display: flex;
	font-family: var(--kn-tech);
	font-size: 0.74rem;
	font-weight: 700;
	justify-content: space-between;
	letter-spacing: 0.04em;
	padding: 0.68rem 0.75rem;
	text-decoration: none;
	white-space: nowrap;
}

.kn-language-switcher__menu a:hover,
.kn-language-switcher__menu a:focus-visible {
	background: rgba(203, 161, 53, 0.08);
	color: var(--kn-ivory);
}

.kn-language-switcher__menu a[aria-current="page"] {
	color: var(--kn-ivory);
}

.kn-language-switcher__menu a[aria-current="page"]::after {
	color: var(--kn-gold);
	content: "●";
	font-size: 0.52rem;
	margin-left: 1rem;
}

.kn-desktop-nav .kn-menu > li {
	align-items: center;
	display: flex;
}

.kn-menu a,
.kn-footer-menu a {
	font-family: var(--kn-tech);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-decoration: none;
	text-transform: uppercase;
}

.kn-desktop-nav .kn-menu > li > a,
.kn-desktop-nav .kn-menu__worlds > details > summary {
	align-items: center;
	display: flex;
	line-height: 1;
	min-height: 40px;
}

.kn-menu__worlds {
	position: relative;
}

.kn-menu__worlds details {
	position: relative;
}

.kn-menu__worlds summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-family: var(--kn-tech);
	font-size: 0.76rem;
	font-weight: 700;
	gap: 0.45rem;
	letter-spacing: 0.09em;
	list-style: none;
	text-transform: uppercase;
}

.kn-menu__worlds summary::-webkit-details-marker {
	display: none;
}

.kn-menu__worlds summary::after {
	color: var(--kn-gold);
	content: "+";
	font-size: 1rem;
	line-height: 1;
	transition: transform 180ms ease;
}

.kn-menu__worlds details[open] > summary::after {
	transform: rotate(45deg);
}

.kn-submenu {
	background: rgba(13, 13, 13, 0.98);
	border: 1px solid var(--kn-line);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.38);
	display: grid;
	gap: 0;
	left: -1.1rem;
	list-style: none;
	margin: 0;
	min-width: 250px;
	padding: 0.65rem 0;
	position: absolute;
	top: calc(100% + 1rem);
	z-index: 20;
}

.kn-submenu::before {
	content: "";
	height: 1rem;
	left: 0;
	position: absolute;
	right: 0;
	top: -1rem;
}

.kn-submenu a {
	display: block;
	padding: 0.65rem 1.1rem;
	white-space: nowrap;
}

.kn-submenu a:hover,
.kn-submenu a:focus-visible {
	background: rgba(203, 161, 53, 0.08);
}

.kn-menu__external::after {
	content: " ↗";
}

/* Japanese system fonts can render U+2197 as a colour emoji on iOS. */
html[lang="ja"] .kn-home a,
html[lang="ja"] .kn-site-footer a,
html[lang="ja"] .kn-menu__external::after {
	font-variant-emoji: text;
}

html[lang="ja"] .kn-menu__external::after {
	content: " ↗︎";
	font-family: Arial, Helvetica, sans-serif;
}

/* Final QA: preserve the compact Japanese hierarchy without affecting other locales. */
html[lang="ja"] .kn-hero h1 {
	font-size: clamp(2.5rem, 4.2vw, 3.85rem);
	max-width: 16ch;
}

html[lang="ja"] .kn-destinations__intro h2,
html[lang="ja"] .kn-other-worlds__intro h2 {
	font-size: clamp(2.5rem, 4.5vw, 4rem);
}

html[lang="ja"] .kn-about h2 {
	font-size: clamp(2.5rem, 4.5vw, 4rem);
}

html[lang="ja"] .kn-eyebrow {
	font-size: calc(0.88rem + 2px);
}

.kn-menu a.kn-menu__cta {
	background: var(--kn-gold);
	border: 1px solid var(--kn-gold);
	color: var(--kn-ink);
	padding: 0.72rem 1rem;
	transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.kn-menu a.kn-menu__cta:hover,
.kn-menu a.kn-menu__cta:focus-visible {
	background: var(--kn-ivory);
	border-color: var(--kn-ivory);
	color: var(--kn-ink);
	transform: translateY(-1px);
}

.kn-mobile-nav {
	display: none;
}

.kn-mobile-nav summary {
	color: var(--kn-ivory);
	cursor: pointer;
	font-family: var(--kn-tech);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	list-style: none;
	text-transform: uppercase;
}

.kn-mobile-nav summary::-webkit-details-marker {
	display: none;
}

.kn-mobile-nav[open] nav {
	background: var(--kn-charcoal);
	border: 1px solid var(--kn-line);
	padding: 1.25rem;
	position: absolute;
	right: 20px;
	top: 60px;
	width: min(280px, calc(100vw - 40px));
}

.kn-mobile-nav .kn-menu {
	align-items: stretch;
	flex-direction: column;
	gap: 0;
}

.kn-mobile-nav .kn-menu a {
	display: block;
	padding: 0.8rem 0;
}

.kn-hero {
	overflow: hidden;
	padding: clamp(3.5rem, 7vw, 6.5rem) 0 clamp(4rem, 8vw, 7rem);
	position: relative;
}

.kn-hero::before {
	background:
		radial-gradient(circle at 78% 36%, rgba(203, 161, 53, 0.16), transparent 29rem),
		linear-gradient(rgba(203, 161, 53, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(203, 161, 53, 0.025) 1px, transparent 1px);
	background-size: auto, 72px 72px, 72px 72px;
	content: "";
	inset: 0;
	mask-image: linear-gradient(to bottom, black, transparent 92%);
	opacity: 0.72;
	pointer-events: none;
	position: absolute;
}

.kn-hero-grid {
	align-items: center;
	display: grid;
	gap: clamp(2.5rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr);
	position: relative;
}

.kn-eyebrow {
	color: var(--kn-gold);
	font-family: var(--kn-tech);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.17em;
	margin-bottom: 1.25rem;
	text-transform: uppercase;
}

.kn-hero h1 {
	font-size: clamp(3.2rem, 5.9vw, 5.9rem);
	max-width: 12.5ch;
}

.kn-hero__lead,
.kn-hero__secondary {
	color: var(--kn-muted);
	font-size: clamp(1.03rem, 1.38vw, 1.18rem);
	max-width: 58ch;
}

.kn-hero__secondary {
	max-width: 58ch;
}

.kn-hero__portrait {
	isolation: isolate;
	margin: 0;
	max-width: 540px;
	position: relative;
	justify-self: end;
	width: 100%;
}

.kn-hero__portrait::before {
	background:
		radial-gradient(circle at 50% 44%, rgba(203, 161, 53, 0.2), transparent 64%),
		linear-gradient(145deg, rgba(203, 161, 53, 0.18), transparent 48%);
	content: "";
	filter: blur(18px);
	inset: -8%;
	position: absolute;
	z-index: -1;
}

.kn-hero__portrait::after {
	display: none;
}

.kn-hero__portrait figure {
	margin: 0;
}

.kn-photo-frame {
	isolation: isolate;
	position: relative;
}

.kn-photo-frame::before {
	background:
		linear-gradient(145deg, rgba(203, 161, 53, 0.16), transparent 42%),
		rgba(13, 13, 13, 0.58);
	clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
	content: "";
	inset: 4%;
	position: absolute;
	z-index: -1;
}

.kn-photo-frame img {
	clip-path: polygon(18% 0, 82% 0, 100% 14%, 100% 86%, 82% 100%, 18% 100%, 0 86%, 0 14%);
}

.kn-hero__portrait img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.kn-button,
.wp-block-button__link {
	align-items: center;
	background: var(--kn-gold);
	border: 1px solid var(--kn-gold);
	border-radius: 0;
	color: var(--kn-ink);
	display: inline-flex;
	font-family: var(--kn-tech);
	font-size: 0.78rem;
	font-weight: 800;
	justify-content: center;
	letter-spacing: 0.08em;
	min-height: 48px;
	padding: 0.75rem 1.1rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.kn-button:hover,
.wp-block-button__link:hover {
	background: transparent;
	color: var(--kn-gold);
	transform: translateY(-2px);
}

.kn-button--ghost {
	background: transparent;
	color: var(--kn-gold);
}

.kn-button--ghost:hover {
	background: var(--kn-gold);
	color: var(--kn-ink);
}

.kn-button--disabled {
	background: transparent;
	border-color: var(--kn-line);
	color: var(--kn-muted);
	cursor: not-allowed;
}

.kn-button--disabled:hover {
	background: transparent;
	color: var(--kn-muted);
	transform: none;
}

.kn-destinations {
	padding: clamp(2.5rem, 5vw, 5rem) 0 0;
}

.kn-destinations__intro {
	margin-bottom: clamp(3rem, 6vw, 6rem);
	max-width: 850px;
}

.kn-destinations__intro h2 {
	font-size: clamp(3.3rem, 8vw, 7rem);
}

.kn-destinations__intro p:last-child {
	color: var(--kn-muted);
	font-size: clamp(1.1rem, 2vw, 1.45rem);
	max-width: 65ch;
}

.kn-world {
	--kn-world-accent: var(--kn-gold);
	--kn-world-glow: rgba(203, 161, 53, 0.16);
	border-top: 1px solid var(--kn-line);
	min-height: 90vh;
	padding: clamp(4rem, 9vw, 9rem) 0;
	position: relative;
}

.kn-world::before {
	background: radial-gradient(circle, var(--kn-world-glow), transparent 68%);
	content: "";
	height: min(800px, 90vw);
	pointer-events: none;
	position: absolute;
	right: -18%;
	top: 50%;
	transform: translateY(-50%);
	width: min(800px, 90vw);
}

.kn-world--atlas {
	--kn-world-accent: #ff315d;
	--kn-world-glow: rgba(255, 49, 93, 0.18);
}

.kn-world--valkiria {
	--kn-world-accent: #a8c5dc;
	--kn-world-glow: rgba(168, 197, 220, 0.16);
}

.kn-world--zenesis {
	--kn-world-accent: #c98251;
	--kn-world-glow: rgba(201, 130, 81, 0.17);
}

.kn-world-grid {
	align-items: center;
	display: grid;
	gap: clamp(2.5rem, 7vw, 7rem);
	grid-template-columns: minmax(280px, 0.82fr) minmax(380px, 1.18fr);
	position: relative;
}

.kn-world--reverse .kn-world__copy {
	order: 2;
}

.kn-world__index {
	color: var(--kn-world-accent);
	font-family: var(--kn-tech);
	font-size: 0.73rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.kn-world h3 {
	font-size: clamp(3.4rem, 7vw, 6.5rem);
}

.kn-world__logline {
	font-size: clamp(1.15rem, 2vw, 1.45rem);
	max-width: 42ch;
}

.kn-world__meta {
	color: var(--kn-muted);
	font-family: var(--kn-tech);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.kn-portal-cluster {
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	max-width: 620px;
	position: relative;
	width: 100%;
}

.kn-portal-cluster::before,
.kn-portal-cluster::after {
	border: 1px solid color-mix(in srgb, var(--kn-world-accent) 55%, transparent);
	clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
	content: "";
	inset: 13%;
	position: absolute;
	transform: rotate(30deg);
}

.kn-portal-cluster::after {
	inset: 24%;
	opacity: 0.35;
	transform: rotate(0);
}

.kn-portal-core,
.kn-portal-cluster .wp-block-image {
	clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
	position: absolute;
}

.kn-portal-core {
	align-items: center;
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--kn-world-accent) 20%, var(--kn-ink)), var(--kn-ink));
	border: 1px solid var(--kn-world-accent);
	display: flex;
	height: 35%;
	justify-content: center;
	left: 32.5%;
	padding: 1rem;
	text-align: center;
	top: 32.5%;
	transition: opacity 240ms ease, transform 240ms ease;
	width: 35%;
	z-index: 10;
}

.kn-portal-core p {
	color: var(--kn-ivory);
	font-family: var(--kn-display);
	font-size: clamp(1.05rem, 2.3vw, 2rem);
	font-weight: 800;
	letter-spacing: 0.03em;
	line-height: 0.95;
	margin: 0;
	text-transform: uppercase;
}

.kn-portal-cluster .wp-block-image {
	background: var(--kn-charcoal);
	box-shadow: 0 16px 50px rgba(0, 0, 0, 0.34);
	height: 29%;
	margin: 0;
	opacity: 0.66;
	overflow: hidden;
	transition: opacity 220ms ease, transform 220ms ease, filter 220ms ease;
	width: 25%;
}

.kn-portal-cluster .wp-block-image img {
	filter: saturate(0.75) brightness(0.78);
	height: 100%;
	object-fit: cover;
	transition: filter 220ms ease, transform 280ms ease;
	width: 100%;
}

.kn-portal-cluster .wp-block-image:nth-of-type(1) { left: 37.5%; top: 1%; }
.kn-portal-cluster .wp-block-image:nth-of-type(2) { right: 10%; top: 17%; }
.kn-portal-cluster .wp-block-image:nth-of-type(3) { right: 6%; top: 52%; }
.kn-portal-cluster .wp-block-image:nth-of-type(4) { bottom: 1%; left: 37.5%; }
.kn-portal-cluster .wp-block-image:nth-of-type(5) { left: 6%; top: 52%; }
.kn-portal-cluster .wp-block-image:nth-of-type(6) { left: 10%; top: 17%; }
.kn-portal-cluster .wp-block-image:nth-of-type(7) { left: 37.5%; top: 35.5%; }

.kn-portal-cluster:hover .wp-block-image,
.kn-portal-cluster:focus-within .wp-block-image {
	opacity: 1;
	transform: scale(1.05);
}

.kn-portal-cluster:hover .wp-block-image img,
.kn-portal-cluster:focus-within .wp-block-image img {
	filter: saturate(1) brightness(1);
	transform: scale(1.04);
}

.kn-portal-cluster:hover .kn-portal-core,
.kn-portal-cluster:focus-within .kn-portal-core {
	opacity: 0.14;
	transform: scale(0.88);
}

.kn-portal-cluster--3 .wp-block-image {
	height: 38%;
	opacity: 0.92;
	width: 32%;
}

.kn-portal-cluster--3 .wp-block-image:nth-of-type(1) { left: 34%; top: 2%; }
.kn-portal-cluster--3 .wp-block-image:nth-of-type(2) { right: 5%; top: 50%; }
.kn-portal-cluster--3 .wp-block-image:nth-of-type(3) { left: 5%; top: 50%; }

.kn-portal-cluster--4 .wp-block-image {
	height: 34%;
	opacity: 0.9;
	width: 29%;
}

.kn-portal-cluster--4 .wp-block-image:nth-of-type(1) { left: 35.5%; top: 1%; }
.kn-portal-cluster--4 .wp-block-image:nth-of-type(2) { right: 5%; top: 33%; }
.kn-portal-cluster--4 .wp-block-image:nth-of-type(3) { bottom: 1%; left: 35.5%; top: auto; }
.kn-portal-cluster--4 .wp-block-image:nth-of-type(4) { left: 5%; top: 33%; }

.kn-portal-cluster--single .wp-block-image {
	height: 58%;
	left: 21%;
	opacity: 1;
	top: 21%;
	width: 50%;
}

.kn-portal-cluster--single .kn-portal-core {
	left: 56%;
	top: 51%;
}

.kn-destinations {
	position: relative;
}

.kn-destinations::before {
	border-left: 2px dashed rgba(203, 161, 53, 0.3);
	bottom: 5rem;
	content: "";
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 24rem;
}

/* Interactive world portals: one readable mockup in focus, with the full saga below. */
.kn-world {
	--kn-world-accent: var(--kn-gold);
	--kn-world-secondary: #f5f1e7;
	--kn-world-tertiary: #a87f2d;
	--kn-world-panel: #151515;
	--kn-world-glow: rgba(203, 161, 53, 0.13);
	min-height: 0;
	padding: clamp(2.5rem, 5vw, 5rem) 0;
	scroll-margin-top: 105px;
}

.kn-world::before {
	display: none;
}

.kn-world--aeternum {
	--kn-world-accent: #31d1f0;
	--kn-world-secondary: #7fa9bb;
	--kn-world-tertiary: #f4893e;
	--kn-world-panel: #0c1e22;
	--kn-world-glow: rgba(49, 209, 240, 0.14);
}

.kn-world--atlas {
	--kn-world-accent: #f02f62;
	--kn-world-secondary: #55c7ee;
	--kn-world-tertiary: #cba135;
	--kn-world-panel: #111318;
	--kn-world-glow: rgba(240, 47, 98, 0.13);
}

.kn-world--valkiria {
	--kn-world-accent: #4b8f96;
	--kn-world-secondary: #afc8da;
	--kn-world-tertiary: #dda73a;
	--kn-world-panel: #0e1923;
	--kn-world-glow: rgba(75, 143, 150, 0.15);
}

.kn-world--zenesis {
	--kn-world-accent: #fa3e0b;
	--kn-world-secondary: #e5e5e5;
	--kn-world-tertiary: #7a2e1c;
	--kn-world-panel: #181818;
	--kn-world-glow: rgba(250, 62, 11, 0.14);
}

.kn-focus-portal {
	align-items: center;
	background:
		linear-gradient(135deg, var(--kn-world-glow), transparent 46%),
		var(--kn-world-panel);
	border: 1px solid var(--kn-line);
	display: grid;
	gap: clamp(1.4rem, 3vw, 3rem);
	grid-template-areas:
		"copy visual"
		"selector selector";
	grid-template-columns: minmax(260px, 0.82fr) minmax(360px, 1.18fr);
	min-height: 620px;
	overflow: hidden;
	padding: clamp(1.5rem, 3.5vw, 3.25rem);
	position: relative;
}

.kn-world--reverse .kn-focus-portal {
	grid-template-areas:
		"visual copy"
		"selector selector";
	grid-template-columns: minmax(360px, 1.18fr) minmax(260px, 0.82fr);
}

.kn-world--zenesis .kn-focus-portal::before {
	background:
		repeating-radial-gradient(circle at 20% 30%, transparent 0 8px, rgba(255, 255, 255, 0.018) 9px 10px),
		repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 11px);
	content: "";
	inset: 0;
	opacity: 0.58;
	pointer-events: none;
	position: absolute;
}

.kn-world--single .kn-focus-portal {
	grid-template-areas: "visual copy";
	min-height: 560px;
}

.kn-focus-copy {
	grid-area: copy;
	position: relative;
	z-index: 2;
}

.kn-world__index,
.kn-focus-kicker {
	font-family: var(--kn-tech);
	font-size: 0.73rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.kn-world__index {
	color: var(--kn-world-secondary);
	margin-bottom: 0.55rem;
}

.kn-world .kn-focus-world-title {
	color: var(--kn-world-accent);
	font-family: var(--kn-tech);
	font-size: clamp(0.8rem, 1.2vw, 0.95rem);
	letter-spacing: 0.12em;
	margin-bottom: clamp(1.4rem, 2.8vw, 2.5rem);
	text-transform: uppercase;
}

.kn-focus-kicker {
	color: var(--kn-world-tertiary);
	margin-bottom: 0.8rem;
}

.kn-focus-copy h4 {
	font-size: clamp(2.7rem, 4.7vw, 4.8rem);
	margin-bottom: 0.25em;
	max-width: 11ch;
}

.kn-world__logline {
	color: var(--kn-muted);
	font-size: clamp(1.02rem, 1.55vw, 1.2rem);
	max-width: 42ch;
}

.kn-world-button {
	background: var(--kn-world-accent);
	border-color: var(--kn-world-accent);
	color: #071013;
	margin-top: 0.6rem;
}

.kn-world-button:hover {
	background: transparent;
	color: var(--kn-world-accent);
}

.kn-world .kn-world-button .wp-block-button__link {
	background: var(--kn-world-accent);
	border-color: var(--kn-world-accent);
	color: #071013;
}

.kn-world .kn-world-button .wp-block-button__link:hover,
.kn-world .kn-world-button .wp-block-button__link:focus-visible {
	background: transparent;
	border-color: var(--kn-world-accent);
	color: var(--kn-world-accent);
}

.kn-focus-visual {
	align-items: center;
	display: flex;
	grid-area: visual;
	justify-content: center;
	min-height: 360px;
	position: relative;
}

.kn-focus-cover-link {
	display: block;
	position: relative;
	z-index: 2;
}

.kn-focus-cover-link > img {
	filter: drop-shadow(0 32px 28px rgba(0, 0, 0, 0.52));
	max-height: 430px;
	object-fit: contain;
	transition: opacity 160ms ease, transform 260ms ease;
	width: auto;
}

.kn-focus-cover-link:hover > img,
.kn-focus-cover-link:focus-visible > img {
	transform: translateY(-8px) scale(1.02);
}

.kn-focus-visual.is-changing .kn-focus-cover-link > img {
	opacity: 0;
	transform: translateY(18px) scale(0.96);
}

.kn-portal-geometry {
	height: min(38vw, 440px);
	margin: 0;
	position: absolute;
	width: min(38vw, 440px);
}

.kn-portal-hex {
	fill: rgba(7, 16, 19, 0.1);
	stroke-width: 1.5;
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 260ms ease;
}

.kn-portal-hex--outer {
	stroke: var(--kn-world-accent);
}

.kn-portal-hex--middle {
	stroke: var(--kn-world-secondary);
	stroke-dasharray: 5 7;
	opacity: 0.6;
}

.kn-portal-hex--inner {
	stroke: var(--kn-world-tertiary);
	opacity: 0.62;
}

.kn-focus-portal:hover .kn-portal-hex--outer,
.kn-focus-portal:focus-within .kn-portal-hex--outer {
	transform: scale(1.025);
}

.kn-focus-portal:hover .kn-portal-hex--inner,
.kn-focus-portal:focus-within .kn-portal-hex--inner {
	transform: scale(0.975);
}

.kn-focus-selector {
	display: grid;
	gap: 0.55rem;
	grid-area: selector;
	grid-template-columns: repeat(var(--kn-book-count, 7), minmax(0, 1fr));
}

.kn-world--atlas .kn-focus-selector {
	--kn-book-count: 5;
}

.kn-world--valkiria .kn-focus-selector {
	--kn-book-count: 4;
}

.kn-focus-option {
	align-items: center;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--kn-line);
	color: var(--kn-ivory);
	cursor: pointer;
	display: grid;
	gap: 0.45rem;
	grid-template-columns: auto auto minmax(0, 1fr);
	min-height: 82px;
	padding: 0.68rem 0.58rem;
	text-align: left;
	transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.kn-focus-option:hover,
.kn-focus-option:focus-visible,
.kn-focus-option.is-active {
	background: var(--kn-world-glow);
	border-color: var(--kn-world-accent);
	transform: translateY(-5px);
}

.kn-focus-option img {
	height: 54px;
	object-fit: contain;
	width: 34px;
}

.kn-focus-option figure {
	margin: 0;
}

.kn-focus-option__kicker {
	display: none;
}

.kn-focus-option__number {
	font-family: var(--kn-tech);
	font-size: 0.66rem;
	font-weight: 800;
}

.kn-focus-option__title {
	display: -webkit-box;
	font-family: var(--kn-display);
	align-self: center;
	font-size: clamp(0.86rem, 1.12vw, 1.08rem);
	font-weight: 800;
	letter-spacing: -0.015em;
	line-height: 1.08;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.kn-focus-option.is-future img {
	opacity: 0.82;
}

.kn-gutenberg-editable figure.kn-focus-cover-link {
	height: 430px;
	margin: 0;
	max-width: 100%;
	width: fit-content;
}

.kn-gutenberg-editable .kn-focus-cover-link > a {
	display: block;
	height: 100%;
}

.kn-gutenberg-editable .kn-focus-cover-link > a > img {
	display: block;
	filter: drop-shadow(0 32px 28px rgba(0, 0, 0, 0.52));
	height: 100% !important;
	max-height: 100%;
	object-fit: contain;
	transition: opacity 160ms ease, transform 260ms ease;
	width: auto;
}

.kn-gutenberg-editable .kn-focus-cover-link:hover > a > img,
.kn-gutenberg-editable .kn-focus-cover-link:focus-within > a > img {
	transform: translateY(-8px) scale(1.02);
}

.kn-gutenberg-editable .kn-focus-visual.is-changing .kn-focus-cover-link > a > img {
	opacity: 0;
	transform: translateY(18px) scale(0.96);
}

.kn-gutenberg-editable .kn-social-links p {
	margin: 0;
}

.kn-about {
	background:
		radial-gradient(circle at 17% 45%, rgba(203, 161, 53, 0.13), transparent 29rem),
		linear-gradient(145deg, #11110f, #08090a 68%);
	border-top: 1px solid var(--kn-line);
	color: var(--kn-ivory);
	overflow: hidden;
	padding: clamp(5rem, 10vw, 10rem) 0;
	position: relative;
}

/* Compact portfolio used by localized Home pages for Spanish-only worlds. */
.kn-other-worlds {
	background:
		radial-gradient(circle at 50% 0, rgba(203, 161, 53, 0.09), transparent 34rem),
		#0a0b0d;
	border-top: 1px solid var(--kn-line);
	color: var(--kn-ivory);
	padding: clamp(5rem, 9vw, 9rem) 0;
}

.kn-other-worlds__intro {
	margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
	max-width: 760px;
}

.kn-other-worlds__intro h2 {
	color: var(--kn-ivory);
	font-size: clamp(3rem, 6vw, 5.8rem);
}

.kn-other-worlds__intro .kn-lead {
	color: var(--kn-muted);
}

.kn-other-worlds__grid {
	display: grid;
	gap: clamp(1rem, 2.4vw, 2rem);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* The Japanese Home intentionally presents four equal worlds as a 2×2 grid. */
.kn-ja-world-grid {
	display: grid;
	gap: clamp(1rem, 2.4vw, 2rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kn-other-world-card {
	--kn-world-accent: var(--kn-gold);
	--kn-world-glow: rgba(203, 161, 53, 0.13);
	background:
		linear-gradient(150deg, var(--kn-world-glow), transparent 42%),
		#111318;
	border: 1px solid var(--kn-line);
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	padding: clamp(1.25rem, 2.7vw, 2.2rem);
	position: relative;
}

.kn-other-world-card::before {
	background: var(--kn-world-accent);
	content: "";
	height: 2px;
	inset: 0 0 auto;
	opacity: 0.8;
	position: absolute;
}

.kn-other-world-card > figure {
	align-items: center;
	display: flex;
	height: clamp(240px, 30vw, 360px);
	justify-content: center;
	margin: 0 0 1.5rem;
}

.kn-other-world-card > figure img {
	filter: drop-shadow(0 24px 22px rgba(0, 0, 0, 0.46));
	height: 100% !important;
	object-fit: contain;
	width: auto;
}

.kn-other-world-card > figure > .kn-other-world-card__cover-link {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}

.kn-other-world-card > figure > .kn-other-world-card__cover-link:focus-visible {
	outline: 2px solid var(--kn-world-accent);
	outline-offset: 4px;
}

.kn-other-world-card__cover-link img {
	transition: transform 220ms ease;
}

.kn-other-world-card__cover-link:hover img,
.kn-other-world-card__cover-link:focus-visible img {
	transform: translateY(-6px) scale(1.02);
}

/* A fan represents one destination: it moves as a single linked composition. */
.kn-other-world-card__fan {
	transition: transform 220ms ease;
}

.kn-other-world-card__fan:hover,
.kn-other-world-card__fan:focus-within {
	transform: translateY(-6px) scale(1.02);
}

.kn-other-world-card__fan .kn-other-world-card__cover-link:hover img,
.kn-other-world-card__fan .kn-other-world-card__cover-link:focus-visible img {
	transform: none;
}

.kn-other-world-card__fan {
	height: clamp(220px, 27vw, 320px);
	isolation: isolate;
	margin: 0 0 1.5rem;
	position: relative;
}

.kn-other-world-card__fan figure {
	--kn-fan-rotate: 0deg;
	--kn-fan-scale: 0.9;
	--kn-fan-x: 0%;
	height: 100%;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 0;
	transform: translateX(calc(-50% + var(--kn-fan-x))) rotate(var(--kn-fan-rotate)) scale(var(--kn-fan-scale));
	transform-origin: 50% 0;
	width: 46%;
}

.kn-other-world-card__fan figure img {
	filter: drop-shadow(0 22px 20px rgba(0, 0, 0, 0.52));
	height: 100% !important;
	object-fit: contain;
	width: 100%;
}

.kn-other-world-card__fan--five figure:nth-child(1) {
	--kn-fan-scale: 0.94;
	z-index: 3;
}

.kn-other-world-card__fan--five figure:nth-child(2) {
	--kn-fan-rotate: -6deg;
	--kn-fan-scale: 0.82;
	--kn-fan-x: -43%;
	z-index: 2;
}

.kn-other-world-card__fan--five figure:nth-child(3) {
	--kn-fan-rotate: 6deg;
	--kn-fan-scale: 0.82;
	--kn-fan-x: 43%;
	z-index: 2;
}

.kn-other-world-card__fan--five figure:nth-child(4) {
	--kn-fan-rotate: -11deg;
	--kn-fan-scale: 0.72;
	--kn-fan-x: -60%;
	z-index: 1;
}

.kn-other-world-card__fan--five figure:nth-child(5) {
	--kn-fan-rotate: 11deg;
	--kn-fan-scale: 0.72;
	--kn-fan-x: 60%;
	z-index: 1;
}

.kn-other-world-card__fan--four figure:nth-child(1) {
	--kn-fan-rotate: -9deg;
	--kn-fan-scale: 0.75;
	--kn-fan-x: -61%;
	z-index: 1;
}

.kn-other-world-card__fan--four figure:nth-child(2) {
	--kn-fan-rotate: -3deg;
	--kn-fan-scale: 0.91;
	--kn-fan-x: -21%;
	z-index: 3;
}

.kn-other-world-card__fan--four figure:nth-child(3) {
	--kn-fan-rotate: 3deg;
	--kn-fan-scale: 0.91;
	--kn-fan-x: 21%;
	z-index: 3;
}

.kn-other-world-card__fan--four figure:nth-child(4) {
	--kn-fan-rotate: 9deg;
	--kn-fan-scale: 0.75;
	--kn-fan-x: 61%;
	z-index: 1;
}

.kn-other-world-card.kn-world--zenesis > figure {
	height: clamp(200px, 24vw, 285px);
}

/* Localized Homes: keep all four world visuals aligned on desktop. */
html:lang(en) .kn-other-world-card__fan,
html:lang(de) .kn-other-world-card__fan,
html:lang(fr) .kn-other-world-card__fan,
html:lang(it) .kn-other-world-card__fan {
	height: clamp(200px, 24vw, 285px);
	margin-bottom: 3rem;
}

html:lang(en) .kn-other-world-card.kn-world--zenesis > figure,
html:lang(de) .kn-other-world-card.kn-world--zenesis > figure,
html:lang(fr) .kn-other-world-card.kn-world--zenesis > figure,
html:lang(it) .kn-other-world-card.kn-world--zenesis > figure {
	height: clamp(200px, 24vw, 285px);
	margin-bottom: 0.75rem;
}

/* Keep the books ordered left-to-right while making volume 1 the visual lead. */
.kn-other-world-card__fan--four figure:nth-child(1) {
	--kn-fan-rotate: -6deg;
	--kn-fan-scale: 0.96;
	--kn-fan-x: -42%;
	z-index: 4;
}

.kn-other-world-card__fan--four figure:nth-child(2) {
	--kn-fan-rotate: -2deg;
	--kn-fan-scale: 0.86;
	--kn-fan-x: -12%;
	z-index: 3;
}

.kn-other-world-card__fan--four figure:nth-child(3) {
	--kn-fan-rotate: 3deg;
	--kn-fan-scale: 0.82;
	--kn-fan-x: 20%;
	z-index: 2;
}

.kn-other-world-card__fan--four figure:nth-child(4) {
	--kn-fan-rotate: 8deg;
	--kn-fan-scale: 0.74;
	--kn-fan-x: 52%;
	z-index: 1;
}

.kn-other-world-card__fan--seven figure:nth-child(1) { --kn-fan-rotate: -7deg; --kn-fan-scale: 0.92; --kn-fan-x: -42%; z-index: 7; }
.kn-other-world-card__fan--seven figure:nth-child(2) { --kn-fan-rotate: -5deg; --kn-fan-scale: 0.86; --kn-fan-x: -27%; z-index: 6; }
.kn-other-world-card__fan--seven figure:nth-child(3) { --kn-fan-rotate: -2deg; --kn-fan-scale: 0.82; --kn-fan-x: -12%; z-index: 5; }
.kn-other-world-card__fan--seven figure:nth-child(4) { --kn-fan-rotate: 1deg; --kn-fan-scale: 0.78; --kn-fan-x: 3%; z-index: 4; }
.kn-other-world-card__fan--seven figure:nth-child(5) { --kn-fan-rotate: 4deg; --kn-fan-scale: 0.74; --kn-fan-x: 18%; z-index: 3; }
.kn-other-world-card__fan--seven figure:nth-child(6) { --kn-fan-rotate: 7deg; --kn-fan-scale: 0.70; --kn-fan-x: 33%; z-index: 2; }
.kn-other-world-card__fan--seven figure:nth-child(7) { --kn-fan-rotate: 10deg; --kn-fan-scale: 0.66; --kn-fan-x: 48%; z-index: 1; }

html[lang="ja"] .kn-ja-world-grid .kn-other-world-card__fan {
	height: clamp(180px, 18vw, 240px);
	margin-bottom: 0.7rem;
}

html[lang="ja"] .kn-ja-world-grid .kn-other-world-card {
	padding: clamp(1.1rem, 2vw, 1.6rem);
}

.kn-about__actions .wp-block-button__link[target="_blank"]::after,
.kn-about-goal .kn-button[target="_blank"]::after {
	content: " ↗";
	font-family: var(--kn-tech);
	font-variant-emoji: text;
	font-size: 1em;
	vertical-align: baseline;
}

.wp-block-button__link[href*="youtube.com"][target="_blank"]::after,
.kn-button[href*="youtube.com"][target="_blank"]::after {
	content: " ↗";
	font-family: var(--kn-tech);
	font-size: 1em;
	font-variant-emoji: text;
	vertical-align: baseline;
}

html[lang="ja"] .kn-about__actions .wp-block-button__link[target="_blank"]::after,
html[lang="ja"] .kn-about-goal .kn-button[target="_blank"]::after {
	content: " ↗︎";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: baseline;
}

html[lang="ja"] .wp-block-button__link[href*="youtube.com"][target="_blank"]::after,
html[lang="ja"] .kn-button[href*="youtube.com"][target="_blank"]::after {
	content: " ↗︎";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: baseline;
}

.kn-menu__cta[href="https://www.kiannoren.com/gratis/"]::after {
	content: " ↗";
	font-family: var(--kn-tech);
	font-size: 1em;
	font-variant-emoji: text;
	vertical-align: baseline;
}

.kn-other-world-card__label {
	color: var(--kn-world-accent);
	font-family: var(--kn-tech);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	line-height: 1.45;
	text-transform: uppercase;
}

.kn-other-world-card h3 {
	color: var(--kn-ivory);
	font-size: clamp(2rem, 3.4vw, 3.3rem);
	margin-bottom: 0.55rem;
}

.kn-other-world-card__copy {
	color: var(--kn-muted);
	flex: 1;
}

.kn-other-world-card .wp-block-buttons {
	margin-top: 1.2rem;
}

.kn-other-world-card .wp-block-button__link {
	background: transparent;
	border-color: var(--kn-world-accent);
	color: var(--kn-world-accent);
}

.kn-other-world-card .wp-block-button__link:hover,
.kn-other-world-card .wp-block-button__link:focus-visible {
	background: var(--kn-world-accent);
	color: #071013;
}

@media (max-width: 900px) {
	.kn-other-worlds__grid {
		grid-template-columns: 1fr;
	}

	.kn-ja-world-grid {
		grid-template-columns: 1fr;
	}

	.kn-other-world-card {
		display: grid;
		gap: 0 1.5rem;
		grid-template-columns: minmax(150px, 0.42fr) minmax(0, 0.58fr);
	}

	.kn-other-world-card > figure,
	.kn-other-world-card__fan {
		grid-row: 1 / span 5;
		height: 300px;
		margin: 0;
	}

	html:lang(en) .kn-other-worlds__grid .kn-other-world-card__fan,
	html:lang(de) .kn-other-worlds__grid .kn-other-world-card__fan,
	html:lang(fr) .kn-other-worlds__grid .kn-other-world-card__fan,
	html:lang(it) .kn-other-worlds__grid .kn-other-world-card__fan {
		margin: 0;
	}

	.kn-other-world-card.kn-world--zenesis > figure {
		height: 270px;
	}
}

@media (max-width: 620px) {
	.kn-eyebrow {
		font-size: 0.73rem;
	}

	html[lang="ja"] .kn-eyebrow {
		font-size: calc(0.73rem + 2px);
	}

	.kn-other-world-card {
		display: flex;
	}

	.kn-other-world-card > figure,
	.kn-other-world-card__fan {
		height: 280px;
		margin-bottom: 1.25rem;
	}

	html:lang(en) .kn-other-worlds__grid .kn-other-world-card__fan,
	html:lang(de) .kn-other-worlds__grid .kn-other-world-card__fan,
	html:lang(fr) .kn-other-worlds__grid .kn-other-world-card__fan,
	html:lang(it) .kn-other-worlds__grid .kn-other-world-card__fan {
		margin-bottom: 3rem;
	}

	.kn-other-world-card.kn-world--zenesis > figure {
		height: 245px;
	}
}

.kn-about-grid {
	align-items: center;
	display: grid;
	gap: clamp(2.5rem, 5vw, 5rem);
	grid-template-columns: minmax(360px, 1.05fr) minmax(0, 0.95fr);
}

.kn-about__image {
	margin: 0;
	position: relative;
}

.kn-about__image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center 57%;
	width: 100%;
}

.kn-about h2 {
	color: var(--kn-ivory);
	font-size: clamp(3rem, 5.6vw, 5.4rem);
}

.kn-about .kn-eyebrow {
	color: var(--kn-gold);
}

.kn-about__copy {
	font-size: clamp(1rem, 1.35vw, 1.12rem);
	max-width: 52ch;
}

.kn-about__lead,
.kn-about__copy > p:not(.kn-eyebrow) {
	color: var(--kn-muted);
	font-size: clamp(1.06rem, 1.5vw, 1.2rem);
}

.kn-about__copy > p:not(.kn-eyebrow, .kn-about__lead) {
	color: var(--kn-muted);
}

.kn-about__actions {
	margin-top: 2rem;
}

.kn-social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.4rem;
	margin-top: 1.5rem;
}

.kn-social-links a {
	color: var(--kn-muted);
	font-family: var(--kn-tech);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-decoration: none;
	text-transform: uppercase;
}

.kn-social-links a:hover,
.kn-social-links a:focus-visible {
	color: var(--kn-gold);
}

.kn-site-footer {
	border-top: 1px solid var(--kn-line);
	padding: clamp(3rem, 6vw, 5rem) 0 2rem;
}

.kn-site-footer__inner {
	align-items: start;
	display: grid;
	gap: 2rem clamp(2rem, 7vw, 6rem);
	grid-template-columns: minmax(260px, 1fr) auto auto;
	margin-inline: auto;
	width: var(--kn-shell);
}

.kn-site-footer p {
	margin: 0;
}

.kn-site-footer__tagline,
.kn-site-footer__copyright {
	color: var(--kn-muted);
	font-size: 0.8rem;
}

.kn-site-footer__identity {
	max-width: 28ch;
}

.kn-site-footer__tagline {
	margin-top: 0.7rem;
}

.kn-site-footer__heading {
	color: var(--kn-gold);
	font-family: var(--kn-tech);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.kn-site-footer .kn-footer-menu {
	align-items: flex-start;
	display: grid;
	gap: 0.55rem;
}

.kn-site-footer .kn-footer-menu a,
.kn-site-footer .kn-footer-menu span {
	color: var(--kn-muted);
	font-family: var(--kn-tech);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.kn-site-footer .kn-footer-menu a:hover,
.kn-site-footer .kn-footer-menu a:focus-visible {
	color: var(--kn-ivory);
}

.kn-site-footer__copyright {
	border-top: 1px solid var(--kn-line);
	grid-column: 1 / -1;
	margin-top: 1rem !important;
	padding-top: 1.5rem;
	width: 100%;
}

.kn-page {
	min-height: 70vh;
	padding: clamp(4rem, 9vw, 8rem) 0;
}

.kn-404 {
	align-items: center;
	display: flex;
}

.kn-404 .kn-reading-width {
	max-width: 860px;
}

.kn-404 h1 {
	font-size: clamp(1.65rem, 3.2vw, 3.1rem);
	max-width: none;
	white-space: nowrap;
}

.kn-404__copy {
	color: var(--kn-muted);
	font-size: clamp(1.15rem, 2vw, 1.45rem);
	line-height: 1.55;
	max-width: 38rem;
}

@media (max-width: 640px) {
	.kn-404 {
		min-height: 62vh;
	}

	.kn-404 h1 {
		max-width: none;
		white-space: normal;
	}
}

.kn-page-header h1 {
	font-size: clamp(3rem, 8vw, 6rem);
}

.kn-legal-page {
	background: var(--kn-ink);
}

.kn-legal-page .kn-page {
	overflow: visible;
	padding: clamp(3.5rem, 7vw, 6rem) 0;
}

.kn-legal-page .kn-page-header {
	border-bottom: 1px solid var(--kn-line);
	margin-bottom: clamp(2rem, 5vw, 3rem);
	padding-bottom: 1.5rem;
}

.kn-legal-page .kn-page-header h1 {
	font-size: clamp(2.75rem, 7vw, 5rem);
}

.kn-legal-page article > .wp-block-heading {
	color: var(--kn-ivory);
	font-size: clamp(1.45rem, 3vw, 2rem);
	line-height: 1.15;
	margin: 2.5rem 0 1rem;
}

.kn-legal-page article > p,
.kn-legal-page article > ul {
	color: var(--kn-muted);
}

.kn-legal-page article > ul {
	margin: 0 0 1.5rem;
	padding-left: 1.25rem;
}

.kn-legal-page article > ul li + li {
	margin-top: 0.65rem;
}

.kn-legal-page .kn-legal-updated {
	color: var(--kn-gold);
	font-family: var(--kn-tech);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.kn-post-card {
	border-bottom: 1px solid var(--kn-line);
	padding: 2rem 0;
}

.kn-motion-ready .kn-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 700ms ease, transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

.kn-motion-ready .kn-reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* Aeternum saga page — provisional design V1. */
.kn-saga--aeternum {
	--aeternum-cyan: #31c8e7;
	--aeternum-cyan-soft: rgba(49, 200, 231, 0.16);
	--aeternum-deep: #061d22;
	--aeternum-panel: #0a252b;
	--saga-accent: #31c8e7;
	--saga-accent-rgb: 49, 200, 231;
	--saga-deep: #061d22;
	--saga-panel: #0a252b;
	background:
		linear-gradient(180deg, var(--aeternum-deep) 0, #071216 34rem, var(--kn-ink) 66rem);
}

.kn-saga--aeternum .kn-eyebrow {
	color: var(--aeternum-cyan);
}

.kn-saga-context {
	align-items: center;
	display: flex;
	font-family: var(--kn-tech);
	font-size: 0.68rem;
	font-weight: 800;
	justify-content: space-between;
	letter-spacing: 0.1em;
	min-height: 50px;
	text-transform: uppercase;
}

.kn-saga-context a {
	text-decoration: none;
}

.kn-saga-context a:hover,
.kn-saga-context a:focus-visible {
	color: var(--saga-accent, var(--aeternum-cyan));
}

.kn-saga-hero {
	border-block: 1px solid rgba(49, 200, 231, 0.18);
	min-height: 760px;
	overflow: hidden;
	position: relative;
}

.kn-saga-hero::before {
	background:
		linear-gradient(rgba(49, 200, 231, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(49, 200, 231, 0.045) 1px, transparent 1px);
	background-size: 72px 72px;
	content: "";
	inset: 0;
	mask-image: linear-gradient(to right, transparent, black 40%, black 78%, transparent);
	opacity: 0.75;
	pointer-events: none;
	position: absolute;
}

.kn-saga-hero__grid {
	align-items: center;
	display: grid;
	gap: clamp(2rem, 4vw, 4.5rem);
	grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);
	max-width: 100%;
	min-height: inherit;
	min-width: 0;
	padding-block: clamp(3.5rem, 7vh, 6rem);
	position: relative;
}

.kn-saga-hero__copy {
	max-width: 610px;
	min-width: 0;
	position: relative;
	z-index: 2;
}

.kn-saga-hero__copy > * {
	max-width: 100%;
	min-width: 0;
}

.kn-saga-hero h1 {
	font-size: clamp(4.2rem, 7.4vw, 7rem);
	letter-spacing: -0.055em;
	margin-bottom: 0.2em;
	text-transform: uppercase;
}

.kn-saga-hero__lead {
	color: var(--kn-ivory);
	font-size: clamp(1.25rem, 2vw, 1.75rem);
	font-weight: 650;
	line-height: 1.3;
	max-width: 28ch;
}

.kn-saga-hero__copy > p:not(.kn-eyebrow, .kn-saga-hero__lead, .kn-saga-facts) {
	color: var(--kn-muted);
	max-width: 56ch;
	overflow-wrap: anywhere;
}

.kn-saga-hero .kn-tag-list {
	margin: 1.6rem 0;
}

.kn-saga-facts {
	border-left: 2px solid var(--aeternum-cyan);
	color: var(--kn-ivory);
	font-family: var(--kn-tech);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding-left: 0.8rem;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.kn-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.25rem;
	max-width: 100%;
	min-width: 0;
}

.kn-button--aeternum {
	background: var(--aeternum-cyan);
	border-color: var(--aeternum-cyan);
}

.kn-button--aeternum:hover {
	background: transparent;
	color: var(--aeternum-cyan);
}

.kn-button--aeternum:focus-within {
	background: transparent;
}

.kn-saga--aeternum .kn-button--aeternum .wp-block-button__link {
	background: var(--aeternum-cyan);
	border-color: var(--aeternum-cyan);
	color: var(--kn-ink);
}

.kn-saga--aeternum .kn-button--aeternum .wp-block-button__link:hover,
.kn-saga--aeternum .kn-button--aeternum .wp-block-button__link:focus-visible,
.kn-saga--aeternum .kn-button--aeternum:focus-within .wp-block-button__link {
	background: transparent;
	border-color: var(--aeternum-cyan);
	color: var(--aeternum-cyan);
}

.kn-text-link {
	color: var(--kn-ivory);
	font-family: var(--kn-tech);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-decoration-color: var(--aeternum-cyan);
	text-transform: uppercase;
}

.kn-text-link:hover {
	color: var(--aeternum-cyan);
}

.kn-threshold {
	align-items: center;
	color: inherit;
	cursor: pointer;
	display: flex;
	height: 570px;
	justify-content: center;
	justify-self: end;
	max-width: 570px;
	position: relative;
	text-decoration: none;
	width: 100%;
}

.kn-threshold:focus-visible {
	outline: 2px solid var(--aeternum-cyan);
	outline-offset: 6px;
}

.kn-threshold::before,
.kn-threshold::after,
.kn-threshold__halo {
	clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
	content: "";
	position: absolute;
}

.kn-threshold::before {
	background: linear-gradient(135deg, var(--aeternum-cyan), transparent 52%, var(--aeternum-cyan));
	inset: 1%;
	opacity: 0.75;
}

.kn-threshold::after {
	background: var(--aeternum-deep);
	inset: calc(1% + 2px);
}

.kn-threshold__halo--outer {
	border: 1px solid rgba(49, 200, 231, 0.35);
	inset: 10%;
	z-index: 1;
}

.kn-threshold__halo--inner {
	background: radial-gradient(circle, rgba(49, 200, 231, 0.2), transparent 68%);
	inset: 17%;
	z-index: 1;
}

.kn-threshold__lines {
	border: 1px dashed rgba(245, 241, 231, 0.2);
	clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
	inset: 20%;
	position: absolute;
	z-index: 2;
}

.kn-saga-books {
	align-items: flex-end;
	display: flex;
	height: 490px;
	justify-content: center;
	position: relative;
	width: 100%;
	z-index: 3;
}

.kn-saga-books img {
	filter: drop-shadow(0 22px 18px rgba(0, 0, 0, 0.48));
	flex: 0 0 38%;
	height: auto;
	left: auto !important;
	margin-left: -26.3%;
	max-width: 38%;
	position: relative;
	transform-origin: center bottom;
	transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
	width: 38%;
}

.kn-saga-books img:first-child {
	margin-left: 0;
}

.kn-saga-books img:nth-child(1) {
	left: 33%;
	transform: translateY(0) rotate(-8deg) scale(1);
	z-index: 10;
}

.kn-saga-books img:nth-child(2) {
	left: 18%;
	transform: translateY(-22px) rotate(-5deg) scale(0.94);
	z-index: 1;
}

.kn-saga-books img:nth-child(3) {
	left: 49%;
	transform: translateY(-44px) rotate(-2deg) scale(0.9);
	z-index: 2;
}

.kn-saga-books img:nth-child(4) {
	left: 6%;
	transform: translateY(-66px) rotate(2deg) scale(0.86);
	z-index: 3;
}

.kn-saga-books img:nth-child(5) {
	left: 63%;
	transform: translateY(-88px) rotate(5deg) scale(0.82);
	z-index: 4;
}

.kn-saga-books img:nth-child(6) {
	left: -4%;
	transform: translateY(-110px) rotate(8deg) scale(0.78);
	z-index: 5;
}

.kn-saga-books img:nth-child(7) {
	left: 75%;
	transform: translateY(-132px) rotate(11deg) scale(0.74);
	z-index: 6;
}

.kn-threshold:hover .kn-saga-books img:nth-child(1) {
	transform: translateX(-8px) translateY(-8px) rotate(-9deg) scale(1.02);
}

.kn-threshold:hover .kn-saga-books img:nth-child(2) {
	transform: translate(-5px, -27px) rotate(-6deg) scale(0.94);
}

.kn-threshold:hover .kn-saga-books img:nth-child(3) {
	transform: translate(-2px, -49px) rotate(-3deg) scale(0.9);
}

.kn-threshold:hover .kn-saga-books img:nth-child(4) {
	transform: translate(2px, -71px) rotate(3deg) scale(0.86);
}

.kn-threshold:hover .kn-saga-books img:nth-child(5) {
	transform: translate(5px, -93px) rotate(6deg) scale(0.82);
}

.kn-threshold:hover .kn-saga-books img:nth-child(6) {
	transform: translate(8px, -115px) rotate(9deg) scale(0.78);
}

.kn-threshold:hover .kn-saga-books img:nth-child(7) {
	transform: translate(11px, -137px) rotate(12deg) scale(0.74);
}

.kn-threshold > p {
	bottom: 3%;
	color: var(--aeternum-cyan);
	font-family: var(--kn-tech);
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	margin: 0;
	position: absolute;
	text-transform: uppercase;
	z-index: 4;
}

.kn-crossing {
	align-items: center;
	background: #06171b;
	display: flex;
	height: 94px;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.kn-crossing::before,
.kn-crossing::after {
	background: linear-gradient(90deg, transparent, var(--aeternum-cyan), transparent);
	content: "";
	height: 1px;
	position: absolute;
	width: 70%;
}

.kn-crossing::before {
	transform: rotate(8deg);
}

.kn-crossing::after {
	transform: rotate(-8deg);
}

.kn-crossing span {
	border: 1px solid rgba(49, 200, 231, 0.5);
	clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
	height: 65px;
	margin-inline: -12px;
	transform: rotate(30deg);
	width: 74px;
}

.kn-crossing span:nth-child(2) {
	background: var(--aeternum-cyan);
	box-shadow: 0 0 60px var(--aeternum-cyan);
	height: 38px;
	opacity: 0.8;
	width: 44px;
}

.kn-section {
	padding-block: clamp(4.5rem, 9vw, 8rem);
}

.kn-saga--aeternum h2 {
	font-size: clamp(3rem, 6.8vw, 6.2rem);
}

.kn-saga-world {
	background:
		radial-gradient(circle at 82% 30%, rgba(49, 200, 231, 0.14), transparent 28rem),
		#07171b;
}

.kn-saga-world__grid {
	align-items: start;
	display: grid;
	gap: clamp(2.5rem, 8vw, 8rem);
	grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr);
}

.kn-saga-world__copy {
	color: #c6c3ba;
	padding-top: 3rem;
}

.kn-tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	list-style: none;
	margin: 2rem 0 0;
	max-width: 100%;
	min-width: 0;
	padding: 0;
}

.kn-tag-list li {
	border: 1px solid rgba(49, 200, 231, 0.35);
	color: var(--aeternum-cyan);
	font-family: var(--kn-tech);
	font-size: 0.64rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
	padding: 0.5rem 0.65rem;
	text-transform: uppercase;
}

.kn-saga-library {
	background: #0b0e10;
}

.kn-section-heading {
	margin-bottom: clamp(2.8rem, 6vw, 5rem);
	max-width: 850px;
}

.kn-section-heading > p:last-child {
	color: var(--kn-muted);
	max-width: 62ch;
}

.kn-book-grid {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.kn-book-card {
	background: #10191c;
	border: 1px solid rgba(49, 200, 231, 0.18);
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: clamp(1rem, 2.4vw, 1.5rem);
	position: relative;
	transition: border-color 220ms ease, transform 220ms ease;
	grid-column: span 2;
}

.kn-book-card:nth-child(5) {
	grid-column: 2 / span 2;
}

.kn-book-card:hover {
	border-color: var(--aeternum-cyan);
	transform: translateY(-5px);
}

.kn-book-card--extra {
	background:
		linear-gradient(135deg, rgba(203, 161, 53, 0.11), transparent 42%),
		#13181a;
	border-color: rgba(203, 161, 53, 0.35);
}

.kn-book-card__cover {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 300px;
	text-decoration: none;
}

.kn-book-card__cover img {
	filter: drop-shadow(0 18px 15px rgba(0, 0, 0, 0.45));
	max-height: 300px;
	transition: transform 260ms ease;
	width: auto;
}

.kn-book-card:hover .kn-book-card__cover img {
	transform: scale(1.025);
}

.kn-book-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding-top: 1.1rem;
}

.kn-book-card__number,
.kn-lore-card__code {
	color: var(--aeternum-cyan);
	font-family: var(--kn-tech);
	font-size: 0.64rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	margin-bottom: 0.75rem;
	text-transform: uppercase;
}

.kn-book-card h3 {
	font-size: clamp(1.45rem, 2.2vw, 2rem);
	line-height: 1.02;
}

.kn-book-card__note {
	color: var(--kn-muted);
	font-size: 0.76rem;
	line-height: 1.45;
}

.kn-book-card__cta {
	border-top: 1px solid var(--kn-line);
	color: var(--kn-ivory);
	font-family: var(--kn-tech);
	font-size: 0.65rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	margin-top: auto;
	padding-top: 0.85rem;
	text-decoration: none;
	text-transform: uppercase;
}

.kn-book-card__cta:hover {
	color: var(--aeternum-cyan);
}

.kn-saga-inside {
	background:
		linear-gradient(rgba(49, 200, 231, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(49, 200, 231, 0.045) 1px, transparent 1px),
		var(--aeternum-deep);
	background-size: 64px 64px;
}

.kn-lore-grid {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(3, 1fr);
}

.kn-lore-card {
	background: rgba(4, 18, 22, 0.94);
	border: 1px solid rgba(49, 200, 231, 0.18);
	min-height: 360px;
	overflow: hidden;
	padding: clamp(1.5rem, 4vw, 3rem);
	position: relative;
}

.kn-lore-card::before {
	border: 1px solid rgba(49, 200, 231, 0.2);
	clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
	content: "";
	height: 190px;
	position: absolute;
	right: -70px;
	top: -65px;
	transform: rotate(30deg);
	width: 220px;
}

.kn-lore-card--central {
	background: linear-gradient(145deg, rgba(49, 200, 231, 0.18), rgba(4, 18, 22, 0.96) 58%);
}

.kn-lore-card__year {
	color: rgba(49, 200, 231, 0.12);
	font-family: var(--kn-display);
	font-size: clamp(6rem, 12vw, 10rem);
	font-weight: 900;
	line-height: 0.8;
	margin: 0;
	position: absolute;
	right: -0.08em;
	top: 0.14em;
}

.kn-lore-card h3 {
	font-size: clamp(2rem, 3.5vw, 3.25rem);
	margin-top: 3.5rem;
	max-width: 10ch;
}

.kn-lore-card > p:last-child {
	color: var(--kn-muted);
	max-width: 34ch;
}

.kn-saga-reviews {
	background:
		radial-gradient(circle at 18% 45%, rgba(49, 200, 231, 0.13), transparent 26rem),
		#080d0f;
	color: var(--kn-ivory);
	overflow: hidden;
}

.kn-review-heading {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.kn-review-heading h2 {
	font-size: clamp(2.8rem, 5.5vw, 5.2rem);
	white-space: nowrap;
}

.kn-review-marquee {
	overflow: hidden;
	padding-left: max(20px, calc((100vw - 1180px) / 2));
	padding-right: 0;
}

.kn-review-track {
	animation: kn-review-loop 84s linear infinite;
	display: flex;
	transform: translate3d(0, 0, 0);
	will-change: transform;
	width: max-content;
}

.kn-review-group {
	display: grid;
	flex: 0 0 auto;
	gap: 1rem;
	grid-template-columns: repeat(var(--kn-review-count, 7), minmax(340px, 430px));
	padding-right: 0;
}

.kn-review-marquee:hover .kn-review-track,
.kn-review-marquee:focus-within .kn-review-track {
	animation-play-state: paused;
}

.kn-review-card {
	background: linear-gradient(145deg, rgba(49, 200, 231, 0.08), rgba(8, 13, 15, 0.95) 60%);
	border: 1px solid rgba(49, 200, 231, 0.28);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0;
	min-height: 270px;
	padding: clamp(1.5rem, 3vw, 2.5rem);
	position: relative;
}

.kn-review-card::before {
	color: rgba(49, 200, 231, 0.32);
	content: "\"";
	font-family: Georgia, serif;
	font-size: 5rem;
	line-height: 1;
	position: absolute;
	right: 1.2rem;
	top: 0.5rem;
}

.kn-review-card p {
	font-size: clamp(1.05rem, 1.6vw, 1.28rem);
	line-height: 1.55;
	position: relative;
	z-index: 1;
}

.kn-review-card cite {
	color: var(--aeternum-cyan);
	font-family: var(--kn-tech);
	font-size: 0.65rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.kn-review-card__footer {
	align-items: end;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}

.kn-review-stars {
	color: var(--kn-gold);
	font-family: var(--kn-tech);
	font-size: 1.35rem;
	letter-spacing: 0.08em;
	line-height: 1;
	white-space: nowrap;
}

@keyframes kn-review-loop {
	to {
		transform: translate3d(-50%, 0, 0);
	}
}

.kn-saga-faq {
	background: #0b0e10;
}

.kn-saga-faq__grid {
	display: grid;
	gap: clamp(2.5rem, 8vw, 8rem);
	grid-template-columns: minmax(0, 0.72fr) minmax(360px, 1fr);
}

.kn-faq-list details {
	border-top: 1px solid rgba(49, 200, 231, 0.25);
	padding: 1.2rem 0;
}

.kn-faq-list details:last-child {
	border-bottom: 1px solid rgba(49, 200, 231, 0.25);
}

.kn-faq-list summary {
	cursor: pointer;
	font-family: var(--kn-display);
	font-size: clamp(1.25rem, 2.3vw, 1.75rem);
	font-weight: 800;
	line-height: 1.15;
	list-style: none;
	padding-left: 2.5rem;
	position: relative;
}

.kn-faq-list summary::-webkit-details-marker {
	display: none;
}

.kn-faq-list summary::after {
	color: var(--aeternum-cyan);
	content: "+";
	font-family: var(--kn-tech);
	position: absolute;
	left: 0;
	top: 0;
}

.kn-faq-list details[open] summary::after {
	content: "−";
}

.kn-faq-list details p {
	color: var(--kn-muted);
	margin: 1rem 0 0 2.5rem;
}

.kn-final-threshold {
	background:
		radial-gradient(circle at center, rgba(49, 200, 231, 0.24), transparent 35%),
		#06171b;
	min-height: 620px;
	overflow: hidden;
	position: relative;
}

.kn-final-threshold__portal {
	border: 1px solid rgba(49, 200, 231, 0.45);
	clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
	height: min(68vw, 720px);
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) rotate(30deg);
	width: min(78vw, 820px);
}

.kn-final-threshold__portal::before,
.kn-final-threshold__portal::after {
	border: 1px solid rgba(49, 200, 231, 0.24);
	clip-path: inherit;
	content: "";
	inset: 8%;
	position: absolute;
}

.kn-final-threshold__portal::after {
	inset: 18%;
}

.kn-final-threshold__content {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 500px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.kn-final-threshold__content h2 {
	max-width: 12ch;
}

.kn-final-threshold__content > p:not(.kn-eyebrow) {
	color: var(--kn-muted);
	max-width: 48ch;
}

.kn-actions--center {
	justify-content: center;
}

.kn-next-destination {
	align-items: center;
	display: flex;
	font-family: var(--kn-tech);
	font-size: 0.7rem;
	font-weight: 700;
	justify-content: space-between;
	letter-spacing: 0.05em;
	min-height: 110px;
	text-transform: uppercase;
}

.kn-next-destination p {
	margin: 0;
}

.kn-next-destination span {
	color: var(--kn-muted);
}

.kn-next-destination a {
	color: var(--aeternum-cyan);
	text-decoration: none;
}

@media (min-width: 901px) {
	.kn-saga-books {
		transform: translateY(-11%);
	}

	.kn-saga--valkiria .kn-saga-books--four {
		transform: translateY(-5%);
	}
}

@media (min-width: 901px) and (max-height: 820px) {
	.kn-world {
		padding-block: 1.5rem;
	}

	.kn-focus-portal {
		gap: 1.25rem 2.5rem;
		min-height: 540px;
		padding: 1.5rem 2.5rem;
	}

	.kn-world--single .kn-focus-portal {
		min-height: 500px;
	}

	.kn-world .kn-focus-world-title {
		margin-bottom: 1.2rem;
	}

	.kn-focus-copy h4 {
		font-size: clamp(2.5rem, 4.2vw, 4rem);
	}

	.kn-focus-visual {
		min-height: 320px;
	}

	.kn-focus-cover-link > img {
		max-height: 360px;
	}

	.kn-gutenberg-editable figure.kn-focus-cover-link {
		height: 360px;
	}

	.kn-portal-geometry {
		height: min(34vw, 380px);
		width: min(34vw, 380px);
	}

	.kn-focus-option {
		min-height: 64px;
	}

	.kn-focus-option img {
		height: 46px;
		width: 29px;
	}

	.kn-saga-hero__grid {
		padding-block: 2rem;
	}

	.kn-saga-hero__copy {
		align-self: start;
	}

	.kn-saga-hero__copy .kn-eyebrow {
		margin-bottom: 0.75rem;
	}

	.kn-saga-hero h1 {
		font-size: clamp(3.8rem, 6.5vw, 5.2rem);
		margin-bottom: 0.15em;
	}

	.kn-saga-hero__lead {
		font-size: 1.15rem;
		margin-bottom: 1rem;
	}

	.kn-saga-hero__copy > p:not(.kn-eyebrow, .kn-saga-hero__lead, .kn-saga-facts) {
		font-size: 1rem;
		line-height: 1.55;
		margin-bottom: 0.75rem;
	}

	.kn-saga-hero .kn-tag-list {
		margin: 1rem 0;
	}

	.kn-saga-facts {
		margin-bottom: 0.75rem;
	}

	.kn-threshold {
		max-height: 500px;
		max-width: 500px;
	}

	.kn-saga-books {
		height: 450px;
	}

	.kn-saga-books img {
		max-height: 440px;
	}
}

@media (max-width: 900px) {
	.kn-desktop-nav {
		display: none;
	}

	.kn-mobile-nav {
		display: block;
	}

	.kn-mobile-nav .kn-menu__worlds details {
		width: 100%;
	}

	.kn-mobile-nav .kn-menu__worlds summary {
		justify-content: space-between;
		padding: 0.8rem 0;
	}

	.kn-mobile-nav .kn-submenu {
		background: rgba(255, 255, 255, 0.025);
		border-color: var(--kn-line);
		box-shadow: none;
		left: auto;
		min-width: 0;
		padding: 0.25rem 0 0.5rem 0.8rem;
		position: static;
		width: 100%;
	}

	.kn-mobile-nav .kn-submenu::before {
		display: none;
	}

	.kn-mobile-nav .kn-submenu a {
		color: var(--kn-muted);
		padding: 0.58rem 0.75rem;
		white-space: normal;
	}

	.kn-mobile-nav .kn-menu a.kn-menu__cta {
		margin-top: 0.55rem;
		padding: 0.85rem 1rem;
		text-align: center;
	}

	.kn-mobile-nav .kn-language-switcher {
		border-left: 0;
		border-top: 1px solid var(--kn-line);
		margin-top: 0.85rem;
		padding: 1rem 0 0;
		width: 100%;
	}

	.kn-mobile-nav .kn-language-switcher summary {
		justify-content: space-between;
		padding: 0.8rem 0;
		width: 100%;
	}

	.kn-mobile-nav .kn-language-switcher__menu {
		background: rgba(255, 255, 255, 0.025);
		border-color: var(--kn-line);
		box-shadow: none;
		margin-top: 0.2rem;
		min-width: 0;
		padding: 0.25rem 0 0.25rem 0.8rem;
		position: static;
		width: 100%;
	}

	.kn-mobile-nav .kn-language-switcher__menu::before {
		display: none;
	}

	.kn-mobile-nav .kn-language-switcher__menu a {
		padding: 0.65rem 0.75rem;
	}

	.kn-hero-grid,
	.kn-world-grid,
	.kn-about-grid {
		grid-template-columns: 1fr;
	}

	.kn-hero__portrait {
		justify-self: center;
		margin-inline: auto;
		max-width: 640px;
		width: 100%;
	}

	.kn-world {
		min-height: auto;
	}

	.kn-world--reverse .kn-world__copy {
		order: initial;
	}

	.kn-world__copy {
		max-width: 680px;
	}

	.kn-portal-cluster {
		max-width: 560px;
	}

	.kn-focus-portal,
	.kn-world--reverse .kn-focus-portal {
		grid-template-areas:
			"heading"
			"visual"
			"selector"
			"details";
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.kn-world--single .kn-focus-portal {
		grid-template-areas:
			"heading"
			"visual"
			"details";
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.kn-focus-copy {
		display: contents;
	}

	.kn-focus-heading {
		grid-area: heading;
		position: relative;
		z-index: 2;
	}

	.kn-focus-details {
		grid-area: details;
		position: relative;
		z-index: 2;
	}

	.kn-focus-visual {
		min-height: 360px;
	}

	.kn-portal-geometry {
		height: min(68vw, 440px);
		width: min(68vw, 440px);
	}

	.kn-focus-selector {
		grid-auto-columns: minmax(96px, 118px);
		grid-auto-flow: column;
		grid-template-columns: unset;
		overflow-x: auto;
		padding: 0.4rem 0.2rem 0.9rem;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.kn-focus-selector::-webkit-scrollbar {
		display: none;
	}

	.kn-focus-option {
		display: flex;
		scroll-snap-align: start;
	}

	.kn-focus-option__title {
		display: none;
	}

	.kn-about-grid {
		gap: 3rem;
	}

	.kn-about__image {
		margin-inline: auto;
		max-width: 760px;
		width: 100%;
	}

	.kn-about__image img {
		aspect-ratio: 16 / 10;
		width: 100%;
	}

	.kn-about__copy {
		max-width: 720px;
	}

	.kn-site-footer__inner {
		align-items: start;
		grid-template-columns: 1fr;
	}

	.kn-footer-menu {
		flex-wrap: wrap;
	}

	.kn-saga-hero {
		min-height: auto;
	}

	.kn-saga-hero__grid,
	.kn-saga-world__grid,
	.kn-saga-faq__grid {
		grid-template-columns: 1fr;
	}

	.kn-saga-hero__grid {
		gap: 1.5rem;
	}

	.kn-threshold {
		justify-self: center;
		max-width: 560px;
		order: -1;
	}

	.kn-saga-hero__copy {
		max-width: 720px;
	}

	.kn-saga-world__copy {
		padding-top: 0;
	}

	.kn-book-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kn-book-card,
	.kn-book-card:nth-child(5) {
		grid-column: auto;
	}

	.kn-lore-grid {
		grid-template-columns: 1fr;
	}

	.kn-lore-card {
		min-height: 300px;
	}

	.kn-review-group {
		grid-template-columns: repeat(7, minmax(310px, 390px));
	}
}

@media (max-width: 600px) {
	:root {
		--kn-shell: calc(100vw - 28px);
	}

	body {
		font-size: 17px;
	}

	body.admin-bar .kn-site-header {
		top: 46px;
	}

	.kn-site-header__inner {
		min-height: 64px;
	}

	.kn-brand__mark {
		height: 32px;
		width: 32px;
	}

	.kn-brand__name {
		font-size: 1.15rem;
	}

	.kn-hero {
		padding: 2.8rem 0 4.5rem;
	}

	.kn-hero h1 {
		font-size: clamp(2.75rem, 12.5vw, 4rem);
	}

	.kn-hero__portrait {
		width: 100%;
	}

	.kn-photo-frame--portrait {
		max-width: 520px;
	}

	.kn-about {
		padding-block: 4rem;
	}

	.kn-destinations {
		padding-top: 2.5rem;
	}

	.kn-world {
		padding-block: 4.5rem;
	}

	.kn-world h3 {
		font-size: clamp(3rem, 16vw, 4.7rem);
	}

	.kn-focus-portal,
	.kn-world--reverse .kn-focus-portal,
	.kn-world--single .kn-focus-portal {
		gap: 1.2rem;
		margin-inline: -7px;
		padding: 1.35rem;
		width: calc(100% + 14px);
	}

	.kn-focus-visual {
		min-height: 310px;
	}

	.kn-focus-cover-link > img {
		max-height: min(335px, 43svh);
	}

	.kn-gutenberg-editable figure.kn-focus-cover-link {
		height: min(335px, 43svh);
	}

	.kn-portal-geometry {
		height: min(88vw, 380px);
		width: min(88vw, 380px);
	}

	.kn-world .kn-focus-world-title {
		margin-bottom: 1.25rem;
	}

	.kn-focus-copy h4 {
		font-size: clamp(2.35rem, 11vw, 3.5rem);
		margin-bottom: 0;
	}

	.kn-focus-selector {
		grid-auto-columns: 88px;
	}

	.kn-focus-option {
		flex-direction: column;
		gap: 0.35rem;
		justify-content: center;
		min-height: 100px;
	}

	.kn-portal-cluster {
		margin-inline: -5%;
		width: 110%;
	}

	.kn-portal-cluster .wp-block-image {
		opacity: 0.94;
	}

	.kn-portal-cluster .wp-block-image img {
		filter: saturate(0.92) brightness(0.92);
	}

	.kn-portal-core {
		height: 38%;
		left: 31%;
		top: 31%;
		width: 38%;
	}

	.kn-about__copy {
		font-size: 1.05rem;
	}

	.kn-about__image img {
		aspect-ratio: 4 / 5;
		object-position: 44% center;
	}

	.kn-about h2 {
		font-size: clamp(2.8rem, 13vw, 4rem);
	}

	.kn-about__actions .wp-block-button,
	.kn-about__actions .wp-block-button__link {
		width: 100%;
	}

	.kn-social-links {
		justify-content: flex-start;
	}

	.kn-saga-context {
		gap: 1rem;
		min-height: 46px;
	}

	.kn-saga-context a:last-child {
		text-align: right;
	}

	.kn-saga-hero__grid {
		padding-block: 1.3rem 3.5rem;
	}

	.kn-threshold {
		height: 350px;
		margin-top: -0.5rem;
		max-width: 390px;
	}

	.kn-saga-books {
		height: 330px;
		margin-inline: auto;
		width: calc(100% - 20px);
	}

	.kn-saga-books img {
		flex-basis: 36%;
		height: auto;
		margin-left: -27%;
		max-height: none;
		max-width: 36%;
		width: 36%;
	}

	.kn-saga-books img:nth-child(1) {
		left: 29%;
	}

	.kn-saga-books img:nth-child(2) {
		left: 15%;
	}

	.kn-saga-books img:nth-child(3) {
		left: 42%;
	}

	.kn-saga-books img:nth-child(4) {
		left: 6%;
	}

	.kn-saga-books img:nth-child(5) {
		left: 54%;
	}

	.kn-saga-books img:nth-child(6) {
		left: 0;
	}

	.kn-saga-books img:nth-child(7) {
		left: 62%;
	}

	.kn-saga--aeternum .kn-saga-books--blocked {
		transform: translateX(16px);
		width: calc(100% - 40px);
	}

	.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book {
		flex-basis: 34%;
		margin-left: -23%;
		max-width: 34%;
		width: 34%;
	}

	.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book:first-child {
		margin-left: 0;
	}

	.kn-threshold > p {
		display: none;
	}

	.kn-saga-hero h1 {
		font-size: clamp(3.15rem, 16vw, 4.5rem);
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	.kn-saga-hero__lead {
		font-size: 1.2rem;
	}

	.kn-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.kn-actions .kn-button,
	.kn-actions .kn-text-link {
		max-width: 100%;
		min-width: 0;
		overflow-wrap: anywhere;
		padding-inline: 0.8rem;
		text-align: center;
		white-space: normal;
		width: 100%;
	}

	.kn-crossing {
		height: 70px;
	}

	.kn-section {
		padding-block: 4.5rem;
	}

	.kn-saga--aeternum h2 {
		font-size: clamp(2.75rem, 14vw, 4rem);
	}

	.kn-book-grid {
		grid-template-columns: 1fr;
	}

	.kn-book-card {
		display: grid;
		gap: 0.8rem 1rem;
		grid-template-columns: minmax(110px, 0.75fr) minmax(0, 1.25fr);
		padding: 1rem;
	}

	.kn-book-card__cover {
		grid-row: 1 / 2;
		min-height: 0;
	}

	.kn-book-card__cover img {
		max-height: 215px;
	}

	.kn-book-card__body {
		justify-content: center;
		padding-top: 0.35rem;
		text-align: center;
	}

	.kn-book-card h3 {
		font-size: clamp(1.5rem, 7vw, 2rem);
	}

	.kn-book-card__cta {
		font-size: 0.68rem;
		margin-top: 1.15rem;
	}

	.kn-lore-card {
		min-height: 280px;
	}

	.kn-review-card {
		min-height: 250px;
		padding: 1.4rem;
	}

	.kn-review-heading h2 {
		white-space: normal;
	}

	.kn-review-marquee {
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-inline: contain;
		overflow-x: auto;
		padding-left: 14px;
		padding-right: 0;
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		touch-action: pan-x;
	}

	.kn-review-marquee::-webkit-scrollbar {
		display: none;
	}

	.kn-review-track {
		animation: none;
	}

	.kn-review-group {
		grid-template-columns: repeat(7, calc(100vw - 82px));
	}

	.kn-review-group[aria-hidden="true"] {
		display: none;
	}

	.kn-review-card {
		scroll-snap-align: center;
	}

	.kn-faq-list details p {
		margin-right: 1.25rem;
	}

	.kn-final-threshold {
		min-height: 570px;
	}

	.kn-final-threshold__portal {
		height: 90vw;
		width: 105vw;
	}

	.kn-next-destination {
		align-items: flex-start;
		flex-direction: column;
		gap: 1.25rem;
		justify-content: center !important;
		min-height: 0;
		padding-block: 2rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.kn-review-marquee {
		overflow-x: auto;
		scrollbar-width: thin;
	}

	.kn-review-track {
		animation: none;
	}

	.kn-review-group[aria-hidden="true"] {
		display: none;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* Shared saga variants: Atlas and Valkiria Kross. */
.kn-saga--atlas {
	--saga-accent: #f02f62;
	--saga-accent-rgb: 240, 47, 98;
	--saga-deep: #100d15;
	--saga-panel: #171117;
	background: linear-gradient(180deg, var(--saga-deep) 0, #0f1015 34rem, var(--kn-ink) 66rem);
}

.kn-saga--valkiria {
	--saga-accent: #4b8f96;
	--saga-accent-rgb: 75, 143, 150;
	--saga-deep: #08131b;
	--saga-panel: #0e1923;
	background: linear-gradient(180deg, var(--saga-deep) 0, #0b1017 34rem, var(--kn-ink) 66rem);
}

.kn-saga--zenesis {
	--saga-accent: #fa3e0b;
	--saga-accent-rgb: 250, 62, 11;
	--saga-deep: #171513;
	--saga-panel: #211d1a;
	background:
		repeating-linear-gradient(112deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 13px),
		linear-gradient(180deg, var(--saga-deep) 0, #111111 34rem, var(--kn-ink) 66rem);
}

.kn-saga--atlas .kn-eyebrow,
.kn-saga--valkiria .kn-eyebrow,
.kn-saga--zenesis .kn-eyebrow,
.kn-saga--atlas .kn-book-card__number,
.kn-saga--valkiria .kn-book-card__number,
.kn-saga--atlas .kn-lore-card__code,
.kn-saga--valkiria .kn-lore-card__code,
.kn-saga--zenesis .kn-lore-card__code,
.kn-saga--atlas .kn-review-card cite,
.kn-saga--valkiria .kn-review-card cite,
.kn-saga--zenesis .kn-review-card cite,
.kn-saga--atlas .kn-next-destination a,
.kn-saga--valkiria .kn-next-destination a,
.kn-saga--zenesis .kn-next-destination a {
	color: var(--saga-accent);
}

.kn-saga--atlas h2,
.kn-saga--valkiria h2,
.kn-saga--zenesis h2 {
	font-size: clamp(3rem, 6.8vw, 6.2rem);
}

.kn-saga--atlas .kn-saga-hero,
.kn-saga--valkiria .kn-saga-hero,
.kn-saga--zenesis .kn-saga-hero {
	border-block-color: rgba(var(--saga-accent-rgb), 0.2);
}

.kn-saga--atlas .kn-saga-hero::before,
.kn-saga--valkiria .kn-saga-hero::before,
.kn-saga--zenesis .kn-saga-hero::before {
	background:
		linear-gradient(rgba(var(--saga-accent-rgb), 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--saga-accent-rgb), 0.045) 1px, transparent 1px);
	background-size: 72px 72px;
}

.kn-saga--atlas .kn-saga-hero h1 {
	font-size: clamp(3.6rem, 6vw, 5.75rem);
}

.kn-saga--valkiria .kn-saga-hero h1 {
	font-size: clamp(4rem, 6.7vw, 6.4rem);
}

.kn-saga--zenesis .kn-saga-hero {
	min-height: 720px;
}

.kn-saga--zenesis .kn-saga-hero h1 {
	font-size: clamp(4.2rem, 7.2vw, 6.8rem);
}

.kn-saga--atlas .kn-saga-facts,
.kn-saga--valkiria .kn-saga-facts,
.kn-saga--zenesis .kn-saga-facts {
	border-left-color: var(--saga-accent);
}

.kn-button--saga {
	background: var(--saga-accent);
	border-color: var(--saga-accent);
}

.kn-button--saga:hover {
	background: transparent;
	color: var(--saga-accent);
}

.kn-button--saga:focus-within {
	background: transparent;
}

.kn-saga .kn-button--saga .wp-block-button__link {
	background: var(--saga-accent);
	border: 1px solid var(--saga-accent);
	color: var(--kn-ink);
}

.kn-saga .kn-button--saga .wp-block-button__link:hover,
.kn-saga .kn-button--saga .wp-block-button__link:focus-visible {
	background: transparent;
	border-color: var(--saga-accent);
	color: var(--saga-accent);
}

.kn-saga--atlas .kn-threshold:focus-visible,
.kn-saga--valkiria .kn-threshold:focus-visible,
.kn-saga--zenesis .kn-threshold:focus-visible {
	outline-color: var(--saga-accent);
}

.kn-saga--atlas .kn-threshold::before,
.kn-saga--valkiria .kn-threshold::before,
.kn-saga--zenesis .kn-threshold::before {
	background: linear-gradient(135deg, var(--saga-accent), transparent 52%, var(--saga-accent));
}

.kn-saga--atlas .kn-threshold::after,
.kn-saga--valkiria .kn-threshold::after,
.kn-saga--zenesis .kn-threshold::after {
	background: var(--saga-deep);
}

.kn-saga--atlas .kn-threshold__halo--outer,
.kn-saga--valkiria .kn-threshold__halo--outer,
.kn-saga--zenesis .kn-threshold__halo--outer {
	border-color: rgba(var(--saga-accent-rgb), 0.38);
}

.kn-saga--atlas .kn-threshold__halo--inner,
.kn-saga--valkiria .kn-threshold__halo--inner,
.kn-saga--zenesis .kn-threshold__halo--inner {
	background: radial-gradient(circle, rgba(var(--saga-accent-rgb), 0.22), transparent 68%);
}

.kn-saga--atlas .kn-tag-list li,
.kn-saga--valkiria .kn-tag-list li,
.kn-saga--zenesis .kn-tag-list li {
	border-color: rgba(var(--saga-accent-rgb), 0.38);
	color: var(--saga-accent);
}

.kn-saga--atlas .kn-book-card,
.kn-saga--valkiria .kn-book-card {
	background: color-mix(in srgb, var(--saga-panel) 82%, #10191c);
	border-color: rgba(var(--saga-accent-rgb), 0.22);
}

.kn-saga--atlas .kn-book-card:hover,
.kn-saga--valkiria .kn-book-card:hover {
	border-color: var(--saga-accent);
}

.kn-saga--atlas .kn-book-card__cta:hover,
.kn-saga--valkiria .kn-book-card__cta:hover {
	color: var(--saga-accent);
}

.kn-saga--atlas .kn-saga-inside,
.kn-saga--valkiria .kn-saga-inside,
.kn-saga--zenesis .kn-saga-inside {
	background:
		linear-gradient(rgba(var(--saga-accent-rgb), 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--saga-accent-rgb), 0.045) 1px, transparent 1px),
		var(--saga-deep);
	background-size: 64px 64px;
}

.kn-saga--atlas .kn-lore-card,
.kn-saga--valkiria .kn-lore-card,
.kn-saga--zenesis .kn-lore-card {
	background: color-mix(in srgb, var(--saga-deep) 94%, black);
	border-color: rgba(var(--saga-accent-rgb), 0.2);
}

.kn-saga--atlas .kn-lore-card::before,
.kn-saga--valkiria .kn-lore-card::before,
.kn-saga--zenesis .kn-lore-card::before {
	border-color: rgba(var(--saga-accent-rgb), 0.24);
}

.kn-saga--atlas .kn-lore-card--central,
.kn-saga--valkiria .kn-lore-card--central,
.kn-saga--zenesis .kn-lore-card--central {
	background: linear-gradient(145deg, rgba(var(--saga-accent-rgb), 0.18), var(--saga-deep) 58%);
}

.kn-saga--atlas .kn-saga-reviews,
.kn-saga--valkiria .kn-saga-reviews,
.kn-saga--zenesis .kn-saga-reviews {
	background:
		radial-gradient(circle at 18% 45%, rgba(var(--saga-accent-rgb), 0.13), transparent 26rem),
		#080d0f;
}

.kn-saga--atlas .kn-review-card,
.kn-saga--valkiria .kn-review-card,
.kn-saga--zenesis .kn-review-card {
	background: linear-gradient(145deg, rgba(var(--saga-accent-rgb), 0.08), rgba(8, 13, 15, 0.95) 60%);
	border-color: rgba(var(--saga-accent-rgb), 0.3);
}

.kn-saga--atlas .kn-review-card::before,
.kn-saga--valkiria .kn-review-card::before,
.kn-saga--zenesis .kn-review-card::before {
	color: rgba(var(--saga-accent-rgb), 0.34);
}

.kn-saga--atlas .kn-faq-list details,
.kn-saga--valkiria .kn-faq-list details,
.kn-saga--zenesis .kn-faq-list details {
	border-color: rgba(var(--saga-accent-rgb), 0.28);
}

.kn-saga--atlas .kn-faq-list summary::after,
.kn-saga--valkiria .kn-faq-list summary::after,
.kn-saga--zenesis .kn-faq-list summary::after {
	color: var(--saga-accent);
}

.kn-saga--atlas .kn-final-threshold,
.kn-saga--valkiria .kn-final-threshold,
.kn-saga--zenesis .kn-final-threshold {
	background:
		radial-gradient(circle at center, rgba(var(--saga-accent-rgb), 0.24), transparent 35%),
		var(--saga-deep);
}

.kn-saga--atlas .kn-final-threshold__portal,
.kn-saga--valkiria .kn-final-threshold__portal,
.kn-saga--zenesis .kn-final-threshold__portal {
	border-color: rgba(var(--saga-accent-rgb), 0.48);
}

.kn-saga--atlas .kn-final-threshold__portal::before,
.kn-saga--atlas .kn-final-threshold__portal::after,
.kn-saga--valkiria .kn-final-threshold__portal::before,
.kn-saga--valkiria .kn-final-threshold__portal::after,
.kn-saga--zenesis .kn-final-threshold__portal::before,
.kn-saga--zenesis .kn-final-threshold__portal::after {
	border-color: rgba(var(--saga-accent-rgb), 0.26);
}

.kn-threshold--single {
	height: 540px;
}

.kn-saga-single-book {
	filter: drop-shadow(0 28px 24px rgba(0, 0, 0, 0.55));
	max-height: 475px;
	object-fit: contain;
	position: relative;
	transition: transform 300ms ease;
	width: auto;
	z-index: 3;
}

.kn-threshold--single:hover .kn-saga-single-book,
.kn-threshold--single:focus-visible .kn-saga-single-book {
	transform: translateY(-8px) scale(1.025);
}

figure.kn-saga-single-book {
	height: 475px;
	margin: 0;
	max-width: 100%;
	width: fit-content;
}

figure.kn-saga-single-book > a {
	display: block;
	height: 100%;
}

figure.kn-saga-single-book > a > img {
	display: block;
	height: 100% !important;
	max-height: 100%;
	object-fit: contain;
	width: auto;
}

.kn-saga--zenesis .kn-review-group {
	--kn-review-count: 6;
}

/* Native Gutenberg structure used by the editable Atlas pilot. */
.kn-saga--atlas .kn-review-group {
	--kn-review-count: 6;
}

.kn-saga-books--blocked .kn-saga-book {
	flex: 0 0 42%;
	margin: 0 0 0 -27.5%;
	max-width: 42%;
	position: relative;
	transform-origin: center bottom;
	transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
	width: 42%;
}

.kn-saga-books--blocked .kn-saga-book:first-child {
	margin-left: 0;
}

.kn-saga-books--blocked .kn-saga-book a {
	display: block;
}

.kn-saga-books--blocked .kn-saga-book img {
	display: block;
	flex: none;
	margin: 0;
	max-width: 100%;
	transform: none !important;
	width: 100%;
}

.kn-saga-books--blocked .kn-saga-book--1 { transform: translateY(0) rotate(-7deg) scale(1); z-index: 10; }
.kn-saga-books--blocked .kn-saga-book--2 { transform: translateY(-25px) rotate(-3deg) scale(0.92); z-index: 4; }
.kn-saga-books--blocked .kn-saga-book--3 { transform: translateY(-50px) rotate(1deg) scale(0.85); z-index: 3; }
.kn-saga-books--blocked .kn-saga-book--4 { transform: translateY(-75px) rotate(5deg) scale(0.78); z-index: 2; }
.kn-saga-books--blocked .kn-saga-book--5 { transform: translateY(-100px) rotate(9deg) scale(0.71); z-index: 1; }

.kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--1 { transform: translate(-7px, -7px) rotate(-8deg) scale(1.02); }
.kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--2 { transform: translate(-3px, -30px) rotate(-4deg) scale(0.92); }
.kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--3 { transform: translate(0, -55px) rotate(1deg) scale(0.85); }
.kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--4 { transform: translate(4px, -80px) rotate(6deg) scale(0.78); }
.kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--5 { transform: translate(8px, -105px) rotate(10deg) scale(0.71); }

.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book {
	flex-basis: 38%;
	margin-left: -26.3%;
	max-width: 38%;
	width: 38%;
}

.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book:first-child {
	margin-left: 0;
}

.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book--1 { transform: translateY(0) rotate(-8deg) scale(1); z-index: 10; }
.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book--2 { transform: translateY(-22px) rotate(-5deg) scale(0.94); z-index: 1; }
.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book--3 { transform: translateY(-44px) rotate(-2deg) scale(0.9); z-index: 2; }
.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book--4 { transform: translateY(-66px) rotate(2deg) scale(0.86); z-index: 3; }
.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book--5 { transform: translateY(-88px) rotate(5deg) scale(0.82); z-index: 4; }
.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book--6 { transform: translateY(-110px) rotate(8deg) scale(0.78); z-index: 5; }
.kn-saga--aeternum .kn-saga-books--blocked .kn-saga-book--7 { transform: translateY(-132px) rotate(11deg) scale(0.74); z-index: 6; }

.kn-saga--aeternum .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--1 { transform: translate(-8px, -8px) rotate(-9deg) scale(1.02); }
.kn-saga--aeternum .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--2 { transform: translate(-5px, -27px) rotate(-6deg) scale(0.94); }
.kn-saga--aeternum .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--3 { transform: translate(-2px, -49px) rotate(-3deg) scale(0.9); }
.kn-saga--aeternum .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--4 { transform: translate(2px, -71px) rotate(3deg) scale(0.86); }
.kn-saga--aeternum .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--5 { transform: translate(5px, -93px) rotate(6deg) scale(0.82); }
.kn-saga--aeternum .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--6 { transform: translate(8px, -115px) rotate(9deg) scale(0.78); }
.kn-saga--aeternum .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--7 { transform: translate(11px, -137px) rotate(12deg) scale(0.74); }

.kn-saga--valkiria .kn-saga-books--blocked .kn-saga-book {
	flex-basis: 46%;
	margin-left: -28%;
	max-width: 46%;
	width: 46%;
}

.kn-saga--valkiria .kn-saga-books--blocked .kn-saga-book:first-child {
	margin-left: 0;
}

.kn-saga--valkiria .kn-saga-books--blocked .kn-saga-book--1 { transform: translateY(0) rotate(-7deg) scale(1); z-index: 10; }
.kn-saga--valkiria .kn-saga-books--blocked .kn-saga-book--2 { transform: translateY(-30px) rotate(-2deg) scale(0.9); z-index: 3; }
.kn-saga--valkiria .kn-saga-books--blocked .kn-saga-book--3 { transform: translateY(-60px) rotate(4deg) scale(0.81); z-index: 2; }
.kn-saga--valkiria .kn-saga-books--blocked .kn-saga-book--4 { transform: translateY(-90px) rotate(9deg) scale(0.72); z-index: 1; }

.kn-saga--valkiria .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--1 { transform: translate(-7px, -7px) rotate(-8deg) scale(1.02); }
.kn-saga--valkiria .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--2 { transform: translate(-2px, -35px) rotate(-3deg) scale(0.9); }
.kn-saga--valkiria .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--3 { transform: translate(4px, -65px) rotate(5deg) scale(0.81); }
.kn-saga--valkiria .kn-threshold:hover .kn-saga-books--blocked .kn-saga-book--4 { transform: translate(9px, -95px) rotate(10deg) scale(0.72); }

.kn-book-card .kn-book-card__cover {
	margin: 0;
}

.kn-book-card--linked {
	cursor: pointer;
}

.kn-book-card__cta a {
	color: inherit;
	text-decoration: none;
}

.kn-review-card .kn-review-card__author {
	color: var(--saga-accent, var(--aeternum-cyan));
	font-family: var(--kn-tech);
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	margin: 0;
	text-transform: uppercase;
}

.kn-review-card .kn-review-stars {
	color: var(--kn-gold);
	font-family: var(--kn-tech);
	font-size: 1.35rem;
	letter-spacing: 0.08em;
	line-height: 1;
	margin: 0;
	white-space: nowrap;
}

/* The first title remains dominant while shorter series retain a balanced fan. */
.kn-saga-books--five img {
	flex-basis: 42%;
	margin-left: -27.5%;
	max-width: 42%;
	width: 42%;
}

.kn-saga-books--five img:nth-child(1) { transform: translateY(0) rotate(-7deg) scale(1); z-index: 10; }
.kn-saga-books--five img:nth-child(2) { transform: translateY(-25px) rotate(-3deg) scale(0.92); z-index: 4; }
.kn-saga-books--five img:nth-child(3) { transform: translateY(-50px) rotate(1deg) scale(0.85); z-index: 3; }
.kn-saga-books--five img:nth-child(4) { transform: translateY(-75px) rotate(5deg) scale(0.78); z-index: 2; }
.kn-saga-books--five img:nth-child(5) { transform: translateY(-100px) rotate(9deg) scale(0.71); z-index: 1; }

.kn-threshold:hover .kn-saga-books--five img:nth-child(1) { transform: translate(-7px, -7px) rotate(-8deg) scale(1.02); }
.kn-threshold:hover .kn-saga-books--five img:nth-child(2) { transform: translate(-3px, -30px) rotate(-4deg) scale(0.92); }
.kn-threshold:hover .kn-saga-books--five img:nth-child(3) { transform: translate(0, -55px) rotate(1deg) scale(0.85); }
.kn-threshold:hover .kn-saga-books--five img:nth-child(4) { transform: translate(4px, -80px) rotate(6deg) scale(0.78); }
.kn-threshold:hover .kn-saga-books--five img:nth-child(5) { transform: translate(8px, -105px) rotate(10deg) scale(0.71); }

.kn-saga-books--four img {
	flex-basis: 46%;
	margin-left: -28%;
	max-width: 46%;
	width: 46%;
}

.kn-saga-books--four img:nth-child(1) { transform: translateY(0) rotate(-7deg) scale(1); z-index: 10; }
.kn-saga-books--four img:nth-child(2) { transform: translateY(-30px) rotate(-2deg) scale(0.9); z-index: 3; }
.kn-saga-books--four img:nth-child(3) { transform: translateY(-60px) rotate(4deg) scale(0.81); z-index: 2; }
.kn-saga-books--four img:nth-child(4) { transform: translateY(-90px) rotate(9deg) scale(0.72); z-index: 1; }

.kn-threshold:hover .kn-saga-books--four img:nth-child(1) { transform: translate(-7px, -7px) rotate(-8deg) scale(1.02); }
.kn-threshold:hover .kn-saga-books--four img:nth-child(2) { transform: translate(-2px, -35px) rotate(-3deg) scale(0.9); }
.kn-threshold:hover .kn-saga-books--four img:nth-child(3) { transform: translate(4px, -65px) rotate(5deg) scale(0.81); }
.kn-threshold:hover .kn-saga-books--four img:nth-child(4) { transform: translate(9px, -95px) rotate(10deg) scale(0.72); }

.kn-book-grid--five {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.kn-book-grid--five .kn-book-card:nth-child(4) {
	grid-column: 2 / span 2;
}

.kn-book-grid--five .kn-book-card:nth-child(5) {
	grid-column: 4 / span 2;
}

.kn-book-card--future {
	cursor: default;
	opacity: 0.74;
}

.kn-book-card--future:hover {
	transform: none;
}

.kn-book-card__cover--disabled img {
	filter: grayscale(0.35) blur(1px) drop-shadow(0 18px 15px rgba(0, 0, 0, 0.45));
}

.kn-saga--aeternum .kn-book-card__cover--disabled img {
	filter: drop-shadow(0 18px 15px rgba(0, 0, 0, 0.45));
}

.kn-book-card__cta--disabled {
	color: var(--kn-muted);
	cursor: default;
}

.kn-book-card__cta--disabled:hover,
.kn-book-card__cta--disabled:focus-visible {
	color: var(--kn-muted);
}

.kn-saga--atlas .kn-book-card--future:hover {
	border-color: rgba(var(--saga-accent-rgb), 0.22);
}

.kn-saga--atlas .kn-book-card__cta--disabled:hover {
	color: var(--kn-muted);
}

.kn-book-card__excerpt {
	color: var(--kn-muted);
	font-size: 0.98rem;
	line-height: 1.5;
}

.kn-book-card--case {
	min-height: 650px;
}

@media (min-width: 901px) and (max-height: 820px) {
	.kn-saga--atlas .kn-saga-hero h1,
	.kn-saga--valkiria .kn-saga-hero h1,
	.kn-saga--zenesis .kn-saga-hero h1 {
		font-size: clamp(3.3rem, 5.2vw, 4.75rem);
	}
}

@media (min-width: 901px) and (max-height: 950px) {
	.kn-saga--atlas .kn-saga-hero__grid,
	.kn-saga--valkiria .kn-saga-hero__grid,
	.kn-saga--zenesis .kn-saga-hero__grid {
		padding-block: 1.65rem;
	}

	.kn-saga--atlas .kn-saga-hero h1,
	.kn-saga--valkiria .kn-saga-hero h1,
	.kn-saga--zenesis .kn-saga-hero h1 {
		font-size: clamp(3.35rem, 5vw, 4.55rem);
		margin-bottom: 0.12em;
	}

	.kn-saga--atlas .kn-saga-hero__lead,
	.kn-saga--valkiria .kn-saga-hero__lead,
	.kn-saga--zenesis .kn-saga-hero__lead {
		font-size: 1.2rem;
		line-height: 1.25;
		margin-bottom: 0.7rem;
	}

	.kn-saga--atlas .kn-saga-hero__copy > p:not(.kn-eyebrow, .kn-saga-hero__lead, .kn-saga-facts),
	.kn-saga--valkiria .kn-saga-hero__copy > p:not(.kn-eyebrow, .kn-saga-hero__lead, .kn-saga-facts),
	.kn-saga--zenesis .kn-saga-hero__copy > p:not(.kn-eyebrow, .kn-saga-hero__lead, .kn-saga-facts) {
		font-size: 0.94rem;
		line-height: 1.45;
		margin-bottom: 0.55rem;
	}

	.kn-saga--atlas .kn-saga-hero .kn-tag-list,
	.kn-saga--valkiria .kn-saga-hero .kn-tag-list,
	.kn-saga--zenesis .kn-saga-hero .kn-tag-list {
		margin-block: 0.75rem;
	}

	.kn-saga--atlas .kn-saga-hero .kn-tag-list li,
	.kn-saga--valkiria .kn-saga-hero .kn-tag-list li,
	.kn-saga--zenesis .kn-saga-hero .kn-tag-list li {
		font-size: 0.58rem;
		padding: 0.42rem 0.55rem;
	}

	.kn-saga--atlas .kn-saga-facts,
	.kn-saga--valkiria .kn-saga-facts,
	.kn-saga--zenesis .kn-saga-facts {
		margin-block: 0.55rem 0.7rem;
	}

	.kn-saga--atlas .kn-saga-hero .kn-button,
	.kn-saga--valkiria .kn-saga-hero .kn-button,
	.kn-saga--zenesis .kn-saga-hero .kn-button {
		padding-block: 0.85rem;
	}

	.kn-saga--zenesis .kn-threshold--single {
		height: 500px;
	}

	.kn-saga--zenesis .kn-saga-single-book {
		max-height: 430px;
	}
}

@media (max-width: 900px) {
	.kn-book-grid--five {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kn-book-grid--five .kn-book-card:nth-child(4),
	.kn-book-grid--five .kn-book-card:nth-child(5) {
		grid-column: auto;
	}

	.kn-book-card--case {
		min-height: 0;
	}

	.kn-saga--zenesis .kn-review-group {
		grid-template-columns: repeat(6, minmax(310px, 390px));
	}
}

@media (max-width: 600px) {
	.kn-saga--atlas h2,
	.kn-saga--valkiria h2,
	.kn-saga--zenesis h2 {
		font-size: clamp(2.65rem, 13vw, 4rem);
	}

	.kn-saga--atlas .kn-saga-hero h1 {
		font-size: clamp(2.8rem, 13vw, 4rem);
		line-height: 0.9;
		overflow-wrap: normal;
	}

	.kn-saga--valkiria .kn-saga-hero h1 {
		font-size: clamp(3rem, 14vw, 4.2rem);
		line-height: 0.9;
		overflow-wrap: normal;
	}

	.kn-saga--zenesis .kn-saga-hero h1 {
		font-size: clamp(3.1rem, 15vw, 4.25rem);
		line-height: 0.9;
		overflow-wrap: normal;
	}

	.kn-saga--zenesis .kn-threshold--single {
		height: 350px;
	}

	.kn-saga--zenesis .kn-saga-single-book {
		max-height: 315px;
	}

	.kn-saga--zenesis .kn-review-group {
		grid-template-columns: repeat(6, calc(100vw - 82px));
	}

	.kn-saga-books--five img {
		flex-basis: 42%;
		margin-left: -28%;
		max-width: 42%;
		width: 42%;
	}

	.kn-saga-books--blocked .kn-saga-book {
		flex-basis: 42%;
		margin-left: -28%;
		max-width: 42%;
		width: 42%;
	}

	.kn-saga-books--blocked .kn-saga-book:first-child {
		margin-left: 0;
	}

	.kn-saga-books--four img {
		flex-basis: 47%;
		margin-left: -29%;
		max-width: 47%;
		width: 47%;
	}

	.kn-saga--valkiria .kn-saga-books--four {
		transform: translateX(4%);
		width: calc(100% - 32px);
	}

	.kn-book-grid--five {
		grid-template-columns: 1fr;
	}

	.kn-book-card__excerpt {
		font-size: 0.9rem;
		margin-block: 0.55rem 0.25rem;
	}

	.kn-book-card--case {
		align-items: center;
	}
}

/* About page */
.kn-about-page {
	background: #090a0b;
	color: var(--kn-ivory);
	overflow: hidden;
}

.kn-about-page h1,
.kn-about-page h2,
.kn-about-page h3 {
	color: var(--kn-ivory);
}

.kn-about-hero {
	background:
		linear-gradient(rgba(203, 161, 53, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(203, 161, 53, 0.035) 1px, transparent 1px),
		radial-gradient(circle at 79% 42%, rgba(203, 161, 53, 0.16), transparent 31rem),
		linear-gradient(145deg, #10110f, #08090a 70%);
	background-size: 90px 90px, 90px 90px, auto, auto;
	border-bottom: 1px solid var(--kn-line);
	padding: clamp(4rem, 7vw, 7rem) 0 clamp(5rem, 9vw, 8rem);
}

.kn-about-hero__grid {
	align-items: center;
	display: grid;
	gap: clamp(3rem, 6vw, 6rem);
	grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
}

.kn-about-hero__copy h1 {
	font-size: clamp(3.35rem, 5.7vw, 6rem);
	line-height: 0.96;
	max-width: 13ch;
}

.kn-about-hero__copy > p:not(.kn-eyebrow) {
	color: var(--kn-muted);
	font-size: clamp(1rem, 1.24vw, 1.13rem);
	line-height: 1.72;
	max-width: 66ch;
}

.kn-about-hero__copy > p:nth-of-type(2) {
	color: var(--kn-ivory);
	font-size: clamp(1.08rem, 1.45vw, 1.22rem);
}

.kn-about-hero__figure {
	justify-self: end;
	margin: 0;
	max-width: 520px;
	position: relative;
	width: 100%;
}

.kn-about-hero__figure img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: 45% center;
	width: 100%;
}

.kn-about-hero__figure figcaption {
	color: var(--kn-muted);
	font-family: var(--kn-tech);
	font-size: 0.65rem;
	letter-spacing: 0.08em;
	margin-top: 1.15rem;
	text-align: center;
	text-transform: uppercase;
}

.kn-about-video {
	background:
		linear-gradient(110deg, rgba(203, 161, 53, 0.075), transparent 32%, transparent 68%, rgba(203, 161, 53, 0.075)),
		#070809;
	border-bottom: 1px solid rgba(203, 161, 53, 0.3);
	border-top: 1px solid rgba(203, 161, 53, 0.3);
	isolation: isolate;
	overflow: hidden;
	padding-block: clamp(4.5rem, 7vw, 6.5rem);
	position: relative;
}

.kn-about-video__inner {
	max-width: 1100px;
	position: relative;
	z-index: 1;
}

.kn-about-video__heading {
	margin: 0 auto clamp(2rem, 4vw, 3rem);
	max-width: 760px;
	text-align: center;
}

.kn-about-video__heading h2 {
	font-size: clamp(2.5rem, 5vw, 4.8rem);
}

.kn-about-video__heading > p:last-child {
	color: var(--kn-muted);
	font-size: clamp(1rem, 1.35vw, 1.16rem);
	margin-inline: auto;
	max-width: 64ch;
}

.kn-about-video__parenthesis {
	color: var(--kn-gold);
	font-family: Georgia, serif;
	font-size: clamp(18rem, 34vw, 34rem);
	font-weight: 400;
	line-height: 0.7;
	opacity: 0.055;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}

.kn-about-video__parenthesis--open {
	left: -0.04em;
}

.kn-about-video__parenthesis--close {
	right: -0.04em;
}

.wp-block-group.kn-about-video__parenthesis::before {
	content: "(";
}

.wp-block-group.kn-about-video__parenthesis--close::before {
	content: ")";
}

.kn-video-shell {
	aspect-ratio: 16 / 9;
	background: #000;
	border: 1px solid rgba(203, 161, 53, 0.56);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.48);
	margin-inline: auto;
	max-width: 960px;
	position: relative;
}

.kn-video-shell::before,
.kn-video-shell::after {
	border-color: var(--kn-gold);
	border-style: solid;
	content: "";
	height: 42px;
	pointer-events: none;
	position: absolute;
	width: 42px;
	z-index: 3;
}

.kn-video-shell::before {
	border-width: 2px 0 0 2px;
	left: -9px;
	top: -9px;
}

.kn-video-shell::after {
	border-width: 0 2px 2px 0;
	bottom: -9px;
	right: -9px;
}

.kn-video-facade {
	background: #000;
	border: 0;
	color: var(--kn-ivory);
	cursor: pointer;
	height: 100%;
	inset: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 100%;
}

.kn-video-facade img,
.kn-video-shell iframe {
	border: 0;
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.kn-video-facade__shade {
	background:
		linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.74)),
		radial-gradient(circle, transparent 22%, rgba(0, 0, 0, 0.26));
	inset: 0;
	position: absolute;
}

.kn-video-facade__play {
	align-items: center;
	background: var(--kn-gold);
	clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
	color: var(--kn-ink);
	display: flex;
	font-size: 1.25rem;
	height: 86px;
	justify-content: center;
	left: 50%;
	padding-left: 0.2rem;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: background 160ms ease, transform 160ms ease;
	width: 86px;
}

.kn-video-facade:hover .kn-video-facade__play,
.kn-video-facade:focus-visible .kn-video-facade__play {
	background: var(--kn-ivory);
	color: var(--kn-ink);
	transform: translate(-50%, -50%) scale(1.07);
}

.kn-video-facade__label {
	bottom: 1.4rem;
	font-family: var(--kn-tech);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	position: absolute;
	right: 1.5rem;
	text-transform: uppercase;
}

.kn-about-decision {
	background:
		linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),
		#0d0f10;
	background-size: 110px 110px;
	padding-block: clamp(5rem, 9vw, 9rem);
}

.kn-about-reading {
	max-width: 980px;
}

.kn-about-reading .kn-section-heading {
	max-width: 880px;
}

.kn-about-reading .kn-section-heading h2 {
	font-size: clamp(3rem, 5.6vw, 5.6rem);
}

.kn-about-reading__body {
	color: var(--kn-muted);
	font-size: clamp(1.05rem, 1.45vw, 1.2rem);
	margin-left: auto;
	max-width: 740px;
}

.kn-about-reading__body p {
	line-height: 1.78;
}

.kn-about-reading__body p:nth-child(2) {
	color: var(--kn-ivory);
	font-size: 1.12em;
	font-weight: 700;
}

.kn-about-pullquote {
	background: rgba(203, 161, 53, 0.055);
	border: 1px solid rgba(203, 161, 53, 0.42);
	margin: clamp(3rem, 6vw, 5.5rem) 0 2rem;
	padding: clamp(2rem, 5vw, 4rem);
	position: relative;
}

.kn-about-pullquote::before {
	color: var(--kn-gold);
	content: "“";
	font-family: Georgia, serif;
	font-size: 7rem;
	left: 1.2rem;
	line-height: 1;
	opacity: 0.28;
	position: absolute;
	top: 0.4rem;
}

.kn-about-pullquote p {
	color: var(--kn-ivory);
	font-family: var(--kn-display);
	font-size: clamp(2rem, 4vw, 4rem);
	line-height: 1.08;
	margin: 0;
	max-width: 22ch;
	position: relative;
}

.kn-about-reading__close {
	color: var(--kn-ivory);
	font-size: clamp(1.15rem, 1.7vw, 1.4rem);
	margin-left: auto;
	max-width: 680px;
}

.kn-about-material {
	background:
		radial-gradient(circle at 75% 50%, rgba(203, 161, 53, 0.12), transparent 32rem),
		linear-gradient(135deg, #090a0b, #11110f);
	border-top: 1px solid var(--kn-line);
	padding-block: clamp(5rem, 9vw, 9rem);
}

.kn-about-material__grid {
	align-items: center;
	display: grid;
	gap: clamp(3rem, 6vw, 6rem);
	grid-template-columns: minmax(0, 0.94fr) minmax(430px, 1.06fr);
}

.kn-about-material__copy h2 {
	font-size: clamp(3rem, 5.3vw, 5.3rem);
}

.kn-about-material__copy > p:not(.kn-eyebrow) {
	color: var(--kn-muted);
	font-size: clamp(1rem, 1.28vw, 1.12rem);
	line-height: 1.75;
}

.kn-about-material__visual {
	position: relative;
}

.kn-about-material__visual figure {
	margin: 0;
}

.kn-about-material__visual img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	width: 100%;
}

.kn-about-goal {
	background:
		radial-gradient(circle at 50% 45%, rgba(203, 161, 53, 0.14), transparent 35rem),
		#070809;
	border-top: 1px solid rgba(203, 161, 53, 0.34);
	isolation: isolate;
	overflow: hidden;
	padding-block: clamp(6rem, 11vw, 11rem);
	position: relative;
}

.kn-about-goal__geometry {
	border: 1px solid rgba(203, 161, 53, 0.22);
	clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
	height: min(78vw, 920px);
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(78vw, 920px);
}

.kn-about-goal__geometry::before {
	border: 1px dashed rgba(245, 241, 231, 0.1);
	clip-path: inherit;
	content: "";
	inset: 8%;
	position: absolute;
}

.kn-about-goal__content {
	max-width: 920px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.kn-about-goal__content h2 {
	font-size: clamp(3.2rem, 7vw, 6.8rem);
}

.kn-about-goal__body {
	color: var(--kn-muted);
	font-size: clamp(1.03rem, 1.42vw, 1.18rem);
	margin-inline: auto;
	max-width: 720px;
}

.kn-about-goal__body p {
	line-height: 1.75;
}

.kn-about-goal__body p:nth-child(2),
.kn-about-goal__body p:nth-child(4) {
	color: var(--kn-ivory);
	font-weight: 700;
}

.kn-about-goal__final {
	color: var(--kn-ivory);
	font-family: var(--kn-display);
	font-size: clamp(2.3rem, 5vw, 4.8rem);
	line-height: 1.05;
	margin: clamp(2.5rem, 5vw, 4.5rem) auto;
}

.kn-about-goal .kn-actions {
	flex-direction: column;
}

html[lang="en"] .kn-about-page .kn-about-goal__geometry,
html[lang="de"] .kn-about-page .kn-about-goal__geometry,
html[lang="it"] .kn-about-page .kn-about-goal__geometry,
html[lang="fr"] .kn-about-page .kn-about-goal__geometry {
	display: none;
}

.kn-about-goal .wp-block-button.kn-button {
	background: transparent;
	border: 0;
	min-height: 0;
	padding: 0;
	transform: none;
}

.kn-about-goal .wp-block-button.kn-button:hover {
	background: transparent;
	color: inherit;
	transform: none;
}

.kn-about-goal .kn-text-link {
	color: var(--kn-muted);
}

.kn-about-goal .kn-text-link .wp-block-button__link {
	background: transparent;
	border: 0;
	color: var(--kn-muted);
	padding: 0;
	text-decoration: underline;
	text-decoration-color: var(--kn-gold);
	text-underline-offset: 0.28em;
}

.kn-about-goal .kn-text-link .wp-block-button__link:hover,
.kn-about-goal .kn-text-link .wp-block-button__link:focus-visible {
	background: transparent;
	color: var(--kn-ivory);
}

@media (max-width: 1050px) {
	.kn-about-hero__grid,
	.kn-about-material__grid {
		grid-template-columns: 1fr 0.85fr;
	}

	.kn-about-hero__copy h1 {
		font-size: clamp(3rem, 5.5vw, 4.8rem);
	}

	.kn-about-material__grid {
		align-items: start;
	}
}

@media (max-width: 900px) {
	.kn-about-hero__grid,
	.kn-about-material__grid {
		grid-template-columns: 1fr;
	}

	.kn-about-hero__figure {
		justify-self: center;
		max-width: 620px;
	}

	.kn-about-material__visual {
		margin-inline: auto;
		max-width: 760px;
		width: 100%;
	}

	.kn-about-video__parenthesis {
		font-size: 22rem;
	}
}

@media (max-width: 640px) {
	.kn-about-hero {
		padding-top: 3.25rem;
	}

	.kn-about-hero__copy h1,
	.kn-about-reading .kn-section-heading h2,
	.kn-about-material__copy h2,
	.kn-about-goal__content h2 {
		font-size: clamp(2.65rem, 13vw, 4rem);
	}

	.kn-about-hero__copy > p:not(.kn-eyebrow),
	.kn-about-material__copy > p:not(.kn-eyebrow),
	.kn-about-reading__body,
	.kn-about-goal__body {
		font-size: 1rem;
	}

	.kn-about-hero__figure {
		width: 92%;
	}

	.kn-about-video {
		margin-block: 1.25rem;
		padding-block: 4rem;
	}

	.kn-about-video__heading {
		text-align: left;
	}

	.kn-about-video__heading h2 {
		font-size: 2.7rem;
	}

	.kn-about-video__parenthesis {
		font-size: 15rem;
		opacity: 0.04;
	}

	.kn-video-facade__play {
		font-size: 0.95rem;
		height: 64px;
		width: 64px;
	}

	.kn-video-facade__label {
		bottom: 0.8rem;
		font-size: 0.58rem;
		right: 0.9rem;
	}

	.kn-about-reading__body {
		margin-left: 0;
	}

	.kn-about-pullquote {
		margin-inline: -0.25rem;
		padding: 2.25rem 1.35rem;
	}

	.kn-about-pullquote::before {
		font-size: 5rem;
		left: 0.6rem;
	}

	.kn-about-pullquote p {
		font-size: clamp(2rem, 10vw, 3rem);
	}

	.kn-about-material__visual figure {
		margin-inline: 0.25rem;
	}

	.kn-about-goal__geometry {
		height: 115vw;
		width: 115vw;
	}

	.kn-about-goal__final {
		font-size: clamp(2.2rem, 11vw, 3.5rem);
	}
}