:root {
	--color-paper: #f4f1e8;
	--color-ink: #171816;
	--color-olive-dark: #394638;
	--color-olive: #394638;
	--color-sage: #a7ae9d;
	--color-warm-grey: #d8d5cc;
	--color-muted: #394638;
	--color-line: rgba(23, 24, 22, 0.14);
	--color-panel: #f4f1e8;
	--color-stone: #d8d5cc;
	--color-deep: #171816;
	--color-deep-2: #171816;
	--color-paper-rgb: 244, 241, 232;
	--color-ink-rgb: 23, 24, 22;
	--color-olive-rgb: 57, 70, 56;
	--color-sage-rgb: 167, 174, 157;
	--color-grey-rgb: 216, 213, 204;
	--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-serif: "Cormorant Garamond", Georgia, serif;
	--container: min(100% - 48px, 1320px);
	--container-narrow: min(100% - 48px, 980px);
	--radius: 8px;
	--shadow-soft: 0 22px 54px rgba(23, 24, 22, 0.08);
}

.about-universe-build {
	background: #171816;
	color: var(--color-paper);
	padding: clamp(104px, 13vw, 190px) 0 clamp(112px, 14vw, 200px);
}

.about-universe-build .about-universe-section-heading,
.about-universe-principles {
	width: var(--container);
}

.about-universe-build .about-universe-section-heading {
	align-items: end;
	margin-bottom: clamp(48px, 7vw, 90px);
}

.about-universe-build .about-universe-section-heading h2 { color: var(--color-paper); }
.about-universe-build .section-kicker { color: rgba(var(--color-paper-rgb), 0.58); }

.about-universe-principles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 auto;
}

.about-universe-principles article {
	border-left: 1px solid rgba(var(--color-paper-rgb), 0.2);
	min-height: 260px;
	padding: 0 clamp(22px, 3vw, 48px);
}

.about-universe-principles article:last-child { border-right: 1px solid rgba(var(--color-paper-rgb), 0.2); }
.about-universe-principles article > span { color: rgba(var(--color-paper-rgb), 0.5); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.14em; }
.about-universe-principles h3 { color: var(--color-paper); font-family: var(--font-serif); font-size: clamp(1.8rem, 2.5vw, 2.8rem); font-weight: 500; line-height: 0.98; margin: clamp(48px, 6vw, 84px) 0 20px; max-width: 260px; }
.about-universe-principles p { color: rgba(var(--color-paper-rgb), 0.68); font-size: 0.96rem; line-height: 1.62; margin: 0; max-width: 290px; }

@media (max-width: 720px) {
	.about-universe-build .about-universe-section-heading { display: block; }
	.about-universe-principles { grid-template-columns: 1fr; }
	.about-universe-principles article { border-left: 0; border-top: 1px solid rgba(var(--color-paper-rgb), 0.2); min-height: 0; padding: 28px 0 36px; }
	.about-universe-principles article:last-child { border-bottom: 1px solid rgba(var(--color-paper-rgb), 0.2); border-right: 0; }
	.about-universe-principles h3 { margin-top: 42px; }
}

/* Premium editorial footer */
.site-footer {
	background: #f0ece4;
	color: #171816;
	padding: clamp(62px, 8vw, 112px) 0 28px;
}

.site-footer__inner {
	align-items: start;
	display: grid;
	gap: clamp(42px, 8vw, 120px);
	grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.1fr);
	width: var(--container);
}

.site-brand--footer .site-brand__text {
	color: #171816;
	font-size: 0.86rem;
	font-weight: 800;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.site-footer__brand p {
	color: rgba(23, 24, 22, 0.62);
	font-size: 0.88rem;
	line-height: 1.5;
	margin: 18px 0 0;
	max-width: 230px;
}

.site-footer__columns {
	display: grid;
	gap: clamp(32px, 6vw, 90px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.footer-nav p {
	color: rgba(23, 24, 22, 0.56);
	font-size: 0.66rem;
	letter-spacing: 0.16em;
	margin: 0 0 18px;
}

.footer-nav__menu {
	display: grid;
	gap: 10px;
}

.site-footer a {
	color: #171816;
	font-size: 0.86rem;
}

.site-footer a:hover,
.site-footer a:focus {
	color: rgba(23, 24, 22, 0.58);
}

.site-footer__meta {
	border-top: 1px solid rgba(23, 24, 22, 0.18);
	color: rgba(23, 24, 22, 0.56);
	display: flex;
	font-size: 0.66rem;
	gap: 28px;
	grid-column: 1 / -1;
	justify-content: space-between;
	letter-spacing: 0.08em;
	padding-top: 20px;
	text-transform: uppercase;
}

.site-footer__meta p {
	margin: 0;
}

body.home .site-footer {
	padding-bottom: 28px;
	padding-top: clamp(62px, 8vw, 112px);
}

body.home .site-footer__inner {
	grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.1fr);
}

body.home .site-footer__brand p,
body.home .site-footer__columns .footer-nav:not(:first-child) {
	display: block;
}

body.home .site-footer__columns {
	display: grid;
}

body.home .site-footer__columns .footer-nav:first-child p {
	display: block;
}

body.home .site-footer .footer-nav__menu {
	display: grid;
	gap: 10px;
}

body.home .site-footer__meta {
	border-top: 1px solid rgba(23, 24, 22, 0.18);
	grid-column: 1 / -1;
	padding-top: 20px;
	text-align: left;
}

@media (max-width: 720px) {
	.site-footer {
		padding-top: 58px;
	}

	.site-footer__inner,
	body.home .site-footer__inner {
		gap: 42px;
		grid-template-columns: 1fr;
	}

	.site-footer__columns {
		gap: 32px;
	}

	.site-footer__meta,
	body.home .site-footer__meta {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		grid-column: auto;
	}
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--color-paper);
	color: var(--color-ink);
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.65;
	margin: 0;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
}

body.home {
	background: var(--color-paper);
}

body.nav-open {
	overflow: hidden;
}

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

a {
	color: inherit;
	text-decoration: none;
}

p,
h1,
h2,
h3 {
	margin-top: 0;
}

h1,
h2,
h3 {
	font-family: var(--font-serif);
	font-weight: 500;
	letter-spacing: 0;
}

h1 {
	font-size: clamp(3rem, 5vw, 5.5rem);
	line-height: 0.92;
	margin-bottom: 28px;
	max-width: 760px;
}

h2 {
	font-size: clamp(2rem, 3vw, 3rem);
	line-height: 1;
	margin-bottom: 0;
}

h3 {
	font-size: clamp(1.3rem, 2vw, 2rem);
	line-height: 1.05;
	margin-bottom: 14px;
}

.skip-link,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.skip-link:focus {
	background: var(--color-panel);
	clip: auto;
	height: auto;
	left: 16px;
	padding: 10px 14px;
	top: 16px;
	width: auto;
	z-index: 100;
}

.site-header {
	left: 0;
	padding: 20px 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: background 180ms ease, border-color 180ms ease, padding 180ms ease;
	z-index: 50;
}

.site-header.is-scrolled,
body:not(.home) .site-header {
	background: rgba(var(--color-paper-rgb), 0.9);
	border-bottom: 1px solid var(--color-line);
	backdrop-filter: blur(14px);
	padding: 12px 0;
}

body.home .site-header.is-scrolled {
	background: #171816;
	background-image: none;
	border-bottom-color: rgba(241, 238, 229, 0.1);
	backdrop-filter: none;
}

body.home .site-header:not(.is-scrolled) {
	background: transparent;
	border-bottom-color: transparent;
	backdrop-filter: none;
}

body.home .site-header.is-scrolled .site-brand__text,
body.home .site-header.is-scrolled .primary-nav a,
body.home .site-header.is-scrolled .primary-nav a:hover,
body.home .site-header.is-scrolled .primary-nav a:focus,
body.home .site-header.is-scrolled .primary-nav a.is-active {
	color: rgba(241, 238, 229, 0.9);
}

body.home .site-header.is-scrolled .primary-nav a::after,
body.home .site-header.is-scrolled .nav-toggle__line,
body.home .site-header.is-scrolled .nav-toggle__line::before,
body.home .site-header.is-scrolled .nav-toggle__line::after {
	background: #f1eee5;
}

body.home .site-header:not(.is-scrolled) .site-brand__mark {
	background: #f1eee5;
	color: #10110f;
}

body.home .site-header:not(.is-scrolled) .site-brand__wordmark {
	opacity: 0.96;
}

body.home .site-header:not(.is-scrolled) .site-brand__text,
body.home .site-header:not(.is-scrolled) .primary-nav a {
	color: rgba(241, 238, 229, 0.82);
}

body.home .site-header:not(.is-scrolled) .primary-nav a::after,
body.home .site-header:not(.is-scrolled) .nav-toggle__line,
body.home .site-header:not(.is-scrolled) .nav-toggle__line::before,
body.home .site-header:not(.is-scrolled) .nav-toggle__line::after {
	background: #f1eee5;
}

body.home .site-header:not(.is-scrolled) .nav-toggle[aria-expanded="true"] .nav-toggle__line,
body.home .site-header:not(.is-scrolled) .nav-toggle[aria-expanded="true"] .nav-toggle__line::before,
body.home .site-header:not(.is-scrolled) .nav-toggle[aria-expanded="true"] .nav-toggle__line::after {
	background: #10110f;
}

.site-header__inner {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: var(--container);
}

.site-brand {
	align-items: center;
	display: inline-flex;
	gap: 12px;
	position: relative;
	z-index: 60;
}

.site-brand__mark {
	align-items: center;
	background: var(--color-ink);
	color: var(--color-paper);
	display: inline-flex;
	font-family: var(--font-serif);
	font-size: 1.35rem;
	font-weight: 600;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.site-brand__text {
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.site-brand__wordmark {
	display: block;
	height: auto;
	max-width: min(28vw, 240px);
	width: 220px;
}

.custom-logo {
	max-height: 54px;
	width: auto;
}

.primary-nav__menu {
	align-items: center;
	display: flex;
	gap: clamp(18px, 2.5vw, 36px);
	list-style: none;
	margin: 0;
	padding: 0;
}

.primary-nav a {
	color: rgba(var(--color-ink-rgb), 0.72);
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	padding: 8px 0;
	position: relative;
	text-transform: uppercase;
	transition: color 160ms ease;
}

.primary-nav a::after {
	background: var(--color-olive);
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 180ms ease;
	width: 100%;
}

.primary-nav a:hover,
.primary-nav a:focus {
	color: var(--color-ink);
}

.primary-nav a.is-active {
	color: var(--color-ink);
}

.primary-nav a:hover::after,
.primary-nav a:focus::after,
.primary-nav a.is-active::after {
	transform: scaleX(1);
	transform-origin: left;
}

.nav-toggle {
	background: transparent;
	border: 0;
	display: none;
	height: 44px;
	padding: 0;
	position: relative;
	width: 44px;
	z-index: 60;
}

.nav-toggle__line,
.nav-toggle__line::before,
.nav-toggle__line::after {
	background: var(--color-ink);
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	right: 7px;
	transition: transform 180ms ease, top 180ms ease;
	width: 28px;
}

.nav-toggle__line {
	top: 21px;
}

.nav-toggle__line::before {
	top: -8px;
}

.nav-toggle__line::after {
	top: 8px;
}

.nav-toggle[aria-expanded="true"] .nav-toggle__line {
	transform: rotate(45deg);
}

.nav-toggle[aria-expanded="true"] .nav-toggle__line::before,
.nav-toggle[aria-expanded="true"] .nav-toggle__line::after {
	top: 0;
	transform: rotate(90deg);
}

.section-pad {
	padding: clamp(110px, 14vw, 210px) 0;
}

.ecosystem-stage {
	height: 100svh;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: fixed;
	z-index: 0;
}

.ecosystem-stage--archive {
	opacity: 0.52;
}

.ecosystem-canvas {
	display: block;
	height: 100%;
	opacity: 0.5;
	pointer-events: none;
	position: absolute;
	inset: 0;
	width: 100%;
}

.site-main {
	isolation: isolate;
	position: relative;
	z-index: 1;
}

.site-main > section {
	position: relative;
	z-index: 1;
}

.hero {
	background: #0d0f0e;
	--hero-progress: 0;
	--hero-progress-smooth: 0;
	--hero-content-y: 0px;
	--hero-horizon-fill: 0.76;
	--hero-horizon-opacity: 0.96;
	--hero-horizon-scale: 1;
	--hero-horizon-surface: 0.78;
	--hero-horizon-y: 0vh;
	--hero-system-opacity: 0.72;
	--hero-system-scale: 1;
	--hero-system-x: 0px;
	--hero-system-y: 0px;
	color: #f1eee5;
	min-height: 100svh;
	overflow: hidden;
	padding: clamp(112px, 10vw, 146px) 0 44px;
	position: relative;
}

.hero::before {
	border-left: 1px solid rgba(242, 238, 228, 0.08);
	border-top: 1px solid rgba(242, 238, 228, 0.08);
	content: "";
	inset: clamp(112px, 12vw, 156px) clamp(18px, 4vw, 68px) clamp(52px, 6vw, 88px);
	opacity: 0.72;
	position: absolute;
	z-index: 0;
}

.hero::after {
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M120 0H0V120' fill='none' stroke='%23F2EEE4' stroke-opacity='.028' stroke-width='1'/%3E%3C/svg%3E");
	background-size: clamp(82px, 9vw, 132px) clamp(82px, 9vw, 132px);
	content: "";
	inset: 0;
	opacity: 0.62;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.hero-horizon {
	bottom: 0;
	background: #0d0f0e;
	height: 82vh;
	left: 50%;
	opacity: var(--hero-horizon-opacity);
	pointer-events: none;
	position: absolute;
	transform:
		translate3d(-50%, var(--hero-horizon-y), 0)
		scale(var(--hero-horizon-scale));
	transform-origin: 50% 92%;
	width: 176vw;
	z-index: 1;
}

.hero-horizon::after {
	background: linear-gradient(
		to bottom,
		transparent 0%,
		rgba(23, 24, 22, 0.04) 48%,
		rgba(23, 24, 22, 0.46) 76%,
		#171816 100%
	);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

.hero-horizon::before {
	background: linear-gradient(
		to bottom,
		#0d0f0e 0%,
		rgba(13, 15, 14, 0.66) 14%,
		rgba(13, 15, 14, 0.16) 31%,
		rgba(13, 15, 14, 0) 48%
	);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 4;
}

.hero-horizon__image {
	display: block;
	filter: brightness(0.78) saturate(0.9);
	height: 100%;
	left: 50%;
	max-width: none;
	object-fit: cover;
	object-position: 50% 58%;
	opacity: calc(var(--hero-horizon-opacity) * 0.98);
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
	z-index: 2;
}

.hero-horizon__curve {
	display: block;
	height: 56vh;
	opacity: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}

.hero-horizon__mass {
	fill: rgba(32, 39, 31, var(--hero-horizon-fill));
}

.hero-horizon__rim,
.hero-horizon__rim-soft {
	fill: none;
	pointer-events: none;
	vector-effect: non-scaling-stroke;
}

.hero-horizon__rim {
	opacity: calc(0.42 + var(--hero-progress-smooth) * 0.14);
	stroke: rgba(206, 214, 159, 0.7);
	stroke-linecap: round;
	stroke-width: 1.35;
}

.hero-horizon__rim-soft {
	opacity: calc(0.18 + var(--hero-progress-smooth) * 0.08);
	stroke: rgba(177, 187, 131, 0.52);
	stroke-linecap: round;
	stroke-width: 10;
}

.hero-horizon__surface {
	background: #171816;
	height: 150vh;
	left: 0;
	margin-top: -1px;
	opacity: 1;
	position: absolute;
	top: 48%;
	width: 100%;
	z-index: 1;
}

.hero__inner,
.intro__inner,
.section-heading,
.portfolio-stack,
.architecture__inner,
.philosophy__inner,
.ventures__inner,
.insight-index,
.contact-panel,
.site-footer__inner,
.page-shell {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: var(--container);
}

.hero__inner {
	align-items: center;
	display: block;
	gap: clamp(34px, 7vw, 104px);
	min-height: calc(100svh - 166px);
	max-width: min(100% - clamp(32px, 7vw, 120px), 1480px);
	z-index: 3;
}

.hero__content {
	margin-left: 0;
	margin-right: 0;
	padding-top: clamp(0px, 1.8vw, 28px);
	position: relative;
	text-align: left;
	transform: translate3d(0, var(--hero-content-y), 0);
	transition: color 160ms ease;
	width: min(48vw, 600px);
	z-index: 4;
}

.hero-title {
	color: #f2eee4;
	font-family: var(--font-sans);
	font-size: clamp(2.85rem, 5.18vw, 6rem);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 0.88;
	margin: 0;
	max-width: 600px;
	text-transform: uppercase;
}

.hero-title__line {
	display: block;
	margin-top: 0.01em;
	position: relative;
	white-space: nowrap;
}

.hero-title__line:first-child {
	margin-top: 0;
}

.hero-title__line:nth-child(2) {
	font-size: 0.94em;
	margin-left: 0;
}

.hero-title__line:nth-child(3) {
	font-style: normal;
	margin-left: 0;
}

.hero-title__line--final {
	margin-left: 0;
	margin-top: -0.12em;
}

.hero-title__serif {
	font-family: var(--font-serif);
	font-size: 0.98em;
	font-style: italic;
	font-weight: 400;
	letter-spacing: -0.025em;
	text-transform: none;
}

.hero__content > p:not(.section-kicker) {
	color: rgba(242, 238, 228, 0.74);
	font-size: clamp(0.86rem, 0.95vw, 0.98rem);
	line-height: 1.55;
	margin-left: 0;
	margin-right: 0;
	margin-top: clamp(18px, 2vw, 32px);
	max-width: 310px;
}

.hero .section-kicker {
	color: #8d9a7e;
	font-size: 0.64rem;
	letter-spacing: 0.28em;
	margin-bottom: clamp(18px, 2.4vw, 34px);
}

.hero .button--primary {
	background: transparent;
	border-color: rgba(242, 238, 228, 0.32);
	color: #f2eee4;
	min-height: 38px;
	padding: 9px 14px;
}

.hero .button--primary:hover,
.hero .button--primary:focus {
	background: #3f4d3d;
	border-color: #3f4d3d;
	color: #f1eee5;
}

.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: flex-start;
	margin-top: 16px;
}

.button {
	align-items: center;
	border: 1px solid var(--color-line);
	display: inline-flex;
	font-size: 0.7rem;
	font-weight: 800;
	justify-content: center;
	letter-spacing: 0.1em;
	min-height: 46px;
	padding: 12px 18px;
	text-transform: uppercase;
	transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.button:hover,
.button:focus {
	transform: translateY(-2px);
}

.button--static,
.button--static:hover,
.button--static:focus {
	cursor: default;
	transform: none;
}

.button--primary {
	background: var(--color-ink);
	border-color: var(--color-ink);
	color: var(--color-paper);
}

.button--ghost {
	background: rgba(var(--color-paper-rgb), 0.48);
}

.hero__visual {
	inset: clamp(118px, 13vw, 172px) 0 0;
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

.hero-system {
	height: min(64vh, 690px);
	inset: auto;
	left: auto;
	position: absolute;
	right: clamp(8px, 4.4vw, 70px);
	top: 0;
	transform:
		translate3d(var(--hero-system-x), var(--hero-system-y), 0)
		scale(var(--hero-system-scale));
	transform-origin: 50% 48%;
	width: min(45vw, 650px);
	z-index: 2;
}

.hero__visual.hero-system {
	bottom: auto;
	inset: auto;
	left: auto;
	right: clamp(8px, 4.4vw, 70px);
	top: 0;
}

.hero-system__plane {
	aspect-ratio: 1.18;
	inset: 50% auto auto 50%;
	opacity: var(--hero-system-opacity);
	position: absolute;
	transform: translate(-50%, -50%);
	width: min(100%, 650px);
}

.hero-system__plane::before,
.hero-system__plane::after {
	border: 1px solid rgba(242, 238, 228, 0.08);
	border-radius: 50%;
	content: "";
	inset: 12%;
	position: absolute;
	transform: rotate(-12deg);
}

.hero-system__plane::after {
	inset: 24%;
	opacity: 0.72;
	transform: rotate(18deg);
}

.hero-system__plane::before {
	border-color: rgba(242, 238, 228, 0.08) transparent rgba(141, 154, 126, 0.14) rgba(242, 238, 228, 0.07);
	border-radius: 48% 52% 46% 54%;
	animation: kiranvita-plane-drift 24s linear infinite;
}

.hero-system__plane::after {
	border-color: rgba(141, 154, 126, 0.13) rgba(242, 238, 228, 0.06) transparent rgba(242, 238, 228, 0.07);
	border-radius: 56% 44% 52% 48%;
	animation: kiranvita-plane-drift 32s linear infinite reverse;
}

.hero-system__node,
.hero-system__point,
.hero-system__line {
	position: absolute;
}

.hero-system__node {
	background: #8d9a7e;
	border: 1px solid rgba(242, 238, 228, 0.24);
	border-radius: 999px;
	box-shadow: none;
	height: 13px;
	opacity: 0.74;
	width: 13px;
}

.hero-system__node--core {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: rgba(242, 238, 228, 0.88);
	display: flex;
	height: clamp(86px, 10vw, 132px);
	justify-content: center;
	left: 46%;
	line-height: 1;
	top: 47%;
	transform: translate(-50%, -50%);
	width: clamp(118px, 15vw, 190px);
	z-index: 2;
}

.hero-system__node--core img {
	display: block;
	height: auto;
	max-height: 100%;
	object-fit: contain;
	opacity: 0.9;
	width: 100%;
}

.hero-system__node--one {
	animation: kiranvita-node-drift-a 13s ease-in-out infinite;
	left: 16%;
	top: 34%;
}

.hero-system__node--two {
	animation: kiranvita-node-drift-b 15s ease-in-out infinite;
	right: 17%;
	top: 27%;
}

.hero-system__node--three {
	animation: kiranvita-node-drift-c 17s ease-in-out infinite;
	bottom: 21%;
	left: 28%;
}

.hero-system__node--four {
	animation: kiranvita-node-drift-b 14s ease-in-out infinite reverse;
	bottom: 29%;
	right: 21%;
}

.hero-system__node--five {
	animation: kiranvita-node-drift-a 18s ease-in-out infinite reverse;
	left: 45%;
	top: 13%;
}

.hero-system__node--six {
	animation: kiranvita-node-drift-c 16s ease-in-out infinite reverse;
	bottom: 12%;
	right: 42%;
}

.hero-system__line {
	background: rgba(242, 238, 228, 0.08);
	height: 1px;
	left: 50%;
	top: 47%;
	transform-origin: left center;
	width: 31%;
}

.hero-system__line--one {
	transform: rotate(-154deg);
}

.hero-system__line--two {
	transform: rotate(-32deg);
}

.hero-system__line--three {
	transform: rotate(136deg);
	width: 24%;
}

.hero-system__line--four {
	transform: rotate(78deg);
	width: 18%;
}

.hero-system__point {
	background: #b8c98a;
	border-radius: 50%;
	height: 6px;
	opacity: 0.56;
	width: 6px;
}

.hero-system__star {
	height: 18px;
	position: absolute;
	width: 18px;
}

.hero-system__star::before,
.hero-system__star::after {
	background: rgba(242, 238, 228, 0.58);
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.hero-system__star::before {
	height: 1px;
	width: 100%;
}

.hero-system__star::after {
	height: 100%;
	width: 1px;
}

.hero-system__star--one {
	left: 4%;
	top: 21%;
}

.hero-system__star--two {
	right: 23%;
	top: 10%;
	transform: scale(0.64) rotate(18deg);
}

.hero-system__star--three {
	bottom: 17%;
	left: 56%;
	transform: scale(0.48) rotate(-12deg);
}

.hero-system__point--one {
	animation: kiranvita-orbit-one 9s ease-in-out infinite;
	left: 18%;
	top: 40%;
}

.hero-system__point--two {
	animation: kiranvita-orbit-two 11s ease-in-out infinite;
	right: 19%;
	top: 58%;
}

.hero-system__label,
.hero-system__meta {
	color: rgba(242, 238, 228, 0.42);
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	line-height: 1;
	position: absolute;
	text-transform: uppercase;
}

.hero-system__label::before {
	background: rgba(184, 201, 138, 0.58);
	content: "";
	height: 4px;
	left: -12px;
	position: absolute;
	top: 3px;
	width: 4px;
}

.hero-system__label--one {
	left: 10%;
	top: 28%;
}

.hero-system__label--two {
	right: 8%;
	top: 21%;
}

.hero-system__label--three {
	bottom: 15%;
	left: 22%;
	display: none;
}

.hero-system__label--four {
	bottom: 24%;
	right: 8%;
	display: none;
}

.hero-system__meta--one {
	left: 2%;
	top: 58%;
}

.hero-system__meta--two {
	bottom: 3%;
	right: 22%;
	display: none;
}

@keyframes kiranvita-plane-drift {
	0% {
		transform: rotate(-12deg);
	}

	100% {
		transform: rotate(348deg);
	}
}

@keyframes kiranvita-node-drift-a {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(10px, -8px, 0);
	}
}

@keyframes kiranvita-node-drift-b {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(-8px, 10px, 0);
	}
}

@keyframes kiranvita-node-drift-c {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(7px, 7px, 0);
	}
}

@keyframes kiranvita-orbit-one {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(28px, 18px, 0);
	}
}

@keyframes kiranvita-orbit-two {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(-24px, -20px, 0);
	}
}

.ecosystem-panel {
	align-content: end;
	aspect-ratio: 1.05;
	border: 1px solid rgba(var(--color-ink-rgb), 0.08);
	display: grid;
	justify-items: start;
	max-height: 760px;
	min-height: 560px;
	overflow: hidden;
	padding: clamp(20px, 4vw, 54px);
	position: relative;
	width: min(100%, 720px);
}

.ecosystem-panel::before {
	background:
		linear-gradient(90deg, rgba(var(--color-ink-rgb), 0.06) 1px, transparent 1px),
		linear-gradient(rgba(var(--color-ink-rgb), 0.06) 1px, transparent 1px);
	background-size: 54px 54px;
	content: "";
	inset: 0;
	opacity: 0.22;
	position: absolute;
}

.ecosystem-panel__core {
	background: rgba(var(--color-paper-rgb), 0.54);
	border: 1px solid rgba(var(--color-ink-rgb), 0.1);
	backdrop-filter: blur(8px);
	display: grid;
	gap: 10px;
	max-width: 220px;
	padding: 18px;
	position: relative;
	z-index: 2;
}

.ecosystem-panel__core span {
	font-family: var(--font-serif);
	font-size: clamp(3.8rem, 8vw, 6.4rem);
	line-height: 0.75;
}

.ecosystem-panel__core small,
.ecosystem-panel__readout span {
	color: var(--color-muted);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.55;
	text-transform: uppercase;
}

.ecosystem-panel__readout {
	align-items: center;
	border-top: 1px solid rgba(var(--color-ink-rgb), 0.14);
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	justify-content: space-between;
	margin-top: 20px;
	padding-top: 16px;
	position: relative;
	width: 100%;
	z-index: 2;
}

.scroll-cue {
	align-items: center;
	bottom: 0;
	color: var(--color-muted);
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 800;
	gap: 12px;
	letter-spacing: 0.12em;
	position: absolute;
	right: 0;
	text-transform: uppercase;
}

.scroll-cue::after {
	background: var(--color-olive);
	content: "";
	height: 62px;
	width: 1px;
}

.section-kicker {
	color: var(--color-olive-dark);
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.intro {
	background: #171816;
	color: var(--color-paper);
	overflow: hidden;
	position: relative;
}

.intro::before {
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M120 0H0V120' fill='none' stroke='%23F2EEE4' stroke-opacity='.028' stroke-width='1'/%3E%3C/svg%3E");
	background-size: clamp(82px, 9vw, 132px) clamp(82px, 9vw, 132px);
	content: "";
	inset: 0;
	opacity: 0.38;
	pointer-events: none;
	position: absolute;
}

.intro.section-pad {
	min-height: clamp(520px, 42vw, 600px);
	padding: clamp(78px, 8vw, 104px) 0;
}

.intro__inner {
	align-items: center;
	display: grid;
	gap: clamp(32px, 7vw, 96px);
	grid-template-columns: minmax(160px, 0.24fr) minmax(0, 0.76fr);
	min-height: 100%;
	position: relative;
}

.intro__content {
	max-width: 900px;
	position: relative;
	transform: translate3d(clamp(24px, 3vw, 44px), -12%, 0);
	z-index: 2;
}

.intro__content h2 {
	color: #f1eee5;
	font-family: var(--font-serif);
	font-size: clamp(3.6rem, 5.55vw, 5.65rem);
	font-weight: 500;
	letter-spacing: -0.018em;
	line-height: 0.98;
	margin: 0;
	max-width: 900px;
	white-space: nowrap;
}

.intro__content > p {
	color: rgba(241, 238, 229, 0.78);
	display: block;
	font-family: var(--font-sans);
	font-size: clamp(0.94rem, 1.15vw, 1.08rem);
	letter-spacing: 0.01em;
	line-height: 1.6;
	margin: clamp(24px, 2.6vw, 36px) 0 0;
	max-width: 430px;
}

.intro__inner > .section-kicker {
	align-self: start;
	margin-left: clamp(54px, 4vw, 64px);
	margin-top: 1em;
	position: relative;
	transform: none;
	z-index: 2;
}

.intro__orbital {
	height: clamp(360px, 42vw, 620px);
	pointer-events: none;
	position: absolute;
	right: clamp(-250px, -8vw, -80px);
	top: 50%;
	transform: translateY(-50%);
	width: clamp(360px, 42vw, 620px);
	z-index: 1;
}

.intro__orbital-ring {
	border: 1px solid rgba(141, 154, 126, 0.075);
	border-radius: 50%;
	inset: 12%;
	position: absolute;
	transform: rotate(-18deg) scaleY(0.72);
}

.intro__orbital-ring--two {
	inset: 23%;
	transform: rotate(32deg) scaleY(0.62);
}

.intro__orbital-ring--three {
	inset: 36%;
	transform: rotate(-48deg) scaleY(0.7);
}

.intro__orbital-point {
	background: rgba(167, 174, 157, 0.2);
	border-radius: 50%;
	height: 7px;
	position: absolute;
	width: 7px;
}

.intro__orbital-point--one {
	right: 24%;
	top: 25%;
}

.intro__orbital-point--two {
	bottom: 29%;
	left: 24%;
}

.intro__inner h2 {
	max-width: 760px;
}

.pixel-world {
	background: #f1eee5 url("../images/kiranvita-pixel-transition.png") center bottom / 100% 126% no-repeat;
	height: clamp(470px, 42vw, 620px);
	overflow: hidden;
	position: relative;
	margin-top: 0;
}

.pixel-world__visual,
.pixel-world__edge {
	display: none;
}

.pixel-world::after {
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M120 0H0V120' fill='none' stroke='%23F2EEE4' stroke-opacity='.028' stroke-width='1'/%3E%3C/svg%3E");
	background-size: clamp(82px, 9vw, 132px) clamp(82px, 9vw, 132px);
	content: "";
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

.pixel-world__visual {
	background: #f1eee5;
	inset: var(--pixel-visual-top) 0 0;
	overflow: hidden;
	position: absolute;
}

.pixel-world__visual::before {
	background: #f1eee5;
	content: "";
	inset: 0;
	opacity: 0.9;
	position: absolute;
	z-index: 1;
}

.pixel-world__visual img {
	display: block;
	filter: grayscale(1) brightness(0.24) contrast(0.9);
	height: 100%;
	left: 50%;
	max-width: none;
	opacity: 0.04;
	object-fit: cover;
	object-position: 50% 42%;
	position: absolute;
	top: 0;
	transform: translateX(-50%) scale(1.18);
	width: 100%;
}

.pixel-world__edge {
	align-items: flex-end;
	display: flex;
	height: var(--pixel-edge-depth);
	gap: clamp(4px, 0.55vw, 10px);
	justify-content: flex-start;
	left: 0;
	position: absolute;
	top: calc(var(--pixel-visual-top) - var(--pixel-edge-depth));
	width: 100%;
	z-index: 3;
}

.pixel-world__edge span {
	background: #f1eee5;
	display: block;
	flex-shrink: 0;
	height: var(--pixel-height);
	min-width: 28px;
	position: relative;
	width: var(--pixel-width);
}

.pixel-world__edge span:nth-child(4n + 2),
.pixel-world__edge span:nth-child(4n + 4) {
	background: #f1eee5;
}

.pixel-world__edge span:nth-child(3n) {
	background: #f1eee5;
}

@media (max-width: 720px) {
	.pixel-world {
		--pixel-edge-depth: 58px;
		--pixel-visual-top: 58px;
		background: #f1eee5 url("../images/kiranvita-pixel-transition.png") center bottom / 100% 115% no-repeat;
		height: 430px;
		margin-top: 0;
	}

	.pixel-world__visual {
		display: none;
	}

	.pixel-world__edge {
		display: none;
	}

	.pixel-world__edge {
		height: 58px;
		top: 0;
	}

	.pixel-world__edge span {
		min-width: 14px;
	}
}

.section-heading {
	align-items: end;
	display: grid;
	gap: 30px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-bottom: clamp(38px, 5vw, 72px);
}

.section-heading h2 {
	max-width: 560px;
}

.portfolio .section-heading h2 {
	font-size: clamp(2rem, 2.8vw, 2.85rem);
	max-width: none;
	white-space: nowrap;
}

.text-link {
	color: var(--color-olive-dark);
	display: inline-flex;
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	padding-bottom: 7px;
	position: relative;
	text-transform: uppercase;
}

.text-link::after {
	background: currentColor;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	transition: width 180ms ease;
	width: 100%;
}

.text-link:hover::after,
.text-link:focus::after {
	width: 42%;
}

.portfolio {
	background: #f0eae2;
	overflow: hidden;
	padding-top: clamp(78px, 9vw, 128px);
	position: relative;
}

.businesses-scroll {
	display: grid;
	gap: clamp(34px, 5vw, 78px);
	grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
	position: relative;
}

.businesses-stage {
	background: #f0eae2;
	height: min(52vw, 610px);
	min-height: 430px;
	overflow: hidden;
	position: sticky;
	top: clamp(96px, 10vw, 132px);
	width: 100%;
}

.businesses-stage::before {
	background-image:
		linear-gradient(rgba(var(--color-ink-rgb), 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--color-ink-rgb), 0.06) 1px, transparent 1px);
	background-size: 52px 52px;
	content: "";
	inset: 0;
	opacity: 0.45;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.businesses-stage::after {
	border: 1px solid rgba(var(--color-ink-rgb), 0.12);
	content: "";
	inset: 18px;
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

.businesses-stage__slide {
	inset: 0;
	opacity: 0;
	position: absolute;
	transform: scale(1.025);
	transition: opacity 500ms ease, transform 700ms ease;
	visibility: hidden;
	will-change: opacity, transform;
}

.businesses-stage__slide.is-active {
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}

.businesses-stage__slide img {
	height: 100%;
	object-fit: cover;
	opacity: 0.78;
	width: 100%;
}

.businesses-stage__slide img.businesses-stage__logo {
	bottom: auto;
	filter: none;
	height: auto;
	left: 50%;
	object-fit: contain;
	opacity: 0.9;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(28%, 190px);
}

.businesses-stage__placeholder {
	align-items: flex-start;
	background: #171816;
	color: rgba(241, 238, 229, 0.7);
	display: flex;
	font-family: var(--font-serif);
	font-size: clamp(7rem, 15vw, 13rem);
	height: 100%;
	line-height: 0.7;
	padding: clamp(72px, 8vw, 112px) clamp(24px, 5vw, 72px);
	width: 100%;
}

.businesses-scroll__list {
	position: relative;
}

.business-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: min(52vw, 610px);
	opacity: 0.3;
	padding: clamp(28px, 4vw, 64px) 0;
	transform: translateY(18px);
	transition: opacity 450ms ease, transform 450ms ease;
}

.business-slide.is-active {
	opacity: 1;
	transform: translateY(0);
}

.business-slide__meta {
	color: rgba(var(--color-ink-rgb), 0.55);
	display: flex;
	font-size: 0.68rem;
	font-weight: 800;
	gap: 18px;
	letter-spacing: 0.14em;
	margin-bottom: 22px;
	text-transform: uppercase;
}

.business-slide h3 {
	font-family: var(--font-serif);
	font-size: clamp(2.8rem, 5vw, 5.5rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 0.92;
	margin: 0;
	max-width: 520px;
}

.business-slide h3 a {
	color: inherit;
}

.business-slide p {
	color: rgba(var(--color-ink-rgb), 0.7);
	font-size: clamp(0.95rem, 1.15vw, 1.08rem);
	line-height: 1.6;
	margin: 28px 0 0;
	max-width: 360px;
}

.business-slide__link {
	align-self: flex-start;
	border-bottom: 1px solid currentColor;
	color: var(--color-ink);
	display: inline-flex;
	font-size: 0.7rem;
	font-weight: 800;
	gap: 12px;
	letter-spacing: 0.12em;
	margin-top: 36px;
	padding-bottom: 7px;
	text-transform: uppercase;
}

.business-slide__link span {
	font-size: 1rem;
	line-height: 0.7;
}

.insights-transition {
	background: #171816;
	height: clamp(76px, 9vw, 122px);
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.insights-transition img {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.insights-home {
	background: #171816;
	color: #f1eee5;
	overflow: hidden;
	padding-bottom: clamp(110px, 13vw, 190px);
	padding-top: clamp(68px, 9vw, 126px);
}

.insights-home__inner {
	margin-left: auto;
	margin-right: auto;
	width: var(--container);
}

.insights-home__heading {
	margin-bottom: clamp(38px, 5vw, 72px);
}

.insights-home .section-kicker,
.insights-home__all,
.insight-card__meta,
.insight-card__footer {
	color: rgba(var(--color-paper-rgb), 0.58);
}

.insights-home .section-heading h2 {
	color: #f1eee5;
	font-family: var(--font-serif);
	font-size: clamp(2.2rem, 4vw, 4rem);
	font-weight: 500;
	line-height: 0.94;
	max-width: 620px;
}

.insights-home__all {
	align-self: end;
	border-bottom: 1px solid currentColor;
	display: inline-flex;
	font-size: 0.7rem;
	font-weight: 800;
	gap: 12px;
	letter-spacing: 0.12em;
	padding-bottom: 7px;
	text-transform: uppercase;
}

.insights-home__all span {
	font-size: 1rem;
	line-height: 0.7;
}

.insights-home__grid {
	display: grid;
	gap: clamp(18px, 2.4vw, 38px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.insight-card {
	border: 1px solid rgba(var(--color-paper-rgb), 0.2);
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: clamp(14px, 1.6vw, 24px);
}

.insight-card__media {
	background: #10110f;
	display: block;
	height: clamp(180px, 20vw, 282px);
	overflow: hidden;
	position: relative;
}

.insight-card__media img {
	filter: grayscale(1) contrast(0.86) brightness(0.66);
	height: 100%;
	object-fit: cover;
	transition: filter 220ms ease, transform 300ms ease;
	width: 100%;
}

.insight-card__media:hover img,
.insight-card__media:focus img {
	filter: grayscale(1) contrast(0.95) brightness(0.82);
	transform: scale(1.025);
}

.insight-card__visual {
	background-image: url("../images/kiranvita-horizon.png");
	background-position: center;
	background-size: cover;
	filter: grayscale(1) brightness(0.7) contrast(0.82);
	inset: 0;
	position: absolute;
}

.insight-card__visual--business {
	background-position: 48% 58%;
}

.insight-card__visual--culture {
	background-position: 72% 52%;
}

.insight-card__visual--perspective {
	background-position: 30% 44%;
}

.insight-card__meta {
	display: flex;
	font-size: 0.66rem;
	font-weight: 800;
	gap: 16px;
	letter-spacing: 0.13em;
	margin-top: 22px;
	text-transform: uppercase;
}

.insight-card h3 {
	color: #f1eee5;
	font-family: var(--font-serif);
	font-size: clamp(1.55rem, 2vw, 2.2rem);
	font-weight: 500;
	line-height: 0.98;
	margin: 18px 0 0;
	max-width: 360px;
}

.insight-card h3 a {
	color: inherit;
}

.insight-card p {
	color: rgba(var(--color-paper-rgb), 0.68);
	font-size: 0.92rem;
	line-height: 1.55;
	margin: 18px 0 0;
	max-width: 330px;
}

.insight-card__footer {
	align-items: baseline;
	display: flex;
	font-size: 0.66rem;
	font-weight: 800;
	justify-content: space-between;
	letter-spacing: 0.12em;
	margin-top: auto;
	padding-top: 42px;
	text-transform: uppercase;
}

.insight-card__footer a {
	color: #f1eee5;
	display: inline-flex;
	gap: 9px;
}

.insight-card__footer a span {
	font-size: 1rem;
	line-height: 0.7;
}

.business-grid {
	display: grid;
	gap: clamp(18px, 2.4vw, 38px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-left: auto;
	margin-right: auto;
	width: var(--container);
}

.business-column {
	margin-left: 0;
	min-width: 0;
	text-align: left;
}

.business-column__visual {
	align-items: center;
	background: rgba(var(--color-ink-rgb), 0.025);
	border: 1px solid rgba(var(--color-ink-rgb), 0.16);
	display: flex;
	height: clamp(220px, 24vw, 340px);
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.business-column__visual::before {
	border: 1px solid rgba(var(--color-ink-rgb), 0.08);
	content: "";
	inset: 14px;
	pointer-events: none;
	position: absolute;
}

.business-column__visual > img:not(.business-column__logo) {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.business-column__logo {
	filter: grayscale(1) contrast(1.35) brightness(0.92);
	height: auto;
	max-height: 72%;
	max-width: 72%;
	mix-blend-mode: multiply;
	object-fit: contain;
	opacity: 0.94;
	position: relative;
	width: 72%;
	z-index: 1;
}

.business-column__logo--zen {
	filter: none;
	mix-blend-mode: multiply;
	opacity: 0.86;
}

.business-column__logo--greenloom {
	filter: grayscale(0.25) contrast(1.08);
	max-height: 56%;
	max-width: 68%;
	mix-blend-mode: multiply;
	opacity: 0.9;
	width: 68%;
}

.business-column__meta {
	color: rgba(var(--color-ink-rgb), 0.56);
	display: flex;
	font-size: 0.66rem;
	font-weight: 800;
	gap: 16px;
	letter-spacing: 0.13em;
	margin-top: 24px;
	text-transform: uppercase;
}

.business-column h3 {
	font-size: clamp(1.5rem, 1.95vw, 2.25rem);
	line-height: 0.96;
	margin: 16px 0 0;
	max-width: 100%;
	overflow-wrap: break-word;
}

.business-column--boing-bae h3 {
	text-align: left;
}

.business-column h3 a {
	color: inherit;
}

.business-column > p {
	color: rgba(var(--color-ink-rgb), 0.68);
	font-size: 0.95rem;
	line-height: 1.55;
	margin: 18px 0 0;
	max-width: 310px;
}

.business-column__link {
	border-bottom: 1px solid currentColor;
	display: inline-flex;
	font-size: 0.68rem;
	font-weight: 800;
	gap: 10px;
	letter-spacing: 0.12em;
	margin-top: 26px;
	padding-bottom: 7px;
	text-transform: uppercase;
}

.business-column__link span {
	font-size: 1rem;
	line-height: 0.7;
}

.business-column__placeholder {
	align-items: center;
	color: rgba(var(--color-ink-rgb), 0.55);
	display: flex;
	font-family: var(--font-serif);
	font-size: clamp(6rem, 11vw, 10rem);
	height: 100%;
	justify-content: center;
	line-height: 0.7;
	position: relative;
	width: 100%;
	z-index: 1;
}

.business-column__placeholder--greenloom::before {
	border: 1px solid rgba(var(--color-ink-rgb), 0.35);
	border-radius: 50%;
	content: "";
	height: 42%;
	position: absolute;
	transform: rotate(-24deg) scaleX(0.68);
	width: 42%;
}

.business-column__placeholder--greenloom::after {
	border-left: 1px solid rgba(var(--color-ink-rgb), 0.28);
	content: "";
	height: 62%;
	position: absolute;
	transform: rotate(35deg);
}

.motion-words {
	color: rgba(var(--color-ink-rgb), 0.035);
	font-family: var(--font-serif);
	font-size: clamp(4rem, 11vw, 11rem);
	font-weight: 500;
	left: 0;
	line-height: 0.78;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 22%;
	z-index: -1;
}

.motion-words span {
	display: block;
	transform: translate3d(var(--parallax-x, 0), 0, 0);
	white-space: nowrap;
}

.motion-words span:nth-child(2),
.motion-words span:nth-child(4) {
	text-align: right;
}

.portfolio-cinema {
	position: relative;
}

.portfolio-stack {
	display: grid;
	gap: clamp(88px, 13vw, 180px);
	position: relative;
	z-index: 2;
}

.portfolio-stack--kinetic::before {
	background: linear-gradient(180deg, transparent, rgba(var(--color-ink-rgb), 0.18), transparent);
	content: "";
	height: calc(100% - 120px);
	left: clamp(34px, 8vw, 116px);
	position: absolute;
	top: 62px;
	transform: rotate(-17deg);
	transform-origin: top;
	width: 1px;
	z-index: -1;
}

.portfolio-card {
	background: rgba(var(--color-paper-rgb), 0.7);
	border: 1px solid var(--color-line);
	display: grid;
	grid-template-columns: minmax(280px, 0.86fr) minmax(0, 1.14fr);
	min-height: 430px;
	overflow: hidden;
	position: relative;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.portfolio-card::before {
	background: var(--color-olive);
	content: "";
	height: 10px;
	left: 18px;
	position: absolute;
	top: 18px;
	width: 10px;
}

.portfolio-card--offset {
	grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
	margin-left: clamp(0px, 10vw, 130px);
}

.portfolio-card--offset .portfolio-card__media {
	order: 2;
}

.portfolio .portfolio-card {
	background: transparent;
	border: 0;
	gap: clamp(28px, 6vw, 88px);
	grid-template-columns: minmax(360px, 1.14fr) minmax(260px, 0.72fr);
	min-height: 520px;
	overflow: visible;
}

.portfolio .portfolio-card::before {
	display: none;
}

.portfolio .portfolio-card--offset {
	grid-template-columns: minmax(260px, 0.72fr) minmax(360px, 1.14fr);
	margin-left: clamp(0px, 6vw, 86px);
	margin-right: clamp(0px, 4vw, 60px);
}

.portfolio-card:hover,
.portfolio-card:focus-within,
.post-card:hover {
	border-color: rgba(var(--color-olive-rgb), 0.48);
	box-shadow: var(--shadow-soft);
	transform: translateY(-4px);
}

.portfolio .portfolio-card:hover,
.portfolio .portfolio-card:focus-within {
	box-shadow: none;
}

.portfolio-card.is-trail-active {
	border-color: rgba(var(--color-olive-rgb), 0.72);
}

.portfolio-card__media,
.post-card__media {
	background: var(--color-stone);
	border: 1px solid rgba(var(--color-ink-rgb), 0.08);
	display: block;
	min-height: 100%;
	overflow: hidden;
	position: relative;
}

.portfolio .portfolio-card__media {
	aspect-ratio: 4 / 5;
	min-height: clamp(440px, 54vw, 680px);
}

.portfolio .portfolio-card--offset .portfolio-card__media {
	aspect-ratio: 5 / 4;
}

.trail-frame {
	background: var(--color-panel);
	border: 1px solid rgba(var(--color-ink-rgb), 0.16);
	box-shadow: 0 20px 48px rgba(var(--color-ink-rgb), 0.14);
	height: clamp(150px, 18vw, 250px);
	left: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: fixed;
	top: 0;
	transform: translate3d(-50%, -50%, 0) scale(0.96);
	transition: opacity 220ms ease, transform 220ms ease;
	width: clamp(120px, 15vw, 210px);
	z-index: 30;
}

.trail-frame.is-visible {
	opacity: 0.92;
	transform: translate3d(-50%, -50%, 0) scale(1);
}

.trail-frame img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.trail-frame--editorial {
	aspect-ratio: 4 / 5;
	border-color: rgba(var(--color-ink-rgb), 0.18);
	box-shadow: 0 24px 60px rgba(var(--color-ink-rgb), 0.16);
	height: auto;
	opacity: 0;
	width: clamp(220px, 24vw, 360px);
	z-index: 24;
}

.trail-frame--editorial.is-visible {
	opacity: 0.96;
}

.trail-frame--editorial img {
	height: 108%;
	left: -4%;
	max-width: none;
	position: relative;
	top: -4%;
	transform: translate3d(var(--trail-pan-x, 0), var(--trail-pan-y, 0), 0) scale(1.02);
	width: 108%;
}

.trail-frame__placeholder {
	align-items: end;
	background:
		linear-gradient(135deg, rgba(var(--color-ink-rgb), 0.96), rgba(var(--color-olive-rgb), 0.86)),
		var(--color-deep);
	color: rgba(var(--color-paper-rgb), 0.9);
	display: flex;
	font-family: var(--font-serif);
	font-size: 4.4rem;
	height: 100%;
	line-height: 0.8;
	padding: 14px;
}

.portfolio-card__media img,
.post-card__media img {
	height: 100%;
	object-fit: cover;
	transition: transform 700ms ease, filter 700ms ease;
	width: 100%;
}

.portfolio-card:hover img,
.post-card:hover img {
	transform: scale(1.035);
}

.portfolio-card__placeholder,
.portfolio-card__media--abstract {
	align-items: end;
	background:
		linear-gradient(135deg, rgba(var(--color-ink-rgb), 0.96), rgba(var(--color-olive-rgb), 0.9)),
		var(--color-deep);
	color: rgba(var(--color-paper-rgb), 0.9);
	display: flex;
	font-family: var(--font-serif);
	font-size: clamp(5rem, 9vw, 9rem);
	height: 100%;
	justify-content: flex-start;
	line-height: 0.75;
	padding: 28px;
}

.portfolio-card__placeholder span {
	position: relative;
	transform: translateY(8px);
	z-index: 1;
}

.portfolio-card__placeholder::before,
.portfolio-card__media--abstract::before,
.entry-featured-image--placeholder::before {
	background:
		linear-gradient(90deg, rgba(var(--color-paper-rgb), 0.09) 1px, transparent 1px),
		linear-gradient(rgba(var(--color-paper-rgb), 0.09) 1px, transparent 1px);
	background-size: 42px 42px;
	content: "";
	inset: 0;
	opacity: 0.58;
	position: absolute;
}

.portfolio-card__placeholder::after,
.portfolio-card__media--abstract::after,
.entry-featured-image--placeholder::after {
	border: 1px solid rgba(var(--color-paper-rgb), 0.18);
	content: "";
	inset: 22px;
	position: absolute;
}

.portfolio-card__body {
	align-self: end;
	padding: clamp(28px, 5vw, 70px);
}

.portfolio .portfolio-card__body {
	align-self: center;
	padding: 0;
}

.portfolio-card__body p,
.post-card__body p,
.insight-row p,
.venture-line p {
	color: var(--color-muted);
	margin-bottom: 0;
}

.rich-text {
	color: var(--color-muted);
	font-size: clamp(1.05rem, 1.7vw, 1.22rem);
	line-height: 1.75;
}

.rich-text p {
	margin-bottom: 24px;
}

.eyebrow-row {
	color: var(--color-olive-dark);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.68rem;
	font-weight: 800;
	gap: 8px 18px;
	letter-spacing: 0.12em;
	margin-bottom: clamp(22px, 4vw, 46px);
	text-transform: uppercase;
}

.portfolio-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 28px;
}

.portfolio-card__actions a {
	color: var(--color-olive-dark);
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.architecture {
	background:
		linear-gradient(90deg, rgba(var(--color-grey-rgb), 0.78), rgba(var(--color-paper-rgb), 0.88)),
		var(--color-paper);
	overflow: hidden;
	position: relative;
}

.architecture__inner {
	display: grid;
	gap: clamp(58px, 10vw, 150px);
	grid-template-columns: minmax(0, 0.56fr) minmax(0, 1.44fr);
}

.architecture__copy {
	position: sticky;
	top: 126px;
}

.architecture__copy .text-link {
	margin-top: 28px;
}

.architecture-map {
	display: grid;
	gap: clamp(18px, 3vw, 28px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	position: relative;
}

.architecture-map::before {
	background: var(--color-ink);
	border: 12px solid var(--color-paper);
	box-shadow: 0 0 0 1px var(--color-line), 0 18px 44px rgba(var(--color-ink-rgb), 0.1);
	color: var(--color-paper);
	content: "K";
	display: grid;
	font-family: var(--font-serif);
	font-size: 3.4rem;
	height: clamp(96px, 11vw, 136px);
	left: 50%;
	line-height: 1;
	place-items: center;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: clamp(96px, 11vw, 136px);
	z-index: 2;
}

.architecture-map::after {
	border: 1px solid rgba(var(--color-ink-rgb), 0.18);
	content: "";
	inset: 12%;
	position: absolute;
	transform: rotate(12deg);
	z-index: 0;
}

.architecture-item {
	background: rgba(var(--color-paper-rgb), 0.72);
	border: 1px solid rgba(var(--color-ink-rgb), 0.12);
	min-height: 210px;
	padding: clamp(22px, 3vw, 34px);
	position: relative;
	transition: background 180ms ease, color 180ms ease, transform 180ms ease;
	z-index: 1;
}

.architecture-item::before {
	background: rgba(var(--color-ink-rgb), 0.22);
	content: "";
	height: 1px;
	position: absolute;
	width: 38%;
}

.architecture-item:nth-child(1)::before {
	right: -22%;
	top: 48%;
	transform: rotate(24deg);
}

.architecture-item:nth-child(2)::before {
	bottom: 18%;
	left: -20%;
	transform: rotate(-24deg);
}

.architecture-item:nth-child(3)::before {
	right: -24%;
	top: 18%;
	transform: rotate(-22deg);
}

.architecture-item:nth-child(4)::before {
	left: -22%;
	top: 48%;
	transform: rotate(24deg);
}

.architecture-item:nth-child(2),
.architecture-item:nth-child(3) {
	transform: translateY(46px);
}

.architecture-item span {
	color: var(--color-olive-dark);
	display: block;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	margin-bottom: 54px;
	text-transform: uppercase;
}

.architecture-item p {
	color: var(--color-muted);
	margin-bottom: 0;
}

.architecture-item:hover,
.architecture-item:focus,
.architecture-item.is-active {
	background: var(--color-ink);
	color: var(--color-paper);
	outline: none;
	transform: translateY(-4px);
}

.architecture-item:nth-child(2):hover,
.architecture-item:nth-child(2):focus,
.architecture-item:nth-child(3):hover,
.architecture-item:nth-child(3):focus {
	transform: translateY(38px);
}

.architecture-item:hover p,
.architecture-item:focus p,
.architecture-item:hover span,
.architecture-item:focus span,
.architecture-item.is-active p,
.architecture-item.is-active span {
	color: rgba(var(--color-paper-rgb), 0.7);
}

.philosophy {
	background: var(--color-paper);
}

.philosophy__inner {
	display: grid;
	gap: clamp(52px, 10vw, 150px);
	grid-template-columns: minmax(150px, 0.24fr) minmax(0, 0.76fr);
}

.philosophy__statements {
	display: grid;
	gap: 0;
}

.philosophy__statements p {
	border-top: 1px solid var(--color-line);
	font-family: var(--font-serif);
	font-size: clamp(2.1rem, 4vw, 3.8rem);
	line-height: 1.04;
	margin: 0;
	padding: clamp(32px, 5vw, 62px) 0;
	transform: translate3d(var(--statement-x, 0), 0, 0);
	transition: transform 120ms linear;
}

.philosophy__statements p:last-child {
	border-bottom: 1px solid var(--color-line);
}

.ventures {
	background: var(--color-deep);
	color: var(--color-paper);
	overflow: hidden;
	position: relative;
}

.ventures::before {
	background:
		linear-gradient(rgba(var(--color-paper-rgb), 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--color-paper-rgb), 0.08) 1px, transparent 1px),
		var(--color-olive);
	background-size: 42px 42px;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.22;
	position: absolute;
	top: 0;
	width: clamp(70px, 18vw, 260px);
}

.ventures__inner {
	display: grid;
	gap: clamp(58px, 10vw, 150px);
	grid-template-columns: minmax(0, 0.58fr) minmax(0, 1.42fr);
}

.ventures__header {
	align-self: start;
	position: sticky;
	top: 126px;
}

.ventures .section-kicker,
.intro .section-kicker {
	color: rgba(var(--color-paper-rgb), 0.68);
}

.text-link--light {
	color: var(--color-warm-grey);
	margin-top: 34px;
}

.venture-list {
	display: grid;
	gap: clamp(22px, 4vw, 42px);
}

.venture-preview {
	background: rgba(var(--color-paper-rgb), 0.72);
	position: relative;
}

.portfolio-card--venture,
.venture-line {
	background: transparent;
	border: 1px solid rgba(var(--color-paper-rgb), 0.12);
	color: var(--color-paper);
	grid-template-columns: 160px minmax(0, 1fr);
	min-height: 190px;
}

.portfolio-card--venture .portfolio-card__media {
	min-height: 220px;
}

.portfolio-card--venture .portfolio-card__body {
	padding: 30px;
}

.portfolio-card--venture .portfolio-card__body p,
.portfolio-card--venture .eyebrow-row {
	color: rgba(var(--color-paper-rgb), 0.66);
}

.portfolio-card--venture .portfolio-card__placeholder {
	font-size: 5rem;
	padding: 20px;
}

.venture-line {
	display: grid;
	gap: 22px;
	grid-template-columns: 70px minmax(0, 0.8fr) minmax(0, 1fr);
	padding: clamp(24px, 4vw, 42px);
}

.venture-line span {
	color: rgba(var(--color-paper-rgb), 0.5);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.venture-line p {
	color: rgba(var(--color-paper-rgb), 0.66);
}

.insights {
	background: var(--color-panel);
}

.insight-index {
	border-top: 1px solid var(--color-line);
}

.insight-row a {
	align-items: baseline;
	border-bottom: 1px solid var(--color-line);
	display: grid;
	gap: 24px;
	grid-template-columns: 130px minmax(0, 1fr);
	padding: clamp(22px, 3vw, 34px) 0;
	transition: color 180ms ease, padding-left 180ms ease;
}

.insight-row span {
	color: var(--color-muted);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.insight-row h3 {
	margin-bottom: 0;
}

.insight-row a:hover,
.insight-row a:focus {
	color: var(--color-olive-dark);
	padding-left: 18px;
}

.insight-placeholder,
.empty-state {
	background: var(--color-panel);
	border: 1px solid var(--color-line);
	color: var(--color-muted);
	margin: 0 auto;
	padding: 34px;
	width: var(--container);
}

.contact-section {
	background: #f1eee5;
	padding-bottom: clamp(76px, 9vw, 126px);
	padding-top: clamp(72px, 9vw, 126px);
}

.contact-panel {
	background: var(--color-ink);
	color: var(--color-paper);
	display: grid;
	gap: clamp(28px, 5vw, 72px);
	grid-template-columns: minmax(150px, 0.34fr) minmax(0, 1fr);
	min-height: clamp(360px, 34vw, 500px);
	padding: clamp(34px, 5vw, 76px);
}

.contact-panel .section-kicker {
	color: rgba(var(--color-paper-rgb), 0.58);
	margin: 0;
}

.contact-panel__copy {
	align-self: start;
	grid-column: 2;
}

.contact-panel__copy h2 {
	color: var(--color-paper);
	font-size: clamp(2.6rem, 5vw, 5.5rem);
	line-height: 0.9;
	margin: 0;
	max-width: 760px;
}

.contact-panel__copy p {
	color: rgba(var(--color-paper-rgb), 0.7);
	font-size: clamp(1rem, 1.35vw, 1.125rem);
	line-height: 1.55;
	margin: clamp(24px, 3vw, 42px) 0 0;
	max-width: 430px;
}

.contact-panel__link {
	align-self: end;
	border-bottom: 1px solid rgba(var(--color-paper-rgb), 0.7);
	color: var(--color-paper);
	display: inline-flex;
	font-size: 0.7rem;
	font-weight: 800;
	gap: 12px;
	grid-column: 2;
	justify-self: end;
	letter-spacing: 0.13em;
	padding-bottom: 8px;
	text-transform: uppercase;
	transition: border-color 180ms ease, color 180ms ease;
}

.contact-panel__link:hover,
.contact-panel__link:focus {
	border-color: var(--color-paper);
	color: var(--color-paper);
}

.contact-panel__link span {
	font-size: 1rem;
	line-height: 0.7;
}

body.home .site-footer {
	padding-bottom: 28px;
	padding-top: 34px;
}

body.home .site-footer__inner {
	align-items: center;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr) auto;
}

body.home .site-footer__brand p,
body.home .site-footer__columns .footer-nav:not(:first-child) {
	display: none;
}

body.home .site-footer__columns {
	display: block;
}

body.home .site-footer__columns .footer-nav:first-child {
	margin: 0;
}

body.home .site-footer__columns .footer-nav:first-child p {
	display: none;
}

body.home .site-footer .footer-nav__menu {
	display: flex;
	gap: clamp(14px, 2vw, 28px);
}

body.home .site-footer .footer-nav__menu a {
	font-size: 0.68rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body.home .site-footer__meta {
	border-top: 0;
	grid-column: 2;
	padding-top: 0;
	text-align: right;
}

body.home .site-footer__meta p {
	font-size: 0.68rem;
	letter-spacing: 0.06em;
	margin: 0;
}

.site-footer {
	background: var(--color-deep);
	color: var(--color-paper);
	padding: clamp(52px, 7vw, 86px) 0 34px;
}

.site-footer__inner {
	display: grid;
	gap: clamp(38px, 6vw, 82px);
	grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1fr);
}

.site-brand--footer .site-brand__mark {
	background: var(--color-paper);
	color: var(--color-ink);
}

.site-footer p,
.site-footer a,
.site-footer__meta {
	color: rgba(var(--color-paper-rgb), 0.68);
}

.site-footer__brand p {
	max-width: 360px;
}

.site-footer__columns {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.footer-nav p {
	color: var(--color-paper);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.footer-nav__menu {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-nav a {
	font-size: 0.92rem;
	transition: color 160ms ease;
}

.footer-nav span {
	color: rgba(var(--color-paper-rgb), 0.42);
	display: inline-block;
	font-size: 0.92rem;
}

.footer-nav a:hover,
.footer-nav a:focus {
	color: var(--color-paper);
}

.site-footer__meta {
	border-top: 1px solid rgba(var(--color-paper-rgb), 0.14);
	grid-column: 1 / -1;
	padding-top: 28px;
}

.page-shell {
	padding-bottom: 110px;
	padding-top: 150px;
}

.page-hero,
.archive-hero,
.entry-header,
.portfolio-profile__header {
	margin-bottom: 54px;
}

.page-hero {
	display: grid;
	gap: 22px;
	max-width: 940px;
}

.page-hero--compact {
	max-width: 760px;
}

.archive-hero h1,
.page-hero h1,
.entry-header h1,
.portfolio-profile h1 {
	font-size: clamp(2.5rem, 4vw, 4.5rem);
	line-height: 0.96;
}

.archive-hero p:not(.section-kicker),
.page-hero p:not(.section-kicker),
.entry-header p:not(.section-kicker),
.portfolio-profile__header p:not(.section-kicker) {
	color: var(--color-muted);
	font-size: clamp(1rem, 1.4vw, 1.125rem);
	max-width: 760px;
}

.editorial-page {
	overflow: hidden;
}

.editorial-statement {
	align-items: center;
	border-bottom: 1px solid var(--color-line);
	border-top: 1px solid var(--color-line);
	display: grid;
	gap: clamp(40px, 8vw, 110px);
	grid-template-columns: minmax(0, 1fr) minmax(220px, 0.32fr);
	margin: 0 auto clamp(110px, 14vw, 190px);
	padding: clamp(44px, 7vw, 90px) 0;
	width: var(--container);
}

.editorial-statement p {
	font-family: var(--font-serif);
	font-size: clamp(2rem, 3.4vw, 3.5rem);
	line-height: 1.04;
	margin: 0;
	max-width: 960px;
}

.editorial-orbit {
	aspect-ratio: 1;
	border: 1px solid var(--color-line);
	display: grid;
	place-items: center;
	position: relative;
}

.editorial-orbit::before {
	background:
		linear-gradient(90deg, rgba(var(--color-ink-rgb), 0.055) 1px, transparent 1px),
		linear-gradient(rgba(var(--color-ink-rgb), 0.055) 1px, transparent 1px);
	background-size: 34px 34px;
	content: "";
	inset: 0;
	position: absolute;
}

.editorial-orbit span {
	border: 1px solid rgba(var(--color-olive-rgb), 0.35);
	border-radius: 999px;
	position: absolute;
}

.editorial-orbit span:nth-child(1) {
	height: 34%;
	width: 34%;
}

.editorial-orbit span:nth-child(2) {
	height: 62%;
	transform: rotate(24deg);
	width: 62%;
}

.editorial-orbit span:nth-child(3) {
	background: var(--color-olive);
	height: 10px;
	width: 10px;
}

.split-editorial {
	display: grid;
	gap: clamp(36px, 8vw, 120px);
	grid-template-columns: minmax(0, 0.62fr) minmax(260px, 0.38fr);
	margin: 0 auto clamp(100px, 13vw, 170px);
	width: var(--container);
}

.split-editorial h2 {
	max-width: 600px;
}

.architecture--page {
	margin-left: calc((100vw - min(100% - 48px, 1320px)) / -2);
	margin-right: calc((100vw - min(100% - 48px, 1320px)) / -2);
	padding-left: calc((100vw - min(100% - 48px, 1320px)) / 2);
	padding-right: calc((100vw - min(100% - 48px, 1320px)) / 2);
}

.portfolio-stack--archive {
	gap: clamp(90px, 13vw, 170px);
	position: relative;
	z-index: 1;
}

.portfolio-stack--archive .portfolio-card {
	background: transparent;
	border: 0;
	gap: clamp(32px, 6vw, 90px);
	grid-template-columns: minmax(360px, 1.1fr) minmax(260px, 0.7fr);
	min-height: min(780px, 82vh);
	overflow: visible;
}

.portfolio-stack--archive .portfolio-card::before {
	display: none;
}

.portfolio-stack--archive .portfolio-card--offset {
	grid-template-columns: minmax(260px, 0.7fr) minmax(360px, 1.1fr);
	margin-left: clamp(0px, 6vw, 80px);
	margin-right: clamp(0px, 4vw, 56px);
}

.portfolio-stack--archive .portfolio-card__media {
	aspect-ratio: 4 / 5;
	min-height: clamp(480px, 56vw, 720px);
}

.portfolio-stack--archive .portfolio-card--offset .portfolio-card__media {
	aspect-ratio: 16 / 11;
}

.portfolio-stack--archive .portfolio-card__body {
	align-self: center;
	padding: 0;
}

.businesses-page .page-hero {
	margin-bottom: clamp(90px, 12vw, 160px);
}

.businesses-page .portfolio-card h3 {
	font-size: clamp(2.5rem, 5vw, 6rem);
	line-height: 0.9;
	margin-bottom: clamp(22px, 3vw, 36px);
	max-width: 760px;
}

.businesses-page .portfolio-card__body p {
	color: var(--color-olive-dark);
	font-size: clamp(1rem, 1.25vw, 1.125rem);
	line-height: 1.75;
	max-width: 420px;
}

.businesses-page .eyebrow-row {
	margin-bottom: clamp(28px, 5vw, 70px);
}

.businesses-page .portfolio-card__actions {
	margin-top: clamp(30px, 5vw, 64px);
}

.businesses-page .portfolio-card.is-trail-active .portfolio-card__media {
	border-color: rgba(var(--color-olive-rgb), 0.42);
}

.businesses-page .portfolio-card.is-trail-active h3 {
	color: var(--color-olive-dark);
}

.venture-index {
	display: grid;
	gap: clamp(28px, 5vw, 64px);
}

.venture-index .portfolio-card {
	background:
		linear-gradient(135deg, rgba(var(--color-ink-rgb), 0.94), rgba(var(--color-olive-rgb), 0.86)),
		var(--color-deep);
	border-color: rgba(var(--color-paper-rgb), 0.12);
	color: var(--color-paper);
	grid-template-columns: minmax(240px, 0.62fr) minmax(0, 1fr);
	min-height: 360px;
}

.venture-index .portfolio-card:nth-child(even) {
	grid-template-columns: minmax(0, 1fr) minmax(240px, 0.62fr);
	margin-left: clamp(0px, 8vw, 110px);
}

.venture-index .portfolio-card:nth-child(even) .portfolio-card__media {
	order: 2;
}

.portfolio-card--venture-index .portfolio-card__media {
	min-height: 360px;
}

.venture-index .portfolio-card__body p,
.venture-index .eyebrow-row,
.venture-index .portfolio-card__actions a {
	color: rgba(var(--color-paper-rgb), 0.7);
}

.insight-index--page {
	margin-top: clamp(50px, 8vw, 110px);
}

.insight-index--page .insight-row a {
	grid-template-columns: 130px 120px minmax(220px, 0.7fr) minmax(260px, 1fr);
}

.contact-page-panel {
	background: var(--color-ink);
	color: var(--color-paper);
	display: grid;
	gap: clamp(44px, 8vw, 110px);
	grid-template-columns: minmax(0, 0.8fr) minmax(280px, 0.62fr);
	margin: 0 auto clamp(80px, 12vw, 150px);
	padding: clamp(42px, 7vw, 86px);
	width: var(--container);
}

.contact-page-panel p {
	font-size: clamp(1rem, 1.4vw, 1.125rem);
	margin-bottom: 0;
	max-width: 520px;
}

.contact-page-panel .section-kicker {
	color: rgba(var(--color-paper-rgb), 0.68);
}

.contact-methods {
	border-top: 1px solid rgba(var(--color-paper-rgb), 0.18);
	display: grid;
	gap: 28px;
	padding-top: 28px;
}

.contact-methods span {
	color: rgba(var(--color-paper-rgb), 0.54);
	display: block;
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.form-ready-area {
	border: 1px solid var(--color-line);
	margin: 0 auto;
	padding: clamp(34px, 6vw, 70px);
	width: var(--container);
}

.form-ready-area h2 {
	max-width: 660px;
}

.portfolio-grid,
.placeholder-grid,
.post-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portfolio-grid .portfolio-card {
	display: block;
	min-height: 0;
}

.portfolio-grid .portfolio-card__media {
	aspect-ratio: 4 / 3;
	min-height: 0;
}

.portfolio-grid .portfolio-card__body {
	padding: 28px;
}

.portfolio-grid .eyebrow-row {
	margin-bottom: 28px;
}

.post-card {
	background: rgba(var(--color-paper-rgb), 0.84);
	border: 1px solid var(--color-line);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.post-card__media {
	aspect-ratio: 4 / 3;
	min-height: 0;
}

.post-card__media span {
	align-items: center;
	color: rgba(var(--color-ink-rgb), 0.28);
	display: flex;
	font-family: var(--font-serif);
	font-size: 7rem;
	height: 100%;
	justify-content: center;
}

.post-card__body {
	padding: 26px;
}

.post-card__meta {
	color: var(--color-olive-dark);
	display: block;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	margin-bottom: 36px;
	text-transform: uppercase;
}

.portfolio-profile__header {
	align-items: end;
	display: grid;
	gap: clamp(36px, 7vw, 110px);
	grid-template-columns: minmax(0, 0.82fr) minmax(220px, 0.28fr);
	margin-bottom: clamp(54px, 8vw, 110px);
}

.profile-meta {
	border: 1px solid var(--color-line);
	display: grid;
	gap: 14px;
	min-width: 220px;
	padding: 22px;
}

.profile-meta span,
.profile-meta a {
	color: var(--color-olive-dark);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.entry-featured-image {
	margin: 0 0 54px;
	overflow: hidden;
	position: relative;
}

.entry-featured-image img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	width: 100%;
}

.entry-featured-image--placeholder {
	align-items: end;
	aspect-ratio: 16 / 10;
	background:
		linear-gradient(135deg, rgba(var(--color-ink-rgb), 0.96), rgba(var(--color-olive-rgb), 0.9)),
		var(--color-deep);
	color: rgba(var(--color-paper-rgb), 0.9);
	display: flex;
	font-family: var(--font-serif);
	font-size: clamp(7rem, 16vw, 14rem);
	line-height: 0.78;
	padding: clamp(24px, 5vw, 58px);
}

.entry-featured-image--placeholder span {
	position: relative;
	z-index: 1;
}

.entry-content {
	max-width: 820px;
}

.entry-content a {
	border-bottom: 1px solid currentColor;
	color: var(--color-olive-dark);
}

.nav-links {
	display: flex;
	gap: 16px;
	justify-content: center;
	margin-top: 48px;
}

.page-numbers {
	border: 1px solid var(--color-line);
	padding: 8px 12px;
}

.reveal {
	opacity: 1;
	transform: none;
}

.kiranvita-motion-ready .reveal {
	transition: opacity 620ms ease, transform 620ms ease;
}

.kiranvita-motion-ready .reveal:not(.is-visible) {
	opacity: 0;
	transform: translateY(20px);
}

.reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

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

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

	.reveal,
	.kiranvita-motion-ready .reveal,
	.kiranvita-motion-ready .reveal:not(.is-visible) {
		opacity: 1;
		transform: none;
	}

	.hero-system__point {
		animation: none;
	}

	.hero-system__plane::before,
	.hero-system__plane::after,
	.hero-system__node {
		animation: none;
	}

	.hero-horizon {
		transform:
			translate3d(-50%, var(--hero-horizon-y), 0)
			scale(var(--hero-horizon-scale));
	}
}

@media (hover: hover) and (pointer: fine) {
	.portfolio-stack--archive .portfolio-card:hover .portfolio-card__image,
	.portfolio .portfolio-card:hover .portfolio-card__image {
		filter: saturate(0.94) contrast(1.03);
		transform: scale(1.04) translate3d(1.4%, -1.2%, 0);
	}

	.portfolio-stack--archive .portfolio-card--offset:hover .portfolio-card__image,
	.portfolio .portfolio-card--offset:hover .portfolio-card__image {
		transform: scale(1.04) translate3d(-1.4%, 1.2%, 0);
	}

	.venture-index .portfolio-card:hover .portfolio-card__image {
		filter: saturate(0.86) contrast(1.08);
		transform: scale(1.045) rotate(0.25deg);
	}
}

@media (max-width: 1080px) {
	:root {
		--container: min(100% - 32px, 920px);
		--container-narrow: min(100% - 32px, 780px);
	}

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

	.nav-toggle {
		display: block;
	}

	.primary-nav {
		background: var(--color-paper);
		border-left: 1px solid var(--color-line);
		bottom: 0;
		box-shadow: -18px 0 50px rgba(var(--color-ink-rgb), 0.12);
		padding: 110px 28px 28px;
		position: fixed;
		right: 0;
		top: 0;
		transform: translateX(104%);
		transition: transform 220ms ease;
		width: min(86vw, 410px);
	}

	.primary-nav.is-open {
		transform: translateX(0);
	}

	.primary-nav__menu {
		align-items: stretch;
		display: grid;
		gap: 22px;
	}

	.primary-nav a {
		color: var(--color-ink);
		font-size: 0.92rem;
	}

	.hero__inner,
	.intro__inner,
	.editorial-statement,
	.architecture__inner,
	.philosophy__inner,
	.ventures__inner,
	.contact-panel,
	.split-editorial,
	.contact-page-panel,
	.site-footer__inner,
	.portfolio-profile__header {
		grid-template-columns: 1fr;
	}

	.hero__inner {
		align-items: start;
		min-height: 0;
		max-width: var(--container);
	}

	.hero__content {
		margin-left: 0;
		width: min(54vw, 500px);
	}

	.hero-title {
		font-size: clamp(2.85rem, 6.9vw, 4.9rem);
		max-width: 500px;
	}

	.hero-system {
		height: min(52vh, 520px);
		inset: auto;
		left: auto;
		right: clamp(8px, 3vw, 40px);
		top: 2%;
		width: min(53vw, 535px);
	}

	.hero__visual.hero-system {
		inset: auto;
		right: clamp(8px, 3vw, 40px);
		top: 2%;
	}

	.hero__visual {
		inset: 118px 0 0;
	}

	.ecosystem-panel {
		aspect-ratio: 1.24;
		max-height: none;
		min-height: 440px;
		width: 100%;
	}

	.intro__note {
		grid-column: auto;
	}

	.architecture__copy,
	.ventures__header {
		position: static;
	}

	.architecture-item:nth-child(2),
	.architecture-item:nth-child(3),
	.architecture-item:nth-child(2):hover,
	.architecture-item:nth-child(2):focus,
	.architecture-item:nth-child(3):hover,
	.architecture-item:nth-child(3):focus {
		transform: none;
	}

	.section-heading {
		display: block;
	}

	.portfolio .section-heading h2 {
		white-space: normal;
	}

	.businesses-scroll {
		grid-template-columns: 1fr;
	}

	.business-grid {
		grid-template-columns: 1fr;
	}

	.insights-transition {
		height: 72px;
	}

	.insights-home__grid {
		grid-template-columns: 1fr;
	}

	.insight-card__media {
		height: min(64vw, 300px);
	}

	.business-column__visual {
		height: min(72vw, 360px);
	}

	.businesses-stage {
		height: min(72vw, 560px);
		min-height: 360px;
		position: relative;
		top: auto;
	}

	.business-slide {
		min-height: 360px;
		padding: 72px 0;
	}

	.section-heading .text-link {
		margin-top: 24px;
	}

	.portfolio-card,
	.portfolio-card--offset {
		grid-template-columns: 1fr;
		margin-left: 0;
		margin-right: 0;
	}

	.portfolio-stack--archive .portfolio-card,
	.portfolio-stack--archive .portfolio-card--offset,
	.venture-index .portfolio-card,
	.venture-index .portfolio-card:nth-child(even) {
		grid-template-columns: 1fr;
		margin-left: 0;
		margin-right: 0;
		min-height: 0;
	}

	.portfolio-card--offset .portfolio-card__media {
		order: initial;
	}

	.venture-index .portfolio-card:nth-child(even) .portfolio-card__media {
		order: initial;
	}

	.portfolio .portfolio-card__media,
	.portfolio .portfolio-card--offset .portfolio-card__media,
	.portfolio-stack--archive .portfolio-card__media,
	.portfolio-stack--archive .portfolio-card--offset .portfolio-card__media {
		aspect-ratio: 16 / 11;
		min-height: 420px;
	}

	.businesses-page .portfolio-card h3 {
		font-size: clamp(2.4rem, 9vw, 4.6rem);
	}

	.insight-row a {
		grid-template-columns: 120px minmax(0, 1fr);
	}

	.insight-index--page .insight-row a {
		grid-template-columns: 110px minmax(0, 1fr);
	}

	.insight-row p {
		grid-column: 2;
	}

	.insight-index--page .insight-row p {
		grid-column: 2;
	}

	.contact-panel .button--primary {
		grid-column: auto;
		grid-row: auto;
		justify-self: start;
	}

	.contact-panel__copy,
	.contact-panel__link {
		grid-column: auto;
	}

	.contact-panel__link {
		justify-self: start;
	}

	body.home .site-footer__inner {
		align-items: start;
		gap: 22px;
		grid-template-columns: 1fr;
	}

	body.home .site-footer__columns,
	body.home .site-footer__meta {
		grid-column: auto;
	}

	body.home .site-footer__meta {
		text-align: left;
	}
}

/* Final About desktop layout override: prevent the principles column from inheriting a narrow container. */
@media (min-width: 721px) {
	.about-universe .about-universe-build {
		box-sizing: border-box;
		grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr);
		max-width: none;
		width: 100%;
	}

	.about-universe .about-universe-principles {
		box-sizing: border-box;
		max-width: none;
		min-width: 0;
		width: 100%;
	}

	.about-universe .about-universe-principles article {
		box-sizing: border-box;
		min-width: 0;
		width: 100%;
	}
}

/* Keep the responsive drawer a full-height panel even when wider tablet styles are present. */
@media (max-width: 1200px) {
	.site-header .primary-nav {
		bottom: 0 !important;
		display: block !important;
		height: 100dvh !important;
		min-height: 100vh !important;
		position: fixed !important;
		right: 0 !important;
		top: 0 !important;
		width: min(86vw, 410px) !important;
		z-index: 55 !important;
	}
	.site-header .primary-nav__menu {
		display: grid !important;
		grid-template-columns: 1fr !important;
		grid-auto-flow: row !important;
	}
	body.nav-open .site-header .primary-nav {
		background: #0b0d0c !important;
		background-image: none !important;
		color: #f1ede3 !important;
		transform: translateX(0) !important;
	}
}

/* Keep the legal page header continuous with its dark background. */
body.page-template-page-privacy-policy .site-header {
	background: #0b0d0c !important;
	border-bottom-color: rgba(241, 238, 229, 0.12) !important;
	color: #f1ede3;
}

body.page-template-page-privacy-policy .site-header .site-brand__text,
body.page-template-page-privacy-policy .site-header .primary-nav a {
	color: #f1ede3 !important;
}

body.page-template-page-privacy-policy .site-header .primary-nav a:hover,
body.page-template-page-privacy-policy .site-header .primary-nav a:focus,
body.page-template-page-privacy-policy .site-header .primary-nav a.is-active {
	color: #b7c477 !important;
}

body.page-template-page-privacy-policy .site-header .nav-toggle__line,
body.page-template-page-privacy-policy .site-header .nav-toggle__line::before,
body.page-template-page-privacy-policy .site-header .nav-toggle__line::after {
	background: #f1ede3 !important;
}

body.page-template-page-terms-and-conditions .site-header {
	background: #0b0d0c !important;
	border-bottom-color: rgba(241, 238, 229, 0.12) !important;
	color: #f1ede3;
}

body.page-template-page-terms-and-conditions .site-header .site-brand__text,
body.page-template-page-terms-and-conditions .site-header .primary-nav a {
	color: #f1ede3 !important;
}

body.page-template-page-terms-and-conditions .site-header .primary-nav a:hover,
body.page-template-page-terms-and-conditions .site-header .primary-nav a:focus,
body.page-template-page-terms-and-conditions .site-header .primary-nav a.is-active,
body.page-template-page-terms-and-conditions .site-header .nav-toggle__line,
body.page-template-page-terms-and-conditions .site-header .nav-toggle__line::before,
body.page-template-page-terms-and-conditions .site-header .nav-toggle__line::after {
	color: #b7c477 !important;
}

body.page-template-page-terms-and-conditions .site-header .nav-toggle__line,
body.page-template-page-terms-and-conditions .site-header .nav-toggle__line::before,
body.page-template-page-terms-and-conditions .site-header .nav-toggle__line::after {
	background: #f1ede3 !important;
}

/* Contact page */
body.page-template-page-contact,
body.page-template-page-contact .site-main {
	background: #0b0d0c;
	color: #f1ede3;
}

body.page-template-page-contact .site-header {
	background: #0b0d0c !important;
	border-bottom-color: rgba(241, 238, 229, 0.12) !important;
}

body.page-template-page-contact .site-header .site-brand__text,
body.page-template-page-contact .site-header .primary-nav a { color: #f1ede3 !important; }

.contact-page { overflow: hidden; padding-bottom: 110px; }
.contact-page__hero { min-height: min(760px, 92vh); padding: clamp(150px, 16vw, 230px) var(--container-side, 0) 100px; position: relative; }
.contact-page__hero-copy { margin: 0 auto; position: relative; width: var(--container); z-index: 2; }
.contact-page__hero h1 { font-family: var(--font-serif); font-size: clamp(4rem, 8vw, 8.4rem); font-weight: 500; letter-spacing: -0.025em; line-height: 0.86; margin: 30px 0 42px; max-width: 780px; }
.contact-page__hero h1 em { color: #b7c477; font-style: italic; }
.contact-page__hero-copy > p:last-child { color: rgba(241, 238, 229, 0.7); font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.65; max-width: 500px; }
.contact-page__orbit { height: min(54vw, 620px); opacity: 0.48; pointer-events: none; position: absolute; right: -7%; top: 16%; width: min(54vw, 620px); }
.contact-page__orbit span { border: 1px solid rgba(183, 196, 119, 0.55); border-radius: 50%; inset: 12%; position: absolute; transform: rotate(24deg) scaleY(0.45); }
.contact-page__orbit span:nth-child(2) { inset: 22% 5%; transform: rotate(-28deg) scaleY(0.46); }
.contact-page__orbit span:nth-child(3) { inset: 31% -3%; transform: rotate(58deg) scaleY(0.38); }
.contact-page__orbit b { align-items: center; border: 1px solid rgba(241, 238, 229, 0.68); border-radius: 50%; color: #f1ede3; display: flex; font-family: var(--font-serif); font-size: clamp(3rem, 6vw, 6rem); font-weight: 500; inset: 42%; justify-content: center; position: absolute; text-shadow: 0 0 18px rgba(241, 238, 229, 0.24); }
.contact-page__details { border-top: 1px solid rgba(241, 238, 229, 0.13); display: grid; gap: clamp(50px, 10vw, 160px); grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.3fr); margin: 0 auto; padding: clamp(66px, 9vw, 120px) 0; width: var(--container); }
.contact-page__introduction > p:not(.section-kicker) { color: rgba(241, 238, 229, 0.68); line-height: 1.65; margin: 26px 0 30px; max-width: 280px; }
.contact-page__email { color: #f1ede3; font-family: var(--font-serif); font-size: clamp(1.5rem, 2.4vw, 2.5rem); }
.contact-page__form-wrap { max-width: 640px; }
.contact-form { display: grid; gap: 24px; margin-top: 34px; }
.contact-form label { color: rgba(241, 238, 229, 0.62); display: grid; font-size: 0.68rem; font-weight: 700; gap: 10px; letter-spacing: 0.14em; text-transform: uppercase; }
.contact-form input,
.contact-form textarea { background: transparent; border: 0; border-bottom: 1px solid rgba(241, 238, 229, 0.25); border-radius: 0; color: #f1ede3; font: inherit; outline: none; padding: 10px 0; resize: vertical; width: 100%; }
.contact-form input:focus,
.contact-form textarea:focus { border-bottom-color: #b7c477; }
.contact-form button { background: transparent; border: 0; border-bottom: 1px solid #b7c477; color: #f1ede3; cursor: pointer; font: inherit; justify-self: start; letter-spacing: 0.12em; margin-top: 14px; padding: 0 0 10px; text-transform: uppercase; }
.contact-page__closing { border-top: 1px solid rgba(241, 238, 229, 0.13); color: rgba(241, 238, 229, 0.58); font-size: 0.78rem; letter-spacing: 0.08em; margin: 0 auto; padding-top: 24px; width: var(--container); }

@media (max-width: 720px) {
	.contact-page__hero { min-height: 680px; padding: 140px 22px 70px; }
	.contact-page__hero-copy { width: 100%; }
	.contact-page__hero h1 { font-size: clamp(3.4rem, 16vw, 5.8rem); }
	.contact-page__orbit { opacity: 0.2; right: -42%; top: 34%; width: 470px; }
	.contact-page__details { display: block; padding: 68px 22px; width: 100%; }
	.contact-page__form-wrap { margin-top: 76px; }
	.contact-page__closing { margin: 0 22px; width: auto; }
}

/* Businesses archive */
body.post-type-archive-business .site-header,
body.post-type-archive-business .site-main { background: #0b0d0c; color: #f1ede3; }
body.post-type-archive-business .site-header { border-bottom-color: rgba(241, 238, 229, 0.12); }
body.post-type-archive-business .site-header .site-brand__text,
body.post-type-archive-business .site-header .primary-nav a { color: #f1ede3 !important; }

.businesses-universe { background: #0b0d0c; overflow: hidden; }
.businesses-universe__hero { min-height: 690px; padding: clamp(150px, 16vw, 230px) 0 110px; position: relative; }
.businesses-universe__hero-copy { margin: 0 auto; position: relative; width: var(--container); z-index: 2; }
.businesses-universe__hero h1 { font-family: var(--font-serif); font-size: clamp(4rem, 8vw, 8rem); font-weight: 500; letter-spacing: -0.025em; line-height: 0.86; margin: 30px 0 40px; max-width: 780px; }
.businesses-universe__hero-copy > p:last-child { color: rgba(241, 238, 229, 0.68); font-size: clamp(1rem, 1.3vw, 1.12rem); line-height: 1.65; max-width: 540px; }
.businesses-universe__hero-orbit { height: min(52vw, 620px); opacity: 0.3; pointer-events: none; position: absolute; right: -6%; top: 13%; width: min(52vw, 620px); }
.businesses-universe__hero-orbit span { border: 1px solid rgba(183, 196, 119, 0.64); border-radius: 50%; inset: 10%; position: absolute; transform: rotate(24deg) scaleY(0.42); }
.businesses-universe__hero-orbit span:nth-child(2) { inset: 22% 2%; transform: rotate(-34deg) scaleY(0.44); }
.businesses-universe__hero-orbit span:nth-child(3) { inset: 34% -6%; transform: rotate(60deg) scaleY(0.37); }
.businesses-universe__hero-orbit b { align-items: center; border: 1px solid rgba(241, 238, 229, 0.54); border-radius: 50%; color: #f1ede3; display: flex; font-family: var(--font-serif); font-size: clamp(3rem, 5vw, 5rem); font-weight: 500; inset: 42%; justify-content: center; position: absolute; }
.businesses-universe__portfolio { margin: 0 auto; padding: 100px 0 140px; width: var(--container); }
.businesses-universe__heading { border-top: 1px solid rgba(241, 238, 229, 0.14); padding-top: 32px; }
.businesses-universe__heading h2 { font-family: var(--font-serif); font-size: clamp(2.6rem, 4vw, 4.6rem); font-weight: 500; line-height: 0.95; margin: 24px 0 0; }
.businesses-universe__list { margin-top: 100px; }
.business-universe-entry { align-items: center; border-top: 1px solid rgba(241, 238, 229, 0.14); display: grid; gap: clamp(40px, 8vw, 130px); grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr); padding: 80px 0; }
.business-universe-entry--reverse { grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr); }
.business-universe-entry--reverse .business-universe-entry__visual { grid-column: 2; grid-row: 1; }
.business-universe-entry--reverse .business-universe-entry__copy { grid-column: 1; grid-row: 1; }
.business-universe-entry__visual { aspect-ratio: 1.35; background: #171816; display: block; overflow: hidden; position: relative; }
.business-universe-entry__visual img { display: block; height: 100%; object-fit: cover; transition: transform 500ms ease; width: 100%; }
.business-universe-entry__visual:hover img { transform: scale(1.03); }
.business-universe-entry__placeholder { align-items: center; color: rgba(241, 238, 229, 0.18); display: flex; font-family: var(--font-serif); font-size: clamp(7rem, 18vw, 15rem); height: 100%; justify-content: center; }
.business-universe-entry__copy { max-width: 430px; }
.business-universe-entry__index,
.business-universe-entry__category { color: #b7c477; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.business-universe-entry__copy h3 { font-family: var(--font-serif); font-size: clamp(2.8rem, 5vw, 5.8rem); font-weight: 500; line-height: 0.88; margin: 30px 0 18px; }
.business-universe-entry__copy h3 a { color: #f1ede3; }
.business-universe-entry__category { margin: 0; }
.business-universe-entry__description { color: rgba(241, 238, 229, 0.68); font-size: 1rem; line-height: 1.65; margin: 28px 0 0; max-width: 360px; }
.business-universe-entry__link,
.business-universe-entry__external { color: #f1ede3; display: inline-block; font-size: 0.72rem; letter-spacing: 0.12em; margin-top: 34px; text-transform: uppercase; }
.business-universe-entry__external { color: rgba(241, 238, 229, 0.55); margin-left: 22px; }
.businesses-universe__closing { border-top: 1px solid rgba(241, 238, 229, 0.14); margin: 0 auto; padding: 100px 0 150px; width: var(--container); }
.businesses-universe__closing h2 { font-family: var(--font-serif); font-size: clamp(3rem, 6vw, 6.5rem); font-weight: 500; line-height: 0.88; margin: 28px 0 32px; }
.businesses-universe__closing > p:not(.section-kicker) { color: rgba(241, 238, 229, 0.68); line-height: 1.65; max-width: 470px; }
.businesses-universe__closing .text-link { color: #f1ede3; display: inline-block; margin-top: 40px; }

@media (max-width: 720px) {
	.businesses-universe__hero { min-height: 650px; padding: 140px 22px 80px; }
	.businesses-universe__hero-copy,
	.businesses-universe__portfolio,
	.businesses-universe__closing { width: 100%; }
	.businesses-universe__hero h1 { font-size: clamp(3.6rem, 16vw, 5.8rem); }
	.businesses-universe__hero-orbit { opacity: 0.2; right: -38%; top: 38%; width: 470px; }
	.businesses-universe__portfolio { padding: 80px 22px 100px; }
	.businesses-universe__list { margin-top: 64px; }
	.business-universe-entry,
	.business-universe-entry--reverse { display: flex; flex-direction: column; gap: 36px; padding: 60px 0; }
	.business-universe-entry--reverse .business-universe-entry__visual,
	.business-universe-entry--reverse .business-universe-entry__copy { order: initial; }
	.business-universe-entry__visual { width: 100%; }
	.business-universe-entry__copy { width: 100%; }
	.businesses-universe__closing { padding: 80px 22px 110px; }
}

/* Legal pages */
.legal-page {
	background: #0b0d0c;
	color: #f1ede3;
	min-height: 100vh;
	padding: clamp(150px, 16vw, 230px) 0 clamp(90px, 12vw, 170px);
}

.legal-page__intro,
.legal-page__content {
	margin: 0 auto;
	width: var(--container-narrow);
}

.legal-page__intro {
	border-bottom: 1px solid rgba(241, 238, 229, 0.14);
	padding-bottom: clamp(56px, 7vw, 96px);
}

.legal-page__intro h1 {
	font-family: var(--font-serif);
	font-size: clamp(3.4rem, 7vw, 6.8rem);
	font-weight: 500;
	line-height: 0.92;
	margin: 26px 0 30px;
}

.legal-page__intro > p:not(.section-kicker):not(.legal-page__updated) {
	color: rgba(241, 238, 229, 0.72);
	font-size: clamp(1rem, 1.4vw, 1.15rem);
	line-height: 1.65;
	max-width: 620px;
}

.legal-page__updated,
.legal-page__number {
	color: #b7c477;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.legal-page__updated { margin: 28px 0 0; }

.legal-page__section {
	border-bottom: 1px solid rgba(241, 238, 229, 0.12);
	display: grid;
	gap: 24px clamp(30px, 7vw, 100px);
	grid-template-columns: minmax(110px, 0.28fr) minmax(0, 1fr);
	padding: clamp(42px, 6vw, 76px) 0;
}

.legal-page__number { margin: 7px 0 0; }
.legal-page__section h2 { font-family: var(--font-serif); font-size: clamp(2rem, 3.2vw, 3rem); font-weight: 500; line-height: 1; margin: 0 0 24px; }
.legal-page__copy { color: rgba(241, 238, 229, 0.72); font-size: 1rem; line-height: 1.7; max-width: 650px; }
.legal-page__copy p { margin: 0; }
.legal-page__copy ul { margin: 18px 0 0; padding-left: 20px; }
.legal-page__copy li { margin: 7px 0; }
.legal-page__contact { border-bottom: 0; }
.legal-page__contact .text-link { color: #f1ede3; display: inline-block; margin-top: 28px; }

@media (max-width: 720px) {
	.legal-page { padding: 130px 22px 90px; }
	.legal-page__intro,
	.legal-page__content { width: 100%; }
	.legal-page__intro h1 { font-size: clamp(3rem, 15vw, 4.6rem); }
	.legal-page__section { display: block; }
	.legal-page__number { margin-bottom: 22px; }
}

@media (max-width: 720px) {
	:root {
		--container: min(100% - 22px, 620px);
		--container-narrow: min(100% - 22px, 560px);
	}

	body {
		font-size: 15px;
	}

	h1 {
		font-size: clamp(3rem, 15vw, 4.8rem);
		line-height: 0.92;
	}

	h2 {
		font-size: clamp(2.15rem, 10vw, 3.2rem);
	}

	.site-header {
		padding: 12px 0;
		z-index: 70;
	}

	.site-header__inner {
		position: relative;
		z-index: 71;
	}

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

	.site-brand__text {
		font-size: 0.78rem;
		letter-spacing: 0.08em;
	}

	.site-brand__wordmark {
		max-width: 46vw;
		width: 160px;
	}

	.nav-toggle {
		display: block;
		opacity: 1;
		visibility: visible;
		z-index: 72;
	}

	body.home .site-header .nav-toggle__line,
	body.home .site-header .nav-toggle__line::before,
	body.home .site-header .nav-toggle__line::after {
		background: #f1eee5;
	}

	.hero {
		background: #171816;
		min-height: 100svh;
		padding: 92px 0 34px;
	}

	.hero-horizon {
		bottom: 0;
		height: 78vh;
		width: 188vw;
		transform:
			translate3d(-50%, var(--hero-horizon-y), 0)
			scale(var(--hero-horizon-scale));
	}

	.hero-horizon__curve {
		height: 68vh;
	}

	.hero-horizon__surface {
		height: 38vh;
	}

	.intro.section-pad {
		min-height: 570px;
		padding: 78px 0 88px;
	}

	.intro__inner {
		align-content: center;
		gap: 42px;
		min-height: 100%;
	}

	.intro__inner > .section-kicker {
		margin-top: 0;
	}

	.intro__content h2 {
		font-size: clamp(2.85rem, 10.5vw, 3.8rem);
		line-height: 1;
		white-space: normal;
	}

	.intro__content,
	.intro__inner > .section-kicker {
		transform: none;
	}

	.intro__content > p {
		font-size: 0.98rem;
		max-width: 330px;
	}

	.intro__orbital {
		height: 380px;
		right: -190px;
		top: 58%;
		width: 380px;
	}

	.hero::before {
		inset: 92px 12px 34px;
	}

	.hero__inner {
		min-height: calc(100svh - 126px);
		width: min(100% - 24px, 620px);
	}

	.hero__content {
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
		text-align: left;
		width: min(86vw, 370px);
	}

	.hero-title {
		font-size: clamp(2.2rem, 10.5vw, 3.35rem);
		line-height: 0.92;
		max-width: 100%;
	}

	.hero-title__line:nth-child(2) {
		margin-left: 0;
	}

	.hero-title__line:nth-child(3) {
		margin-left: 0;
	}

	.hero-title__line--final {
		margin-left: 0;
		margin-top: -0.12em;
	}

	.hero-title__serif {
		font-size: 0.98em;
	}

	.hero__content > p:not(.section-kicker) {
		font-size: 0.9rem;
		line-height: 1.62;
		margin-top: 22px;
		max-width: 280px;
	}

	.ecosystem-canvas {
		opacity: 0.44;
	}

	.hero__actions,
	.footer-nav__menu {
		display: grid;
	}

	.button {
		width: 100%;
	}

	.hero__actions {
		display: flex;
	}

	.hero .button {
		width: auto;
	}

	.ecosystem-panel {
		aspect-ratio: auto;
		min-height: 360px;
	}

	.hero-system {
		height: min(40vh, 325px);
		inset: auto;
		left: auto;
		min-height: 190px;
		right: -10vw;
		top: 8%;
		transform:
			translate3d(var(--hero-system-x), var(--hero-system-y), 0)
			scale(var(--hero-system-scale));
		width: min(88vw, 390px);
	}

	.hero__visual.hero-system {
		inset: auto;
		right: -10vw;
		top: 8%;
	}

	.hero-system__plane {
		width: min(100%, 382px);
	}

	.hero-system__node--core {
		height: 58px;
		width: 92px;
	}

	.hero-system__node--five,
	.hero-system__node--six,
	.hero-system__label--two,
	.hero-system__label--four,
	.hero-system__meta--one {
		display: none;
	}

	.scroll-cue {
		display: none;
	}

	.portfolio-card,
	.portfolio-card--offset,
	.portfolio-card--venture {
		display: block;
		min-height: 0;
	}

	.portfolio-stack--archive .portfolio-card,
	.portfolio-stack--archive .portfolio-card--offset {
		min-height: 0;
	}

	.portfolio-card--offset .portfolio-card__media {
		order: initial;
	}

	.portfolio-card__media,
	.portfolio-card--venture .portfolio-card__media {
		aspect-ratio: 1.15;
		min-height: 0;
	}

	.portfolio-card:hover,
	.portfolio-card:focus-within,
	.post-card:hover {
		box-shadow: none;
		transform: none;
	}

	.portfolio-card:hover img,
	.post-card:hover img {
		transform: none;
	}

	.portfolio .portfolio-card__media,
	.portfolio .portfolio-card--offset .portfolio-card__media,
	.portfolio-stack--archive .portfolio-card__media,
	.portfolio-stack--archive .portfolio-card--offset .portfolio-card__media {
		aspect-ratio: 1 / 1;
		min-height: 0;
	}

	.businesses-page .portfolio-card h3 {
		font-size: clamp(2.3rem, 13vw, 4rem);
	}

	.portfolio-card__placeholder,
	.portfolio-card__media--abstract {
		font-size: clamp(6rem, 34vw, 10rem);
		min-height: 100%;
	}

	.architecture-map,
	.portfolio-grid,
	.placeholder-grid,
	.post-grid,
	.site-footer__columns {
		grid-template-columns: 1fr;
	}

	.architecture-item {
		min-height: 230px;
	}

	.architecture-map::before {
		font-size: 3.6rem;
		height: 96px;
		width: 96px;
	}

	.architecture-map::after,
	.architecture-item::before {
		display: none;
	}

	.architecture-item span {
		margin-bottom: 42px;
	}

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

	.venture-line {
		grid-template-columns: 1fr;
	}

	.insight-row a {
		align-items: start;
		grid-template-columns: 1fr;
		padding-right: 0;
	}

	.insight-index--page .insight-row a {
		grid-template-columns: 1fr;
	}

	.insight-row p {
		grid-column: auto;
	}

	.insight-index--page .insight-row p {
		grid-column: auto;
	}

	.contact-panel {
		padding: 30px 22px;
	}

	.contact-page-panel,
	.form-ready-area {
		padding: 30px 22px;
	}

	.page-shell {
		padding-top: 120px;
	}
}

@media (max-width: 420px) {
	.hero {
		padding-top: 88px;
	}

	.hero__inner {
		width: min(100% - 20px, 400px);
	}

	.hero__content {
		width: min(74vw, 280px);
	}

	.hero-title {
		font-size: clamp(1.78rem, 8.4vw, 2.35rem);
		line-height: 1;
	}

	.hero-title__line--final {
		margin-top: -0.1em;
	}

	.hero__content > p:not(.section-kicker) {
		font-size: 0.84rem;
		max-width: 220px;
	}

	.hero-system {
		height: 260px;
		inset: auto;
		right: -12vw;
		top: 6%;
		width: 345px;
	}

	.hero__visual.hero-system {
		inset: auto;
		right: -12vw;
		top: 6%;
	}

	.hero-system__plane {
		width: 336px;
	}

	.hero-system__node--core {
		height: 50px;
		width: 80px;
	}
}

.site-brand--footer .site-brand__mark {
	background: transparent;
	color: transparent;
	filter: grayscale(1) brightness(1.18) contrast(1.12);
	height: 72px;
	mix-blend-mode: screen;
	object-fit: contain;
	width: 72px;
}

.site-footer,
body.home .site-footer {
	background: #171816;
	color: #f1eee5;
}

.site-brand--footer .site-brand__text,
.site-footer a,
.site-footer .footer-nav p {
	color: #f1eee5;
}

.site-footer__brand p,
.site-footer__meta,
.site-footer__meta p {
	color: rgba(241, 238, 229, 0.62);
}

.site-footer__meta,
body.home .site-footer__meta {
	border-top-color: rgba(241, 238, 229, 0.2);
}

.site-footer a:hover,
.site-footer a:focus {
	color: rgba(241, 238, 229, 0.62);
}

/* Homepage final rhythm and alignment pass */
html,
body {
	overflow-x: hidden;
}

body.home .section-pad {
	padding-bottom: clamp(84px, 10vw, 156px);
	padding-top: clamp(84px, 10vw, 156px);
}

body.home .portfolio {
	padding-bottom: clamp(84px, 10vw, 144px);
	padding-top: clamp(72px, 8vw, 116px);
}

body.home .pixel-world {
	height: clamp(360px, 34vw, 520px);
}

body.home .section-heading {
	align-items: end;
	margin-bottom: clamp(34px, 4.5vw, 62px);
}

body.home .section-heading h2 {
	margin-bottom: 0;
}

body.home .business-grid,
body.home .insights-home__grid {
	align-items: stretch;
}

body.home .business-column,
body.home .insight-card {
	height: 100%;
}

body.home .business-column__visual,
body.home .insight-card__media {
	aspect-ratio: 4 / 3;
	height: auto;
}

body.home .business-column__visual {
	min-height: clamp(220px, 22vw, 320px);
}

body.home .insight-card__media {
	min-height: clamp(180px, 18vw, 260px);
}

body.home .business-column__link,
body.home .insight-card__footer a,
body.home .contact-panel__link {
	white-space: nowrap;
}

body.home .contact-section {
	padding-bottom: clamp(72px, 8vw, 112px);
	padding-top: clamp(72px, 8vw, 112px);
}

body.home .contact-panel {
	min-height: clamp(340px, 31vw, 460px);
}

body.home .site-footer {
	display: block;
	padding: clamp(62px, 8vw, 112px) 0 28px;
}

body.home .site-footer__inner {
	align-items: start;
	display: grid;
	gap: clamp(42px, 8vw, 120px);
	grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.1fr);
}

body.home .site-footer__brand p,
body.home .site-footer__columns .footer-nav:not(:first-child),
body.home .site-footer__columns .footer-nav:first-child p {
	display: block;
}

body.home .site-footer__columns {
	display: grid;
	gap: clamp(32px, 6vw, 90px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.home .site-footer .footer-nav__menu {
	display: grid;
	gap: 10px;
}

body.home .site-footer__meta {
	border-top: 1px solid rgba(241, 238, 229, 0.2);
	grid-column: 1 / -1;
	padding-top: 20px;
	text-align: left;
}

@media (max-width: 720px) {
	body.home .site-footer__inner {
		gap: 42px;
		grid-template-columns: 1fr;
	}

	body.home .site-footer__columns {
		gap: 32px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.home .site-footer__meta {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		grid-column: auto;
	}
}

/* About page editorial system */
.about-page {
	background: var(--color-paper);
	overflow: hidden;
}

.about-hero,
.about-introduction,
.about-approach,
.about-businesses,
.about-contact {
	padding-left: 0;
	padding-right: 0;
}

.about-hero {
	min-height: min(72vh, 760px);
	padding-bottom: clamp(86px, 12vw, 170px);
	padding-top: clamp(150px, 16vw, 230px);
}

.about-hero__inner {
	margin: 0 auto;
	max-width: 1320px;
	width: var(--container);
}

.about-hero h1 {
	font-family: var(--font-serif);
	font-size: clamp(3.4rem, 7vw, 7.4rem);
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 0.88;
	margin: clamp(22px, 3vw, 38px) 0 0;
	max-width: 820px;
}

.about-hero__lede {
	color: rgba(var(--color-ink-rgb), 0.66);
	font-size: clamp(1rem, 1.35vw, 1.15rem);
	line-height: 1.6;
	margin: clamp(32px, 4vw, 58px) 0 0;
	max-width: 500px;
}

.about-introduction {
	background: #171816;
	color: var(--color-paper);
	padding-bottom: clamp(92px, 11vw, 160px);
	padding-top: clamp(92px, 11vw, 160px);
}

.about-introduction__inner {
	align-items: start;
	display: grid;
	gap: clamp(50px, 11vw, 180px);
	grid-template-columns: minmax(150px, 0.38fr) minmax(0, 1fr);
	margin: 0 auto;
	max-width: 1320px;
	width: var(--container);
}

.about-introduction .section-kicker,
.about-idea .section-kicker,
.about-contact .section-kicker {
	color: rgba(var(--color-paper-rgb), 0.58);
}

.about-introduction__copy {
	max-width: 760px;
}

.about-introduction__copy h2 {
	color: var(--color-paper);
	font-family: var(--font-serif);
	font-size: clamp(2.4rem, 4.2vw, 4.8rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 0.96;
	margin: 0 0 clamp(28px, 4vw, 48px);
}

.about-introduction__copy p {
	color: rgba(var(--color-paper-rgb), 0.7);
	font-size: clamp(1rem, 1.25vw, 1.1rem);
	line-height: 1.75;
	max-width: 650px;
}

.about-approach,
.about-businesses {
	margin: 0 auto;
	max-width: 1420px;
	padding-bottom: clamp(100px, 13vw, 180px);
	padding-top: clamp(100px, 13vw, 180px);
	width: 100%;
}

.about-section-heading {
	margin: 0 auto clamp(42px, 6vw, 78px);
	max-width: 1320px;
	width: var(--container);
}

.about-section-heading h2 {
	font-family: var(--font-serif);
	font-size: clamp(2.5rem, 4.2vw, 4.6rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 0.94;
	margin: 18px 0 0;
}

.about-principles {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 auto;
	max-width: 1320px;
	width: var(--container);
}

.about-principle {
	border-left: 1px solid var(--color-line);
	min-height: 250px;
	padding: 0 clamp(22px, 3vw, 48px);
}

.about-principle:last-child {
	border-right: 1px solid var(--color-line);
}

.about-principle > span,
.about-business-card__meta {
	color: rgba(var(--color-ink-rgb), 0.52);
	font-size: 0.66rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.about-principle h3 {
	font-family: var(--font-serif);
	font-size: clamp(1.8rem, 2.4vw, 2.8rem);
	font-weight: 500;
	line-height: 0.98;
	margin: clamp(46px, 6vw, 82px) 0 20px;
}

.about-principle p {
	color: rgba(var(--color-ink-rgb), 0.66);
	font-size: 0.96rem;
	line-height: 1.6;
	margin: 0;
	max-width: 280px;
}

.about-businesses {
	background: #f0eae2;
	max-width: none;
}

.about-businesses__heading,
.about-business-grid {
	max-width: 1320px;
	width: var(--container);
}

.about-businesses__heading {
	align-items: end;
	display: grid;
	gap: 30px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.about-businesses__heading h2 {
	max-width: 680px;
}

.about-business-grid {
	display: grid;
	gap: clamp(18px, 2.4vw, 38px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 auto;
}

.about-business-card {
	min-width: 0;
}

.about-business-card__visual {
	align-items: center;
	background: rgba(var(--color-ink-rgb), 0.025);
	border: 1px solid rgba(var(--color-ink-rgb), 0.16);
	display: flex;
	height: clamp(220px, 24vw, 340px);
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.about-business-card__visual::before {
	border: 1px solid rgba(var(--color-ink-rgb), 0.08);
	content: "";
	inset: 14px;
	pointer-events: none;
	position: absolute;
}

.about-business-card__visual img {
	filter: grayscale(1) contrast(1.18) brightness(0.92);
	height: auto;
	max-height: 72%;
	max-width: 72%;
	mix-blend-mode: multiply;
	object-fit: contain;
	position: relative;
	width: 72%;
	z-index: 1;
}

.about-business-card--zen .about-business-card__visual img {
	filter: none;
	opacity: 0.82;
}

.about-business-card--greenloom .about-business-card__visual img {
	filter: grayscale(0.25) contrast(1.08);
	max-height: 56%;
	max-width: 68%;
	opacity: 0.9;
	width: 68%;
}

.about-business-card__meta {
	display: flex;
	gap: 16px;
	margin-top: 24px;
}

.about-business-card h3 {
	font-family: var(--font-serif);
	font-size: clamp(1.7rem, 2.1vw, 2.45rem);
	font-weight: 500;
	line-height: 0.96;
	margin: 16px 0 0;
}

.about-business-card h3 a {
	color: inherit;
}

.about-business-card > p {
	color: rgba(var(--color-ink-rgb), 0.66);
	font-size: 0.95rem;
	line-height: 1.55;
	margin: 18px 0 0;
	max-width: 310px;
}

.about-business-card__link,
.about-contact__link {
	border-bottom: 1px solid currentColor;
	display: inline-flex;
	font-size: 0.68rem;
	font-weight: 800;
	gap: 10px;
	letter-spacing: 0.12em;
	margin-top: 26px;
	padding-bottom: 7px;
	text-transform: uppercase;
}

.about-business-card__link span,
.about-contact__link span {
	font-size: 1rem;
	line-height: 0.7;
}

.about-idea {
	background: #171816;
	color: var(--color-paper);
	padding-bottom: clamp(110px, 15vw, 210px);
	padding-left: 0;
	padding-right: 0;
	padding-top: clamp(110px, 15vw, 210px);
}

.about-idea__inner {
	margin: 0 auto;
	max-width: 1320px;
	width: var(--container);
}

.about-idea h2 {
	color: var(--color-paper);
	font-family: var(--font-serif);
	font-size: clamp(3rem, 6.5vw, 7rem);
	font-weight: 500;
	letter-spacing: -0.025em;
	line-height: 0.9;
	margin: clamp(28px, 4vw, 52px) 0 0;
	max-width: 930px;
}

.about-idea__inner > p:last-child {
	color: rgba(var(--color-paper-rgb), 0.68);
	font-size: clamp(1rem, 1.25vw, 1.1rem);
	line-height: 1.6;
	margin: clamp(34px, 5vw, 66px) 0 0;
	max-width: 430px;
}

.about-contact {
	background: var(--color-paper);
	padding-bottom: clamp(82px, 10vw, 142px);
	padding-top: clamp(82px, 10vw, 142px);
}

.about-contact__inner {
	background: var(--color-ink);
	color: var(--color-paper);
	display: grid;
	gap: clamp(28px, 5vw, 72px);
	grid-template-columns: minmax(150px, 0.34fr) minmax(0, 1fr);
	margin: 0 auto;
	max-width: 1320px;
	min-height: clamp(340px, 31vw, 460px);
	padding: clamp(34px, 5vw, 76px);
	width: var(--container);
}

.about-contact__inner .section-kicker {
	color: rgba(var(--color-paper-rgb), 0.58);
}

.about-contact__copy {
	grid-column: 2;
}

.about-contact__copy h2 {
	color: var(--color-paper);
	font-family: var(--font-serif);
	font-size: clamp(2.8rem, 5vw, 5.5rem);
	font-weight: 500;
	line-height: 0.9;
	margin: 0;
	max-width: 760px;
}

.about-contact__copy p {
	color: rgba(var(--color-paper-rgb), 0.7);
	font-size: clamp(1rem, 1.3vw, 1.1rem);
	line-height: 1.55;
	margin: clamp(24px, 3vw, 42px) 0 0;
	max-width: 430px;
}

.about-contact__link {
	color: var(--color-paper);
	margin-top: clamp(48px, 7vw, 100px);
}

@media (max-width: 900px) {
	.about-principles,
	.about-business-grid {
		gap: 20px;
	}

	.about-principle {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 720px) {
	.about-hero,
	.about-introduction,
	.about-approach,
	.about-businesses,
	.about-contact {
		padding-left: 0;
		padding-right: 0;
	}

	.about-hero {
		min-height: 0;
		padding-bottom: 92px;
		padding-top: 126px;
	}

	.about-hero h1 {
		font-size: clamp(3.2rem, 15vw, 5.2rem);
	}

	.about-introduction__inner,
	.about-contact__inner {
		grid-template-columns: 1fr;
	}

	.about-introduction__copy h2 {
		font-size: clamp(2.5rem, 11vw, 4rem);
	}

	.about-principles,
	.about-business-grid {
		grid-template-columns: 1fr;
	}

	.about-principle {
		border-left: 0;
		border-top: 1px solid var(--color-line);
		min-height: 0;
		padding: 28px 0 34px;
	}

	.about-principle:last-child {
		border-right: 0;
		border-bottom: 1px solid var(--color-line);
	}

	.about-principle h3 {
		margin-top: 42px;
	}

	.about-businesses__heading {
		display: block;
	}

	.about-businesses__heading .text-link {
		margin-top: 26px;
	}

	.about-business-card__visual {
		height: min(72vw, 360px);
	}

	.about-idea {
		padding-bottom: 116px;
		padding-top: 116px;
	}

	.about-idea h2 {
		font-size: clamp(3rem, 14vw, 5.2rem);
	}

	.about-contact__copy {
		grid-column: auto;
	}

	.about-contact__link {
		margin-top: 52px;
	}
}

/* About universe direction */
.about-universe {
	background: var(--color-paper);
	overflow: hidden;
}

body.page-template-page-about .site-header,
body:has(.about-universe) .site-header {
	background: #171816;
	border-bottom-color: rgba(var(--color-paper-rgb), 0.12);
	color: var(--color-paper);
}

body.page-template-page-about .site-brand__text,
body:has(.about-universe) .site-brand__text,
body.page-template-page-about .primary-nav a,
body:has(.about-universe) .primary-nav a {
	color: var(--color-paper);
}

body.page-template-page-about .nav-toggle__line,
body:has(.about-universe) .nav-toggle__line {
	background: var(--color-paper);
}

.about-universe-hero {
	background: #0b0d0c;
	color: var(--color-paper);
	min-height: min(92svh, 900px);
	overflow: hidden;
	padding: clamp(116px, 12vw, 180px) 0 clamp(74px, 8vw, 120px);
	position: relative;
}

.about-universe-hero__orbital {
	height: min(76vw, 900px);
	opacity: 0.94;
	right: clamp(-120px, -2vw, 24px);
	top: 8%;
	width: min(66vw, 900px);
	z-index: 1;
}

.about-universe-hero__cosmic-image {
	display: block;
	height: 100%;
	mix-blend-mode: screen;
	object-fit: cover;
	object-position: 78% center;
	width: 100%;
}

/* About approach section: a quiet, orbital editorial spread after the hero. */
.about-universe-statement {
	background: #0b0d0c;
	border-top: 0;
	color: var(--color-paper);
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	gap: clamp(60px, 9vw, 150px);
	max-width: none;
	min-height: min(100svh, 900px);
	overflow: hidden;
	padding: clamp(92px, 9vw, 142px) var(--page-gutter, 5vw) clamp(84px, 8vw, 120px);
	position: relative;
	margin-left: 0;
	margin-right: 0;
	isolation: isolate;
	width: 100%;
}

.about-universe-statement::before {
	display: none;
}

.about-universe-statement__grid {
	background-image: linear-gradient(rgba(241, 238, 229, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(241, 238, 229, 0.025) 1px, transparent 1px);
	background-size: 72px 72px;
	inset: 0;
	opacity: 0.62;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.about-universe-statement__orbit {
	border: 1px solid rgba(183, 196, 119, 0.16);
	border-radius: 50%;
	height: 125%;
	position: absolute;
	right: -24%;
	top: -10%;
	transform: rotate(-20deg) scaleY(0.7);
	width: 62%;
	z-index: 0;
}

.about-universe-statement__orbit::after {
	border: 1px solid rgba(183, 196, 119, 0.1);
	border-radius: 50%;
	content: "";
	inset: 13% 8%;
	position: absolute;
}

.about-universe-statement__orbit {
	border: 0;
	height: 100%;
	inset: 0;
	transform: none;
	width: 100%;
}

.about-universe-statement__orbit::after { display: none; }

.about-universe-statement__cosmic-image {
	display: block;
	height: 100%;
	filter: none;
	mix-blend-mode: screen;
	opacity: 0.9;
	object-fit: cover;
	object-position: 78% center;
	width: 100%;
}

.about-universe-statement__principles,
.about-universe-statement__copy {
	position: relative;
	z-index: 1;
}

.about-universe-statement__principles {
	align-self: center;
	border-left: 1px solid rgba(241, 238, 229, 0.14);
	max-width: 440px;
	padding-left: clamp(28px, 5vw, 78px);
}

.about-universe-statement__principle {
	align-items: flex-start;
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 14px;
	min-height: 148px;
	padding: 0 0 30px;
	position: relative;
}

.about-universe-statement__principle:not(:first-child) { padding-top: 28px; }
.about-universe-statement__principle:not(:last-child)::after {
	background: rgba(241, 238, 229, 0.1);
	bottom: 0;
	content: "";
	height: 1px;
	left: 28px;
	position: absolute;
	right: 0;
}

.about-universe-statement__principle-mark {
	align-items: center;
	border: 1px solid rgba(183, 196, 119, 0.45);
	border-radius: 50%;
	color: var(--color-accent, #b8c98a);
	display: flex;
	font-size: 1.05rem;
	height: 28px;
	justify-content: center;
	line-height: 1;
	margin-top: 1px;
	width: 28px;
}

.about-universe-statement__principle:not(.about-universe-statement__principle--active) .about-universe-statement__principle-mark {
	border-color: rgba(183, 196, 119, 0.3);
	font-size: 1rem;
}

.about-universe-statement__principle h3 {
	color: var(--color-accent, #b8c98a);
	font-family: var(--font-sans);
	font-size: clamp(0.72rem, 1vw, 0.9rem);
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1.2;
	margin: 7px 0 18px;
	text-transform: uppercase;
}

.about-universe-statement__principle p {
	color: rgba(var(--color-paper-rgb), 0.68);
	font-size: clamp(0.95rem, 1.25vw, 1.15rem);
	line-height: 1.7;
	margin: 0;
	max-width: 340px;
}

.about-universe-statement__copy {
	align-self: center;
	max-width: 620px;
}

.about-universe-statement__index {
	color: rgba(var(--color-paper-rgb), 0.78);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.about-universe-statement__rule {
	background: var(--color-accent, #b8c98a);
	display: block;
	height: 1px;
	margin-bottom: 27px;
	width: 40px;
}

.about-universe-statement__copy .section-kicker { color: var(--color-accent, #b8c98a); }

.about-universe-statement__copy h2 {
	color: var(--color-paper);
	font-family: var(--font-serif);
	font-size: clamp(3.25rem, 5.5vw, 6.1rem);
	font-weight: 500;
	letter-spacing: -0.045em;
	line-height: 0.9;
	margin: clamp(46px, 5vw, 70px) 0 0;
	max-width: 560px;
}

.about-universe-statement__copy > p:last-of-type {
	color: rgba(var(--color-paper-rgb), 0.68);
	font-size: clamp(1rem, 1.25vw, 1.14rem);
	line-height: 1.7;
	margin: clamp(36px, 4.5vw, 58px) 0 0;
	max-width: 500px;
}

.about-universe-statement__footer-label {
	align-items: center;
	color: var(--color-accent, #b8c98a);
	display: flex;
	font-size: 0.7rem;
	font-weight: 700;
	gap: 28px;
	letter-spacing: 0.2em;
	margin-top: clamp(42px, 5vw, 68px);
	text-transform: uppercase;
}

.about-universe-statement__footer-label span { font-size: 1.4rem; font-weight: 400; }

@media (max-width: 720px) {
	.about-universe-statement {
		display: block;
		min-height: 0;
		padding: 88px 24px 92px;
	}
	.about-universe-statement__orbit { height: 520px; inset: auto -12% 0; width: 124%; }
	.about-universe-statement__principles { margin: 0 0 76px; max-width: none; padding-left: 20px; }
	.about-universe-statement__principle { min-height: 0; padding-bottom: 24px; }
	.about-universe-statement__principle:not(:first-child) { padding-top: 24px; }
	.about-universe-statement__principle p { max-width: 270px; }
	.about-universe-statement__copy { max-width: none; }
	.about-universe-statement__copy h2 { font-size: clamp(3rem, 15vw, 4.8rem); }
}

@keyframes about-cosmic-drift {
	from { transform: translate3d(0, 0, 0) scale(1); }
	to { transform: translate3d(-8px, 9px, 0) scale(1.015); }
}

.about-universe-hero__cosmic-image {
	animation: about-cosmic-drift 28s ease-in-out infinite alternate;
}

@media (prefers-reduced-motion: reduce) {
	.about-universe-hero__cosmic-image { animation: none; }
}

.about-universe-hero__inner,
.about-universe-statement,
.about-universe-section-heading,
.about-business-grid,
.about-universe-contact__inner {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: var(--container);
}

.about-universe-hero__inner {
	z-index: 3;
}

.about-universe-hero .section-kicker {
	color: var(--color-sage);
}

.about-universe-hero h1 {
	font-family: var(--font-sans);
	font-size: clamp(3.7rem, 7.7vw, 8.4rem);
	font-weight: 800;
	letter-spacing: -0.07em;
	line-height: 0.86;
	margin: clamp(28px, 4vw, 58px) 0 0;
	max-width: 970px;
	text-transform: uppercase;
}

.about-universe-hero h1 span:nth-child(2) { margin-left: clamp(30px, 7vw, 110px); }
.about-universe-hero h1 em { margin-left: clamp(150px, 25vw, 390px); }

.about-universe-hero__orbit--one { inset: -10% 2% 18% 30%; transform: rotate(-18deg) scaleY(0.58); }
.about-universe-hero__orbit--two { inset: 12% -8% 34% 43%; transform: rotate(34deg) scaleY(0.64); }
.about-universe-hero__trajectory { border-top: 1px solid rgba(241, 238, 229, 0.16); height: 42%; left: 22%; position: absolute; top: 24%; transform: rotate(-28deg); width: 90%; }
.about-universe-hero__trajectory--two { border-top-color: rgba(167, 174, 157, 0.16); left: 35%; top: 42%; transform: rotate(22deg); width: 72%; }
.about-universe-hero__point--three { bottom: 18%; left: 34%; background: #394638; }

.about-universe-hero__orbital {
	height: min(54vw, 650px);
	opacity: 0.82;
	right: clamp(-120px, 4vw, 72px);
	top: 18%;
	width: min(54vw, 650px);
}

.about-universe-hero__orbit {
	border-color: rgba(167, 174, 157, 0.28);
	inset: 5% 2% 14% 10%;
	transform: rotate(-16deg) scaleY(0.56);
}

.about-universe-hero__orbit--two {
	border-color: rgba(241, 238, 229, 0.2);
	inset: 14% 13% 23% 18%;
	transform: rotate(26deg) scaleY(0.62);
}

.about-universe-hero__orbit--three {
	border-color: rgba(184, 201, 138, 0.3);
	inset: 26% 25% 34% 29%;
	transform: rotate(-8deg) scaleY(0.72);
}

.about-universe-hero__core {
	background: rgba(23, 24, 22, 0.2);
	height: 16%;
	left: 42%;
	top: 42%;
	width: 16%;
}

.about-universe-hero__point--one { left: 14%; top: 32%; }
.about-universe-hero__point--two { right: 12%; top: 26%; }
.about-universe-hero__point--three { bottom: 14%; left: 28%; }
.about-universe-hero__trajectory { display: none; }

.about-universe-hero__orbital {
	right: clamp(-160px, -2vw, -24px);
	top: 23%;
}

.about-universe-hero__core {
	font-size: clamp(3rem, 5.5vw, 5.6rem);
	height: 15%;
	left: 42.5%;
	top: 42.5%;
	width: 15%;
}

.about-universe-hero__meta--top {
	left: clamp(22px, 5vw, 72px);
	right: auto;
}

.about-universe-hero__meta--side {
	left: clamp(22px, 5vw, 72px);
}

.about-universe-hero__note {
	left: clamp(22px, 5vw, 72px);
	right: auto;
}

@keyframes about-point-breathe {
	from { opacity: 0.45; transform: translate(0, 0); }
	to { opacity: 0.8; transform: translate(4px, -5px); }
}

@keyframes about-orbit-drift {
	from { transform: rotate(-16deg) scaleY(0.56); }
	to { transform: rotate(-12deg) scaleY(0.56); }
}

@keyframes about-orbit-drift-two {
	from { transform: rotate(26deg) scaleY(0.62); }
	to { transform: rotate(30deg) scaleY(0.62); }
}

.about-universe-hero__orbit--one { animation: about-orbit-drift 24s ease-in-out infinite alternate; }
.about-universe-hero__orbit--two { animation: about-orbit-drift-two 30s ease-in-out infinite alternate; }
.about-universe-hero__point { animation: about-point-breathe 8s ease-in-out infinite alternate; }

@media (prefers-reduced-motion: reduce) {
	.about-universe-hero__orbit--one,
	.about-universe-hero__orbit--two,
	.about-universe-hero__point { animation: none; }
}

@media (max-width: 720px) {
	.about-universe-hero h1 span:nth-child(2) { margin-left: 12px; }
	.about-universe-hero h1 em { margin-left: 72px; }
	.about-universe-hero__trajectory { left: 8%; width: 125%; }
	.about-universe-hero__trajectory--two { left: 18%; width: 112%; }
}

.about-universe-hero h1 span,
.about-universe-hero h1 em {
	display: block;
}

.about-universe-hero h1 span:nth-child(2) {
	color: rgba(var(--color-paper-rgb), 0.68);
	margin-left: clamp(18px, 6vw, 96px);
}

.about-universe-hero h1 em {
	color: var(--color-paper);
	font-family: var(--font-serif);
	font-size: 0.9em;
	font-weight: 400;
	letter-spacing: -0.04em;
	margin-left: clamp(130px, 20vw, 320px);
	text-transform: none;
}

.about-universe-hero__lede {
	color: rgba(var(--color-paper-rgb), 0.66);
	font-size: clamp(0.95rem, 1.2vw, 1.1rem);
	line-height: 1.6;
	margin: clamp(38px, 6vw, 84px) 0 0 clamp(130px, 20vw, 320px);
	max-width: 390px;
}

.about-universe-hero__grid {
	background-image: linear-gradient(rgba(241, 238, 229, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(241, 238, 229, 0.035) 1px, transparent 1px);
	background-size: 72px 72px;
	inset: 0;
	opacity: 0.35;
	position: absolute;
}

.about-universe-hero__orbital {
	height: min(62vw, 720px);
	op: 12%;
	position: absolute;
	right: clamp(-180px, 2vw, 38px);
	width: min(62vw, 720px);
	z-index: 1;
}

.about-universe-hero__orbit {
	border: 1px solid rgba(167, 174, 157, 0.3);
	border-radius: 50%;
	inset: 10%;
	position: absolute;
	transform: rotate(-24deg) scaleY(0.62);
}

.about-universe-hero__orbit--two {
	inset: 21%;
	border-color: rgba(167, 174, 157, 0.25);
	transform: rotate(32deg) scaleY(0.62);
}

.about-universe-hero__orbit--three {
	inset: 34%;
	border-color: rgba(184, 201, 138, 0.38);
	transform: rotate(-12deg) scaleY(0.75);
}

.about-universe-hero__core {
	align-items: center;
	border: 1px solid rgba(241, 238, 229, 0.35);
	border-radius: 50%;
	color: var(--color-paper);
	display: flex;
	font-family: var(--font-serif);
	font-size: clamp(3.3rem, 6.4vw, 6.3rem);
	height: 18%;
	justify-content: center;
	left: 39%;
	position: absolute;
	top: 39%;
	width: 18%;
}

.about-universe-hero__point {
	background: var(--color-sage);
	border-radius: 50%;
	height: 10px;
	position: absolute;
	width: 10px;
}

.about-universe-hero__point--one { left: 18%; top: 31%; }
.about-universe-hero__point--two { right: 16%; top: 24%; background: var(--color-accent, #b8c98a); }

.about-universe-hero__meta,
.about-universe-hero__note {
	color: rgba(var(--color-paper-rgb), 0.42);
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	line-height: 1.5;
	position: absolute;
	text-transform: uppercase;
	z-index: 3;
}

.about-universe-hero__meta--top { right: var(--container); top: 13%; }
.about-universe-hero__meta--side { left: 5%; top: 46%; }
.about-universe-hero__note { bottom: 10%; right: var(--container); text-transform: none; }

.about-universe-statement {
	align-items: start;
	display: grid;
	gap: clamp(42px, 10vw, 170px);
	grid-template-columns: minmax(150px, 0.4fr) minmax(0, 1fr);
	padding-bottom: clamp(112px, 15vw, 220px);
	padding-top: clamp(112px, 15vw, 220px);
}

.about-universe-statement__label span {
	color: rgba(var(--color-ink-rgb), 0.42);
	display: block;
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	margin-top: 40px;
}

.about-universe-statement__copy {
	max-width: 720px;
}

.about-universe-statement__copy h2,
.about-universe-section-heading h2 {
	font-family: var(--font-serif);
	font-size: clamp(3rem, 5.8vw, 6.8rem);
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 0.88;
	margin: 0;
}

.about-universe-statement__copy p {
	color: rgba(var(--color-ink-rgb), 0.68);
	font-size: clamp(1rem, 1.2vw, 1.1rem);
	line-height: 1.7;
	margin: clamp(36px, 5vw, 68px) 0 0;
	max-width: 580px;
}

.about-universe-businesses {
	background: #f0eae2;
	padding: clamp(104px, 13vw, 190px) 0 clamp(112px, 14vw, 200px);
}

.about-universe-section-heading {
	align-items: end;
	display: grid;
	gap: 30px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-bottom: clamp(48px, 6vw, 84px);
}

.about-universe-section-heading h2 { margin-top: 24px; max-width: 700px; }

.about-universe-contact {
	background: #171816;
	color: var(--color-paper);
	padding: clamp(120px, 16vw, 230px) 0;
}

.about-universe-contact__inner { max-width: 1320px; }
.about-universe-contact .section-kicker { color: rgba(var(--color-paper-rgb), 0.56); }
.about-universe-contact h2 { color: var(--color-paper); font-family: var(--font-serif); font-size: clamp(3.6rem, 8vw, 9rem); font-weight: 500; letter-spacing: -0.04em; line-height: 0.84; margin: 46px 0 0; max-width: 850px; }
.about-universe-contact__inner > p:not(.section-kicker) { color: rgba(var(--color-paper-rgb), 0.68); font-size: 1rem; line-height: 1.6; margin: 48px 0 0; max-width: 390px; }
.about-universe-contact .about-contact__link { color: var(--color-paper); margin-top: 56px; }

@media (max-width: 720px) {
	body.page-template-page-about .primary-nav,
	body:has(.about-universe) .primary-nav {
		background: #171816;
		border-left-color: rgba(var(--color-paper-rgb), 0.12);
	}

	.about-universe-hero { min-height: 760px; padding-top: 126px; }
	.about-universe-hero h1 { font-size: clamp(2.5rem, 10.2vw, 4.5rem); line-height: 0.86; max-width: calc(100vw - 44px); }
	.about-universe-hero h1 span:nth-child(2) { margin-left: 12px; }
	.about-universe-hero h1 em { margin-left: 82px; }
	.about-universe-hero__lede { margin-left: 82px; max-width: 240px; }
	.about-universe-hero__orbital { height: 390px; opacity: 0.86; right: -150px; top: 38%; width: 390px; }
	.about-universe-hero__cosmic-image { animation-duration: 34s; }
	.about-universe-hero__meta--top { right: 22px; top: 100px; }
	.about-universe-hero__meta--side { left: 22px; top: 58%; }
	.about-universe-hero__note { bottom: 34px; right: 22px; text-align: right; width: 130px; }
	.about-universe-statement { display: block; padding-bottom: 110px; padding-top: 110px; }
	.about-universe-statement__copy { margin-top: 64px; }
	.about-universe-statement__copy h2,
	.about-universe-section-heading h2 { font-size: clamp(3rem, 14vw, 5.2rem); }
	.about-universe-section-heading { display: block; }
	.about-universe-section-heading .text-link { margin-top: 28px; }
	.about-universe-contact { padding: 120px 0; }
	.about-universe-contact h2 { font-size: clamp(3.5rem, 16vw, 6rem); }
}

/* Final About hero geometry */
.about-universe-hero__orbital {
	right: clamp(-170px, -2vw, -28px);
	top: 23%;
}

.about-universe-hero__core {
	height: 15%;
	left: 42.5%;
	top: 42.5%;
	width: 15%;
}

.about-universe-hero__meta--top {
	left: clamp(22px, 5vw, 72px);
	right: auto;
}

.about-universe-hero__meta--side {
	left: clamp(22px, 5vw, 72px);
}

.about-universe-hero__note {
	left: clamp(22px, 5vw, 72px);
	right: auto;
}

@media (max-width: 720px) {
	.about-universe-hero__orbital { right: -136px; top: 38%; }
	.about-universe-hero__core { font-size: 3.1rem; }
	.about-universe-hero__meta--top { left: 22px; right: auto; }
	.about-universe-hero__note { left: 22px; right: auto; text-align: left; width: 130px; }
}

/* Final full-bleed treatment for the About approach section. */
body:has(.about-universe) .about-universe-hero,
.about-universe .about-universe-statement {
	background-color: #0b0d0c !important;
}

.about-universe .about-universe-statement {
	background: #0b0d0c;
	box-sizing: border-box;
	margin-left: 0;
	margin-right: 0;
	max-width: none;
	width: 100%;
}

.about-universe .about-universe-statement__orbit {
	height: 100%;
	inset: 0;
	right: auto;
	top: auto;
	width: 100%;
}

.about-universe .about-universe-statement__cosmic-image {
	height: 100%;
	mix-blend-mode: screen;
	width: 100%;
}

@media (max-width: 720px) {
	.about-universe .about-universe-statement {
		padding-left: 24px;
		padding-right: 24px;
		width: 100%;
	}
	.about-universe .about-universe-statement__orbit {
		bottom: 0;
		height: 520px;
		inset: auto -12% 0;
		width: 124%;
	}
}

/* About page: three-section dark editorial composition. */
.about-universe .about-universe-statement {
	background: #0b0d0c !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	min-height: min(100svh, 900px);
	padding-left: clamp(32px, 7vw, 112px);
	padding-right: clamp(32px, 7vw, 112px);
}

.about-universe .about-universe-statement__orbit {
	height: 100%;
	left: -8%;
	right: auto;
	top: 0;
	width: 62%;
}

.about-universe .about-universe-statement__cosmic-image {
	object-position: 72% center;
}

/* Keep the About navigation legible over its dark visual system. */
body:has(.about-universe) .site-header {
	background: #0b0d0c !important;
	border-bottom-color: rgba(241, 238, 229, 0.12) !important;
	color: #f1ede3;
}

body:has(.about-universe) .site-header .primary-nav a,
body:has(.about-universe) .site-header .site-brand__text {
	color: #f1ede3 !important;
}

body:has(.about-universe) .site-header .primary-nav a.is-active,
body:has(.about-universe) .site-header .primary-nav a:hover,
body:has(.about-universe) .site-header .primary-nav a:focus {
	color: #b7c477 !important;
}

@media (max-width: 720px) {
	body:has(.about-universe) .site-header .primary-nav {
		background: #0b0d0c !important;
		border-left-color: rgba(241, 238, 229, 0.12) !important;
	}
}

@media (max-width: 720px) {
	body.page-template-page-about .site-header,
	body:has(.about-universe) .site-header {
		background: #0b0d0c !important;
	}
	body.page-template-page-about .site-header .primary-nav,
	body:has(.about-universe) .site-header .primary-nav {
		background: #0b0d0c !important;
		box-shadow: none !important;
	}
	body.page-template-page-about .site-header .primary-nav a,
	body:has(.about-universe) .site-header .primary-nav a {
		color: #f1ede3 !important;
	}
	body.page-template-page-about .site-header .nav-toggle,
	body:has(.about-universe) .site-header .nav-toggle {
		background: transparent !important;
		box-shadow: none !important;
	}
}

@media (min-width: 721px) {
body.page-template-page-about .site-header .primary-nav,
body:has(.about-universe) .site-header .primary-nav {
		display: block !important;
		opacity: 1 !important;
		transform: none !important;
		visibility: visible !important;
	}
body.page-template-page-about .site-header .primary-nav__menu,
body:has(.about-universe) .site-header .primary-nav__menu {
		display: flex !important;
		visibility: visible !important;
	}
}

body.page-template-page-about .site-header .nav-toggle,
body:has(.about-universe) .site-header .nav-toggle {
	appearance: none;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Compact closing footer */
.site-footer,
body.home .site-footer {
	background: #0b0d0c;
	color: #f1ede3;
	padding: 52px 0 22px;
}

.site-footer__inner,
body.home .site-footer__inner {
	align-items: start;
	display: grid;
	gap: 42px clamp(30px, 7vw, 110px);
	grid-template-columns: minmax(0, 1.35fr) minmax(120px, 0.7fr) minmax(150px, 0.8fr);
	width: var(--container);
}

.site-footer__brand { grid-column: 1; }
.site-footer__columns { display: contents; }
.site-footer__columns .footer-nav:first-child { grid-column: 2; }
.site-footer__columns .footer-nav:last-child { grid-column: 3; }

.site-brand--footer .site-brand__mark {
	height: 38px;
	width: 38px;
}

.site-brand--footer .site-brand__text {
	color: #f1ede3;
	font-size: 0.78rem;
	letter-spacing: 0.18em;
}

.site-footer__brand p {
	color: rgba(241, 237, 227, 0.62);
	font-size: 0.82rem;
	margin-top: 14px;
}

.site-footer .footer-nav p {
	color: rgba(241, 237, 227, 0.52);
	font-size: 0.64rem;
	margin-bottom: 14px;
}

.site-footer .footer-nav__menu { gap: 7px; }
.site-footer a { color: rgba(241, 237, 227, 0.76); font-size: 0.82rem; }
.site-footer a:hover, .site-footer a:focus { color: #f1ede3; }

.site-footer__meta,
body.home .site-footer__meta {
	border-top-color: rgba(241, 237, 227, 0.16);
	color: rgba(241, 237, 227, 0.48);
	grid-column: 1 / -1;
	padding-top: 16px;
}

.site-footer__meta p { color: inherit; font-size: 0.62rem; }

@media (max-width: 720px) {
	.site-footer,
	body.home .site-footer { padding: 44px 0 20px; }
	.site-footer__inner,
	body.home .site-footer__inner { gap: 30px; grid-template-columns: 1fr 1fr; }
	.site-footer__brand { grid-column: 1 / -1; }
	.site-footer__columns .footer-nav:first-child,
	body.home .site-footer__columns .footer-nav:first-child { grid-column: 1; }
	.site-footer__columns .footer-nav:last-child { grid-column: 2; }
	.site-footer__meta,
	body.home .site-footer__meta { grid-column: 1 / -1; }
}

.about-universe .about-universe-statement__copy {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
	max-width: 580px;
	width: 100%;
}

.about-universe .about-universe-build {
	background: #0b0d0c;
	color: var(--color-paper);
	display: grid;
	gap: clamp(52px, 9vw, 150px);
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
	padding: clamp(116px, 13vw, 190px) clamp(32px, 7vw, 112px);
	position: relative;
}

.about-universe .about-universe-section-heading {
	align-self: center;
	display: block;
	margin: 0;
	position: relative;
	z-index: 1;
}

.about-universe .about-universe-section-heading h2 {
	color: var(--color-paper);
	font-size: clamp(3.2rem, 5vw, 5.8rem);
	line-height: 0.9;
	margin: clamp(46px, 5vw, 72px) 0 0;
	max-width: 540px;
}

.about-universe .about-universe-build__lede {
	color: rgba(var(--color-paper-rgb), 0.68);
	font-size: clamp(1rem, 1.2vw, 1.12rem);
	line-height: 1.7;
	margin: clamp(38px, 4.5vw, 60px) 0 0;
	max-width: 430px;
}

.about-universe .about-universe-principles {
	align-self: center;
	display: grid;
	grid-template-columns: 1fr;
	margin: 0;
	max-width: 580px;
	position: relative;
	z-index: 1;
}

.about-universe .about-universe-principles::before {
	background: rgba(var(--color-paper-rgb), 0.16);
	content: "";
	left: 15px;
	position: absolute;
	bottom: 14px;
	top: 14px;
	width: 1px;
}

.about-universe .about-universe-principles article,
.about-universe .about-universe-principles article:last-child {
	border: 0;
	border-bottom: 1px solid rgba(var(--color-paper-rgb), 0.12);
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 24px;
	min-height: 0;
	padding: 28px 0 30px;
}

.about-universe .about-universe-principles article:first-child { padding-top: 0; }
.about-universe .about-universe-principles article:last-child { border-bottom: 0; padding-bottom: 0; }
.about-universe .about-universe-principles article > span { color: var(--color-accent, #b8c98a); padding-top: 5px; }
.about-universe .about-universe-principles h3 { color: var(--color-accent, #b8c98a); font-family: var(--font-sans); font-size: 0.78rem; letter-spacing: 0.2em; line-height: 1.2; margin: 0 0 14px; text-transform: uppercase; }
.about-universe .about-universe-principles p { color: rgba(var(--color-paper-rgb), 0.7); font-size: clamp(0.95rem, 1.1vw, 1.06rem); line-height: 1.6; margin: 0; max-width: 380px; }

.about-universe .about-universe-contact {
	background: #0b0d0c;
	border-top: 1px solid rgba(var(--color-paper-rgb), 0.1);
}

@media (max-width: 720px) {
	.about-universe .about-universe-statement { display: block; min-height: 0; padding: 96px 24px 108px; }
	.about-universe .about-universe-statement__orbit { height: 430px; left: -36%; top: 48%; width: 132%; }
	.about-universe .about-universe-statement__copy { margin-top: 390px; max-width: none; }
	.about-universe .about-universe-build { display: block; padding: 100px 24px 108px; }
	.about-universe .about-universe-section-heading { margin-bottom: 76px; }
	.about-universe .about-universe-principles { max-width: none; }
	.about-universe .about-universe-principles article { padding: 26px 0; }
}

/* Uploaded cosmic artwork is the About hero visual */
.about-universe-hero__orbital {
	height: min(76vw, 900px);
	opacity: 0.94;
	right: clamp(-120px, -2vw, 24px);
	top: 8%;
	width: min(66vw, 900px);
	z-index: 1;
}

.about-universe-hero__cosmic-image {
	display: block;
	height: 100%;
	mix-blend-mode: screen;
	object-fit: contain;
	width: 100%;
}

@media (max-width: 720px) {
	.about-universe-hero__orbital { height: 390px; right: -150px; top: 38%; width: 390px; }
}

@media (max-width: 720px) {
	body.page-template-page-about .primary-nav,
	body.page-template.page-template-page-about .primary-nav,
	body:has(.about-universe) .primary-nav {
		background: #0b0d0c !important;
		background-image: none !important;
		border-left: 1px solid rgba(241, 238, 229, 0.12) !important;
		box-shadow: none !important;
	}
	body.page-template-page-about .primary-nav a,
	body.page-template.page-template-page-about .primary-nav a,
	body:has(.about-universe) .primary-nav a {
		color: #f1ede3 !important;
	}
}

/* The theme switches to its drawer navigation below 1080px. Keep the About drawer dark at that breakpoint too. */
@media (max-width: 1080px) {
	/* Mobile/tablet drawer: keep the open navigation within the dark Kiranvita system. */
	.site-header .primary-nav {
		background-color: #0b0d0c !important;
		background-image: none !important;
		border-left: 1px solid rgba(241, 238, 229, 0.12) !important;
		box-shadow: none !important;
		color: #f1ede3 !important;
		transform: translateX(104%) !important;
	}
	.site-header .primary-nav.is-open {
		transform: translateX(0) !important;
	}
	.site-header .primary-nav a,
	.site-header .primary-nav a:hover,
	.site-header .primary-nav a:focus,
	.site-header .primary-nav a.is-active {
		color: #f1ede3 !important;
	}
	.site-header .primary-nav__menu {
		align-items: stretch !important;
		display: grid !important;
		gap: 22px !important;
		grid-template-columns: 1fr !important;
		grid-auto-flow: row !important;
		flex-direction: column !important;
		width: 100% !important;
	}
	.site-header .primary-nav__menu li {
		display: block !important;
	}
	.site-header .primary-nav__menu a {
		display: block !important;
		white-space: normal;
	}

	body.page-template-page-about .site-header .primary-nav,
	body.page-template.page-template-page-about .site-header .primary-nav,
	body:has(.about-universe) .site-header .primary-nav {
		background-color: #0b0d0c !important;
		background-image: none !important;
		border-left: 1px solid rgba(241, 238, 229, 0.12) !important;
		box-shadow: none !important;
		color: #f1ede3 !important;
		transform: translateX(104%) !important;
	}
	body.page-template-page-about .site-header .primary-nav.is-open,
	body.page-template.page-template-page-about .site-header .primary-nav.is-open,
	body:has(.about-universe) .site-header .primary-nav.is-open {
		transform: translateX(0) !important;
	}
	body.page-template-page-about .site-header .primary-nav a,
	body.page-template.page-template-page-about .site-header .primary-nav a,
	body:has(.about-universe) .site-header .primary-nav a {
		color: #f1ede3 !important;
	}
}

/* Final About desktop layout override: prevent the principles column from inheriting a narrow container. */
@media (min-width: 721px) {
	.about-universe .about-universe-build {
		box-sizing: border-box;
		grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr);
		max-width: none;
		width: 100%;
	}

	.about-universe .about-universe-principles {
		box-sizing: border-box;
		max-width: none;
		min-width: 0;
		width: 100%;
	}

	.about-universe .about-universe-principles article {
		box-sizing: border-box;
		min-width: 0;
		width: 100%;
	}
}