:root {
	--font-display: "Sora", "Avenir Next", "Segoe UI", sans-serif;
	--font-body: "Inter", "Avenir Next", "Segoe UI", sans-serif;
	--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
	--shell: min(1240px, calc(100% - 48px));
	--reading: 760px;
	--header-height: 86px;
	--radius-sm: 12px;
	--radius-md: 24px;
	--radius-lg: 40px;
	--ease: cubic-bezier(.2, .75, .2, 1);
	--transition: 280ms var(--ease);
	--bg: #f6fbff;
	--bg-rgb: 246, 251, 255;
	--surface: #ffffff;
	--surface-rgb: 255, 255, 255;
	--surface-raised: #edf6ff;
	--text: #24103d;
	--muted: #685979;
	--primary: #2457ff;
	--primary-rgb: 36, 87, 255;
	--accent: #00a6fb;
	--accent-rgb: 0, 166, 251;
	--line: rgba(36, 16, 61, .14);
	--line-strong: rgba(36, 16, 61, .28);
	--shadow: 0 28px 80px rgba(27, 67, 112, .14);
	color-scheme: light;
}

html[data-theme="dark"] {
	--bg: #12061f;
	--bg-rgb: 18, 6, 31;
	--surface: #220b38;
	--surface-rgb: 34, 11, 56;
	--surface-raised: #2e104b;
	--text: #fbf9ff;
	--muted: #c6bbd7;
	--primary: #6d28d9;
	--primary-rgb: 109, 40, 217;
	--accent: #d7ff00;
	--accent-rgb: 215, 255, 0;
	--line: rgba(170, 126, 235, .21);
	--line-strong: rgba(215, 255, 0, .38);
	--shadow: 0 32px 100px rgba(6, 0, 15, .52);
	color-scheme: dark;
}

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

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

body {
	margin: 0;
	min-width: 320px;
	background:
		radial-gradient(circle at 12% 18%, rgba(var(--primary-rgb), .08), transparent 28rem),
		radial-gradient(circle at 91% 74%, rgba(var(--accent-rgb), .065), transparent 32rem),
		var(--bg);
	color: var(--text);
	font: 400 1rem/1.65 var(--font-body);
	-webkit-font-smoothing: antialiased;
	transition: background-color var(--transition), color var(--transition);
}

html[data-theme="dark"] body {
	background:
		radial-gradient(circle at 82% 16%, rgba(var(--primary-rgb), .24), transparent 31rem),
		radial-gradient(circle at 14% 72%, rgba(var(--accent-rgb), .07), transparent 34rem),
		linear-gradient(145deg, #12061f 0%, #170826 48%, #0e0518 100%);
}

body.nav-open {
	overflow: hidden;
}

button,
input,
textarea,
select {
	font: inherit;
}

button,
a {
	-webkit-tap-highlight-color: transparent;
}

a {
	color: inherit;
	text-decoration-thickness: .08em;
	text-underline-offset: .2em;
}

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

::selection {
	background: var(--accent);
	color: #24103d;
}

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

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

.skip-link {
	position: fixed;
	top: 14px;
	left: 14px;
	z-index: 1000;
	transform: translateY(-160%);
	padding: 10px 16px;
	border-radius: 999px;
	background: var(--text);
	color: var(--bg);
	font-weight: 700;
	transition: transform var(--transition);
}

.skip-link:focus {
	transform: none;
}

.ambient-network {
	position: fixed;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: .7;
}

main,
.site-footer {
	position: relative;
	z-index: 1;
}

html[data-theme="dark"] .ambient-network {
	opacity: .96;
}

body:not(.home) .ambient-network {
	opacity: .38;
}

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	transition: transform 420ms var(--ease), background-color var(--transition), border-color var(--transition);
}

.site-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-bottom: 1px solid transparent;
	background: rgba(var(--bg-rgb), 0);
	backdrop-filter: blur(0);
	transition: inherit;
}

.site-header--compact::before {
	border-color: var(--line);
	background: rgba(var(--bg-rgb), .82);
	backdrop-filter: blur(20px) saturate(1.2);
}

.site-header--hidden {
	transform: translateY(-105%);
}

.site-header__inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 34px;
	min-height: var(--header-height);
}

.site-brand {
	display: inline-block;
	width: fit-content;
	text-decoration: none;
}

.site-brand__logo {
	position: relative;
	display: block;
	width: clamp(154px, 13vw, 194px);
	aspect-ratio: 38.923 / 12.853;
}

.site-brand__asset {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: opacity 180ms ease;
}

.site-brand__asset--light { opacity: 1; }
.site-brand__asset--dark { opacity: 0; }
html[data-theme="dark"] .site-brand__asset--light { opacity: 0; }
html[data-theme="dark"] .site-brand__asset--dark { opacity: 1; }

.site-nav {
	justify-self: center;
}

.site-nav__list,
.site-footer__menu {
	display: flex;
	align-items: center;
	gap: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-nav a {
	position: relative;
	color: var(--muted);
	font-size: .82rem;
	font-weight: 650;
	letter-spacing: .05em;
	text-decoration: none;
}

.site-nav a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -7px;
	left: 0;
	height: 1px;
	background: var(--accent);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform var(--transition);
}

.site-nav a:hover,
.site-nav .current-menu-item > a {
	color: var(--text);
}

.site-nav a:hover::after,
.site-nav .current-menu-item > a::after {
	transform: scaleX(1);
	transform-origin: left;
}

.site-actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

.theme-toggle,
.nav-toggle {
	border: 0;
	background: transparent;
	color: var(--text);
	cursor: pointer;
}

.theme-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px;
}

.theme-toggle__track {
	position: relative;
	display: block;
	width: 34px;
	height: 18px;
	border: 1px solid var(--line-strong);
	border-radius: 999px;
	background: var(--surface);
}

.theme-toggle__thumb {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--primary);
	transition: transform var(--transition), background-color var(--transition);
}

html[data-theme="dark"] .theme-toggle__thumb {
	transform: translateX(16px);
	background: var(--accent);
}

.theme-toggle__text {
	color: var(--muted);
	font: 600 .68rem/1 var(--font-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.nav-toggle {
	display: none;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 24px;
	border: 1px solid var(--text);
	border-radius: 999px;
	background: var(--text);
	color: var(--bg);
	font-size: .85rem;
	font-weight: 750;
	letter-spacing: .03em;
	text-decoration: none;
	transition: color var(--transition), background-color var(--transition), border-color var(--transition), transform var(--transition);
}

.button:hover {
	border-color: var(--accent);
	background: var(--accent);
	color: #24103d;
	transform: translateY(-2px);
}

.button--compact {
	min-height: 40px;
	padding-inline: 18px;
	font-size: .76rem;
}

.text-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	font-size: .88rem;
	font-weight: 750;
	text-decoration-color: var(--line-strong);
	transition: color var(--transition), gap var(--transition);
}

.text-link:hover {
	gap: 15px;
	color: var(--primary);
}

.eyebrow,
.system-card__index,
.journal-card__meta {
	margin: 0;
	color: var(--muted);
	font: 600 .7rem/1.4 var(--font-mono);
	letter-spacing: .13em;
	text-transform: uppercase;
}

.section {
	padding-block: clamp(76px, 9vw, 128px);
}

.section-heading {
	max-width: 880px;
	margin-bottom: clamp(40px, 5vw, 64px);
}

.section-heading--split {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 48px;
	max-width: none;
}

.section-heading h2,
.contact-cta h2,
.archive__header h1,
.entry-header h1,
.not-found h1 {
	margin: 18px 0 0;
	font: 650 clamp(2.5rem, 5.6vw, 5.6rem)/.98 var(--font-display);
	letter-spacing: -.055em;
	text-wrap: balance;
}

[data-reveal] {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 800ms var(--ease) var(--reveal-delay, 0ms), transform 800ms var(--ease) var(--reveal-delay, 0ms);
}

[data-reveal][data-visible="true"] {
	opacity: 1;
	transform: none;
}

.hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(430px, .9fr);
	align-items: center;
	gap: 3vw;
	min-height: 100svh;
	padding-top: calc(var(--header-height) + 70px);
	padding-bottom: 70px;
}

.hero__copy {
	z-index: 2;
}

.hero h1 {
	max-width: 900px;
	margin: 22px 0 30px;
	font: 700 clamp(3.4rem, 7.2vw, 7.1rem)/.89 var(--font-display);
	letter-spacing: -.075em;
	text-wrap: balance;
}

.hero__lead {
	max-width: 720px;
	margin: 0;
	color: var(--muted);
	font-size: clamp(1.05rem, 1.6vw, 1.32rem);
	line-height: 1.58;
}

.hero__actions {
	display: flex;
	align-items: center;
	gap: 28px;
	margin-top: 42px;
}

.hero__visual {
	position: relative;
	justify-self: end;
	width: min(46vw, 670px);
	aspect-ratio: 1;
	isolation: isolate;
}

.xray-scene::before,
.xray-scene::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	width: 72%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: rgba(var(--primary-rgb), .13);
	filter: blur(48px);
	transform: translate(-50%, -50%);
}

.xray-scene::after {
	width: 32%;
	background: rgba(var(--accent-rgb), .12);
	filter: blur(34px);
}

.xray-scene__viewport {
	position: absolute;
	inset: 0;
	overflow: hidden;
	perspective: 920px;
	perspective-origin: 50% 52%;
	-webkit-mask-image: radial-gradient(circle, #000 58%, transparent 84%);
	mask-image: radial-gradient(circle, #000 58%, transparent 84%);
}

.xray-scene__world {
	position: absolute;
	inset: 4%;
	transform: translate3d(var(--xray-shift-x, 0), var(--xray-shift-y, 0), 0) rotateX(var(--xray-rx, -5deg)) rotateY(var(--xray-ry, 0deg));
	transform-style: preserve-3d;
	transition: transform 120ms linear;
	will-change: transform;
}

.xray-plane {
	position: absolute;
	border: 1px solid rgba(var(--primary-rgb), .22);
	background-image:
		linear-gradient(rgba(var(--primary-rgb), .19) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--primary-rgb), .19) 1px, transparent 1px);
	background-size: 34px 34px;
	opacity: .65;
	transform-style: preserve-3d;
}

.xray-plane--floor,
.xray-plane--ceiling {
	left: 8%;
	width: 84%;
	height: 62%;
	transform-origin: center top;
}

.xray-plane--floor {
	top: 52%;
	transform: rotateX(69deg) translateZ(-32px);
	background-position-y: calc(var(--xray-shift-y, 0px) * 1.8);
}

.xray-plane--ceiling {
	top: -13%;
	transform: rotateX(-69deg) translateZ(-32px);
}

.xray-plane--left,
.xray-plane--right {
	top: 10%;
	width: 61%;
	height: 80%;
	transform-origin: right center;
}

.xray-plane--left {
	left: -28%;
	transform: rotateY(68deg) translateZ(-24px);
}

.xray-plane--right {
	right: -28%;
	transform: rotateY(-68deg) translateZ(-24px);
}

.xray-frame {
	--frame-scale: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgba(var(--primary-rgb), .58);
	box-shadow: inset 0 0 22px rgba(var(--primary-rgb), .09), 0 0 20px rgba(var(--primary-rgb), .08);
	transform: translate(-50%, -50%) translateZ(var(--frame-depth)) scale(var(--frame-scale));
	transform-style: preserve-3d;
}

.xray-frame::before,
.xray-frame::after {
	content: "";
	position: absolute;
	background: var(--accent);
	box-shadow: 0 0 12px rgba(var(--accent-rgb), .7);
}

.xray-frame::before { top: -1px; left: 13%; width: 16%; height: 2px; }
.xray-frame::after { right: -1px; bottom: 17%; width: 2px; height: 14%; }
.xray-frame--far { --frame-depth: -390px; width: 38%; height: 38%; opacity: .52; }
.xray-frame--mid { --frame-depth: -210px; width: 58%; height: 58%; opacity: .7; }
.xray-frame--near { --frame-depth: -40px; width: 82%; height: 82%; opacity: .86; }

.xray-beam {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 47%;
	height: 1px;
	background: linear-gradient(90deg, rgba(var(--accent-rgb), .95), rgba(var(--primary-rgb), .32), transparent);
	box-shadow: 0 0 11px rgba(var(--accent-rgb), .33);
	transform-origin: left center;
}

.xray-beam::after {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--accent);
	box-shadow: 0 0 13px var(--accent);
}

.xray-beam--one { transform: rotate(-17deg) translateZ(22px); }
.xray-beam--two { transform: rotate(132deg) translateZ(12px); }
.xray-beam--three { transform: rotate(68deg) translateZ(30px); }

.xray-node {
	position: absolute;
	z-index: 5;
	width: 11px;
	height: 11px;
	border: 3px solid var(--primary);
	border-radius: 50%;
	background: var(--accent);
	box-shadow: 0 0 0 7px rgba(var(--primary-rgb), .2), 0 0 20px rgba(var(--accent-rgb), .45);
}

.xray-node--one { top: 20%; left: 18%; }
.xray-node--two { top: 67%; right: 13%; }
.xray-node--three { bottom: 13%; left: 28%; }

.xray-emblem {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 8;
	width: 86%;
	aspect-ratio: 1;
	transform: translate(-50%, -50%) translateZ(72px) rotateX(var(--xray-emblem-rx, 0deg)) rotateY(var(--xray-emblem-ry, 0deg));
	transform-style: preserve-3d;
}

.xray-emblem__field {
	position: absolute;
	inset: 0;
	overflow: visible;
	filter: drop-shadow(0 0 20px rgba(var(--primary-rgb), .2));
	transform: translateZ(-42px) rotateZ(-4deg);
}

.xray-emblem__orbit,
.xray-emblem__route {
	fill: none;
	vector-effect: non-scaling-stroke;
}

.xray-emblem__orbit {
	stroke: rgba(var(--primary-rgb), .52);
	stroke-width: 1.2;
	stroke-dasharray: 8 13;
}

.xray-emblem__orbit--inner {
	stroke: rgba(var(--accent-rgb), .48);
	stroke-dasharray: 2 10;
}

.xray-emblem__route {
	stroke: rgba(var(--primary-rgb), .72);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-dasharray: 18 8 2 8;
}

.xray-emblem__route--two,
.xray-emblem__route--four { stroke: rgba(var(--accent-rgb), .78); }

.xray-emblem__terminal {
	fill: var(--accent);
	stroke: var(--primary);
	stroke-width: 5;
	transform-box: fill-box;
	transform-origin: center;
	filter: drop-shadow(0 0 9px rgba(var(--accent-rgb), .8));
}

.xray-emblem__stack {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 46%;
	aspect-ratio: .675;
	translate: -50% -50%;
	transform: translateZ(92px) rotateZ(-2.5deg);
	transform-style: preserve-3d;
}

.xray-emblem__face,
.xray-emblem__echo {
	position: absolute;
	inset: 0;
	display: block;
	transform-style: preserve-3d;
}

.xray-emblem__echo {
	opacity: .2;
	filter: saturate(1.4) blur(.45px);
	transform: translate3d(17px, 22px, -68px) scale(.985);
}

.xray-emblem__face {
	filter:
		drop-shadow(4px 5px 0 rgba(var(--primary-rgb), .24))
		drop-shadow(9px 12px 0 rgba(var(--primary-rgb), .12))
		drop-shadow(0 30px 42px rgba(7, 0, 16, .38));
	transform: translateZ(16px);
}

.xray-emblem__logo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: opacity 220ms ease;
}

.xray-emblem__logo--light { opacity: 1; }
.xray-emblem__logo--dark { opacity: 0; }

.xray-emblem__scan {
	position: absolute;
	inset: 0;
	z-index: 3;
	overflow: hidden;
	-webkit-mask: url("../images/lb-consulting-logo.svg") center / contain no-repeat;
	mask: url("../images/lb-consulting-logo.svg") center / contain no-repeat;
	pointer-events: none;
}

.xray-emblem__scan::before {
	content: "";
	position: absolute;
	top: -26%;
	right: 0;
	left: 0;
	height: 20%;
	background: linear-gradient(to bottom, transparent, rgba(var(--accent-rgb), .72), transparent);
	mix-blend-mode: screen;
}

.xray-emblem__status {
	position: absolute;
	right: 4%;
	bottom: 2%;
	padding: 6px 9px;
	border: 1px solid rgba(var(--accent-rgb), .28);
	border-radius: 999px;
	background: rgba(var(--bg-rgb), .62);
	color: var(--muted);
	font: 700 .47rem/1 var(--font-mono);
	letter-spacing: .12em;
	backdrop-filter: blur(8px);
	transform: translateZ(120px);
}

.xray-label {
	position: absolute;
	z-index: 10;
	padding: 7px 10px;
	border: 1px solid var(--line-strong);
	border-radius: 999px;
	background: rgba(var(--bg-rgb), .78);
	color: var(--muted);
	font: 600 .61rem/1 var(--font-mono);
	letter-spacing: .1em;
	backdrop-filter: blur(10px);
}

.xray-label--one { top: 5%; right: 13%; }
.xray-label--two { right: 0; bottom: 25%; }
.xray-label--three { bottom: 6%; left: 8%; }

.xray-axis {
	position: absolute;
	top: 16%;
	left: 0;
	z-index: 10;
	color: rgba(var(--accent-rgb), .7);
	font: 650 .52rem/1 var(--font-mono);
	letter-spacing: .18em;
	transform: rotate(-90deg) translateX(-100%);
	transform-origin: left top;
}

.hero__status {
	position: absolute;
	right: 0;
	bottom: 24px;
	left: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--muted);
	font: 600 .62rem/1 var(--font-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.status-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--accent);
	box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .16);
}

.hero__status-rule {
	width: 46px;
	height: 1px;
	background: var(--line-strong);
}

.blueprint {
	--blueprint-paper: #edf8ff;
	--blueprint-line: 36, 87, 255;
	--blueprint-label: #2457ff;
	--blueprint-xray-field: #160b2b;
	--blueprint-xray-line: #a7ffe8;
	--blueprint-xray-signal: #d7ff00;
	--lens-radius: clamp(110px, 15vw, 190px);
	--lens-diameter: clamp(220px, 30vw, 380px);
}

.blueprint__header {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(280px, .55fr);
	align-items: end;
	gap: clamp(40px, 8vw, 120px);
	margin-bottom: clamp(42px, 6vw, 72px);
}

.blueprint__header h2 {
	max-width: 900px;
	margin: 18px 0 0;
	font: 650 clamp(2.7rem, 6.2vw, 6rem)/.96 var(--font-display);
	letter-spacing: -.06em;
	text-wrap: balance;
}

.blueprint__header > p {
	margin: 0;
	color: var(--muted);
	font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.blueprint__stage {
	--lens-x: 62%;
	--lens-y: 58%;
	position: relative;
	aspect-ratio: 1.38;
	overflow: hidden;
	border: 1px solid rgba(var(--blueprint-line), .3);
	border-radius: clamp(22px, 3vw, 38px);
	background: var(--blueprint-paper);
	box-shadow: 0 34px 100px rgba(24, 71, 122, .13);
	cursor: crosshair;
	touch-action: pan-y;
	isolation: isolate;
}

.blueprint__stage::after {
	content: "";
	position: absolute;
	inset: 12px;
	z-index: 6;
	border: 1px solid rgba(var(--blueprint-line), .18);
	border-radius: clamp(16px, 2.5vw, 30px);
	pointer-events: none;
}

.blueprint__stage:focus-visible {
	outline: 3px solid var(--accent);
	outline-offset: 6px;
}

.blueprint__layer {
	position: absolute;
	inset: 0;
}

.blueprint__layer svg {
	width: 100%;
	height: 100%;
}

.blueprint__layer--xray {
	inset: auto;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: var(--lens-diameter);
	height: var(--lens-diameter);
	overflow: hidden;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	will-change: transform;
	contain: layout paint;
	backface-visibility: hidden;
}

.blueprint__stage.is-blueprint-ready .blueprint__layer--xray {
	top: 0;
	left: 0;
	transform: translate3d(var(--lens-x), var(--lens-y), 0) translate(-50%, -50%);
}

.blueprint__xray-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--stage-width, 100%);
	height: var(--stage-height, 100%);
	transform: translate3d(calc(var(--lens-radius) - var(--lens-x)), calc(var(--lens-radius) - var(--lens-y)), 0);
	will-change: transform;
	backface-visibility: hidden;
}

.blueprint__xray-canvas > svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	transform: none;
}

.bp-paper { fill: var(--blueprint-paper); }
.bp-grid-line,
.bp-hatch-line,
.bp-dimensions path,
.bp-wall,
.bp-opening,
.bp-door,
.bp-coverage {
	fill: none;
	vector-effect: non-scaling-stroke;
}

.bp-grid-line { stroke: rgba(var(--blueprint-line), .07); stroke-width: 1; }
.bp-hatch-line { stroke: rgba(var(--blueprint-line), .085); stroke-width: 1; }
.bp-boundary-fill { fill: rgba(var(--blueprint-line), .025); }
.bp-dimensions { fill: rgba(var(--blueprint-line), .62); font: 600 16px var(--font-mono); }
.bp-dimensions path { stroke: rgba(var(--blueprint-line), .52); stroke-width: 1.5; }
.bp-wall { stroke: rgba(var(--blueprint-line), .82); stroke-width: 2; }
.bp-wall--outer { stroke-width: 4; }
.bp-opening { stroke: var(--blueprint-paper); stroke-width: 11; }
.bp-door { stroke: rgba(var(--blueprint-line), .55); stroke-width: 1.5; }
.bp-zones { fill: rgba(var(--blueprint-line), .7); font: 650 18px var(--font-mono); letter-spacing: .04em; }
.bp-coverage { stroke: rgba(var(--blueprint-line), .68); stroke-width: 2; stroke-dasharray: 8 9; }
.bp-reference { fill: rgba(var(--blueprint-line), .56); font: 600 12px var(--font-mono); letter-spacing: .08em; }

.xr-field { fill: var(--blueprint-xray-field); }
.xr-grid-line { fill: none; stroke: rgba(167, 255, 232, .08); stroke-width: 1; }
.xr-structure { fill: none; stroke: rgba(167, 255, 232, .32); stroke-width: 1.5; }
.xr-network { fill: none; stroke: var(--blueprint-xray-line); stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 6px rgba(167, 255, 232, .25)); }
.xr-network__secondary { stroke: rgba(140, 77, 240, .95); stroke-width: 4; }
.xr-controller { fill: none; stroke: var(--blueprint-xray-signal); stroke-width: 3; }
.xr-controller text,
.xr-device text,
.xr-data { fill: var(--blueprint-xray-line); stroke: none; font: 650 14px var(--font-mono); letter-spacing: .06em; }
.xr-device { fill: rgba(9, 23, 43, .94); stroke: var(--blueprint-xray-line); stroke-width: 3.5; filter: drop-shadow(0 0 7px rgba(167, 255, 232, .28)); }
.xr-device--cctv { stroke: var(--blueprint-xray-signal); }
.xr-packets { fill: var(--blueprint-xray-signal); filter: drop-shadow(0 0 8px rgba(215, 255, 0, .8)); }
.xr-data { fill: rgba(215, 255, 0, .78); font-size: 12px; }

.blueprint__lens {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	width: var(--lens-diameter);
	height: var(--lens-diameter);
	border: 1px solid rgba(var(--accent-rgb), .82);
	border-radius: 50%;
	box-shadow:
		0 0 0 1px rgba(var(--primary-rgb), .45),
		0 24px 60px rgba(2, 9, 22, .28),
		inset 0 0 32px rgba(var(--accent-rgb), .1);
	transform: translate(-50%, -50%);
	pointer-events: none;
	will-change: transform;
}

.blueprint__stage.is-blueprint-ready .blueprint__lens {
	top: 0;
	left: 0;
	transform: translate3d(var(--lens-x), var(--lens-y), 0) translate(-50%, -50%);
}

.blueprint__lens::before,
.blueprint__lens::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.blueprint__lens::before {
	inset: 9px;
	border: 1px dashed rgba(167, 255, 232, .48);
}

.blueprint__lens::after {
	inset: 42%;
	border: 1px solid rgba(215, 255, 0, .55);
}

.blueprint__lens-cross {
	position: absolute;
	top: 50%;
	left: 50%;
	background: rgba(215, 255, 0, .7);
	transform: translate(-50%, -50%);
}

.blueprint__lens-cross--h { width: 28px; height: 1px; }
.blueprint__lens-cross--v { width: 1px; height: 28px; }

.blueprint__lens-status {
	position: absolute;
	bottom: 22px;
	left: 50%;
	padding: 6px 9px;
	border: 1px solid rgba(167, 255, 232, .26);
	border-radius: 999px;
	background: rgba(9, 23, 43, .78);
	color: var(--blueprint-xray-line);
	font: 650 .57rem/1 var(--font-mono);
	letter-spacing: .08em;
	white-space: nowrap;
	transform: translateX(-50%);
}

.blueprint__mode,
.blueprint__hint {
	position: absolute;
	z-index: 7;
	border: 1px solid rgba(var(--blueprint-line), .25);
	background: rgba(255, 255, 255, .88);
	color: var(--text);
	font: 650 .68rem/1.35 var(--font-mono);
	letter-spacing: .12em;
	text-transform: uppercase;
	backdrop-filter: blur(12px);
}

.blueprint__mode {
	top: 32px;
	left: 32px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
}

.blueprint__mode i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--primary);
	box-shadow: 0 0 0 5px rgba(var(--primary-rgb), .12);
}

.blueprint__hint {
	right: 32px;
	bottom: 30px;
	max-width: 310px;
	padding: 14px 17px;
	border-radius: var(--radius-sm);
}

.blueprint__hint-touch { display: none; }

.blueprint__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding-top: 22px;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
}

.blueprint__footer span {
	font: 650 .68rem/1 var(--font-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.blueprint__footer p { margin: 0; }

html[data-theme="dark"] .blueprint {
	--blueprint-paper: #220b38;
	--blueprint-line: 140, 77, 240;
	--blueprint-label: #b793f5;
	--blueprint-xray-field: #10051c;
	--blueprint-xray-line: #a7ffe8;
	--blueprint-xray-signal: #d7ff00;
}

html[data-theme="dark"] .blueprint__stage {
	border-color: rgba(var(--accent-rgb), .28);
	box-shadow: 0 34px 110px rgba(4, 0, 10, .48), 0 0 60px rgba(var(--primary-rgb), .15);
}

html[data-theme="dark"] .blueprint__mode,
html[data-theme="dark"] .blueprint__hint {
	border-color: rgba(var(--accent-rgb), .25);
	background: rgba(18, 6, 31, .86);
	color: #f9f6ff;
}

html[data-theme="dark"] .blueprint__mode i {
	background: var(--accent);
	box-shadow: 0 0 0 5px rgba(var(--accent-rgb), .12);
}

.signal-strip {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	overflow: hidden;
	margin-top: clamp(48px, 6vw, 88px);
	border-block: 1px solid var(--line);
}

.signal-strip__line {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent);
	transform: translateX(-75%);
}

.signal-strip__line i {
	position: absolute;
	top: -3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--accent);
	box-shadow: 0 0 14px rgba(var(--accent-rgb), .75);
}

.signal-strip__line i:nth-child(1) { left: 12%; }
.signal-strip__line i:nth-child(2) { left: 38%; }
.signal-strip__line i:nth-child(3) { left: 64%; }
.signal-strip__line i:nth-child(4) { left: 88%; }

.signal-strip p {
	margin: 0;
	padding: 28px clamp(18px, 2.4vw, 34px);
	border-right: 1px solid var(--line);
	color: var(--muted);
	font-size: .78rem;
}

.signal-strip p:first-of-type { padding-left: 0; }
.signal-strip p:last-child { border-right: 0; }
.signal-strip p span {
	display: block;
	margin-bottom: 6px;
	color: var(--text);
	font: 650 .63rem/1 var(--font-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.depth-story {
	--depth-gap: clamp(52px, 6vw, 96px);
	--depth-visual: 42%;
	--depth-copy: calc(58% - var(--depth-gap));
	--depth-card-height: min(62vh, 620px);
	position: relative;
	overflow: clip;
	padding-bottom: clamp(48px, 5vw, 72px);
}

.depth-story::before {
	content: "";
	position: absolute;
	top: 8%;
	left: 50%;
	width: min(1100px, 92vw);
	height: 58%;
	background: radial-gradient(circle, rgba(var(--primary-rgb), .13), transparent 66%);
	filter: blur(30px);
	transform: translateX(-50%) scale(1);
	transition: transform 520ms var(--ease), opacity 420ms var(--ease);
	pointer-events: none;
}

.depth-story[data-depth-phase="home"]::before,
.depth-story[data-depth-phase="managed"]::before { transform: translateX(-28%) scale(.92); }
.depth-story[data-depth-phase="security"]::before { transform: translateX(-66%) scale(1.08); opacity: .72; }

.depth-story__header {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, .55fr);
	align-items: end;
	gap: clamp(40px, 7vw, 100px);
	margin-bottom: clamp(44px, 5vw, 72px);
}

.depth-story__header h2 { margin: 18px 0 0; }
.depth-story__header > p:last-child { margin: 0; color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.2rem); }

.depth-story__body {
	position: relative;
	z-index: 2;
	height: calc(var(--depth-card-height) + min(330vh, 3000px));
	min-height: calc(500px + min(330vh, 3000px));
}

.depth-story__body::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--primary), rgba(var(--primary-rgb), .18) 46%, rgba(var(--accent-rgb), .55), transparent);
	opacity: .55;
}

.depth-story__stage {
	position: sticky;
	top: calc(var(--header-height) + 42px);
	height: var(--depth-card-height);
	min-height: 500px;
	perspective: 1800px;
	transform-style: preserve-3d;
}

.depth-story__stage::after {
	content: "";
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: calc(var(--depth-visual) + (var(--depth-gap) / 2));
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(var(--primary-rgb), .22) 22%, rgba(var(--accent-rgb), .42) 50%, rgba(var(--primary-rgb), .22) 78%, transparent);
	opacity: .8;
	pointer-events: none;
}

.depth-story__visual,
.depth-story__chapters {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	will-change: transform, opacity;
}

.depth-story__visual {
	width: var(--depth-visual);
	z-index: 4;
	backface-visibility: hidden;
	perspective: 1200px;
	transform-origin: 50% 50%;
	transform: translate3d(0, 0, 0);
}

.depth-story[data-depth-motion="slot"] .depth-scene { transition: none; }

.depth-story[data-depth-motion="slot"] .depth-model { border-color: rgba(var(--accent-rgb), .42); }

.depth-model {
	--tilt-x: 0deg;
	--tilt-y: 0deg;
	position: relative;
	display: grid;
	width: min(100%, 620px);
	height: 100%;
	place-items: center;
	overflow: hidden;
	border: 1px solid rgba(var(--primary-rgb), .3);
	border-radius: clamp(28px, 4vw, 56px);
	background:
		linear-gradient(rgba(var(--primary-rgb), .07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--primary-rgb), .07) 1px, transparent 1px),
		linear-gradient(145deg, rgba(var(--surface-rgb), .88), rgba(var(--surface-rgb), .42));
	background-size: 42px 42px, 42px 42px, auto;
	box-shadow: 0 50px 120px rgba(8, 20, 44, .15), inset 0 1px rgba(255, 255, 255, .08);
	transform: rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
	transform-style: preserve-3d;
	transition: transform 260ms var(--ease), border-color var(--transition), box-shadow var(--transition);
}

.depth-model::after {
	content: "";
	position: absolute;
	inset: 16px;
	border: 1px solid rgba(var(--primary-rgb), .13);
	border-radius: inherit;
	pointer-events: none;
}

.depth-model__axis {
	position: absolute;
	z-index: 1;
	background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .38), transparent);
}

.depth-model__axis--x { right: 9%; left: 9%; height: 1px; }
.depth-model__axis--y {
	top: 9%;
	bottom: 9%;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(var(--primary-rgb), .45), transparent);
}

.depth-scene {
	position: absolute;
	inset: 7%;
	z-index: 3;
	display: grid;
	place-items: center;
	opacity: 0;
	transform: translateZ(40px) scale(.88) rotate(-3deg);
	transition: opacity 480ms var(--ease), transform 680ms var(--ease);
}

.depth-scene.is-active { opacity: 1; transform: translateZ(70px) scale(1) rotate(0); }
.depth-scene__code {
	position: absolute;
	top: 8px;
	left: 8px;
	color: var(--primary);
	font: 650 .64rem/1 var(--font-mono);
	letter-spacing: .12em;
}

.depth-scene svg { width: 92%; height: 92%; overflow: visible; }
.depth-scene svg circle,
.depth-scene svg rect,
.depth-scene svg path { fill: rgba(var(--surface-rgb), .78); stroke: var(--primary); stroke-width: 2; vector-effect: non-scaling-stroke; }
.depth-scene svg circle:not(.ds-core) { fill: var(--bg); }
.depth-scene svg text { fill: var(--muted); font: 650 12px var(--font-mono); letter-spacing: .08em; }
.depth-scene .ds-orbit { fill: none; stroke: rgba(var(--primary-rgb), .46); stroke-dasharray: 7 10; }
.depth-scene .ds-core { fill: rgba(var(--accent-rgb), .13); stroke: var(--accent); stroke-width: 3; filter: drop-shadow(0 0 14px rgba(var(--accent-rgb), .36)); }
.depth-scene .ds-path { fill: none; stroke: var(--accent); stroke-width: 3; stroke-linecap: round; }
.depth-scene .ds-path--thin { stroke-width: 1.5; stroke: rgba(var(--primary-rgb), .58); }
.depth-scene .ds-house,
.depth-scene .ds-shield,
.depth-scene .ds-console { fill: rgba(var(--primary-rgb), .045); stroke: rgba(var(--primary-rgb), .8); }
.depth-scene .ds-heartbeat { fill: none; stroke: var(--accent); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(var(--accent-rgb), .45)); }

.depth-model__plate {
	position: absolute;
	inset: 16%;
	z-index: 0;
	border: 1px solid rgba(var(--primary-rgb), .16);
	border-radius: 40px;
	transform: translateZ(-80px) rotate(8deg) scale(.9);
}

.depth-model__plate--two { transform: translateZ(-140px) rotate(-9deg) scale(.8); opacity: .65; }

.depth-story__visual-status {
	position: absolute;
	right: 24px;
	bottom: 22px;
	left: 24px;
	z-index: 8;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: var(--muted);
	font: 650 .62rem/1 var(--font-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.depth-story__visual-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(var(--accent-rgb), .12); }

.depth-story__chapters {
	z-index: 3;
	left: calc(var(--depth-visual) + var(--depth-gap));
	width: var(--depth-copy);
	backface-visibility: hidden;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(180deg, transparent, #000 9%, #000 91%, transparent);
	mask-image: linear-gradient(180deg, transparent, #000 9%, #000 91%, transparent);
	transform: translate3d(0, 0, 0);
}

.depth-chapter {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	padding: clamp(36px, 4vw, 62px) 0 clamp(36px, 4vw, 62px) clamp(12px, 2vw, 30px);
	opacity: 0;
	pointer-events: none;
	transform: translateZ(0);
	transition: none;
}

.depth-chapter.is-active { opacity: 1; pointer-events: auto; }
.depth-chapter > span { color: var(--primary); font: 650 .66rem/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.depth-chapter h3 { max-width: none; margin: 28px 0 20px; font: 650 clamp(2.2rem, 3.8vw, 4.35rem)/.98 var(--font-display); letter-spacing: -.055em; }
.depth-chapter > p { max-width: 720px; margin: 0; color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.18rem); }
.depth-chapter ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 30px 0 0; padding: 0; list-style: none; }
.depth-chapter li { padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font: 600 .62rem/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.depth-chapter .text-link { margin-top: 34px; align-self: flex-start; }

.project-deck {
	position: relative;
	isolation: isolate;
	padding-block: clamp(72px, 7vw, 96px);
}

.project-deck::before {
	content: "";
	position: absolute;
	inset-block: 0;
	left: 50%;
	z-index: -1;
	width: 100vw;
	border-block: 1px solid rgba(var(--primary-rgb), .12);
	background:
		linear-gradient(112deg, rgba(var(--primary-rgb), .075), transparent 42%),
		linear-gradient(180deg, rgba(var(--surface-rgb), .5), rgba(var(--surface-rgb), .88));
	transform: translateX(-50%);
}

.project-deck .section-heading--split > p { max-width: 470px; margin: 0; color: var(--muted); }
.project-deck__grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: minmax(280px, auto); gap: 18px; }
.project-card {
	position: relative;
	display: flex;
	min-height: 340px;
	grid-column: span 5;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	padding: clamp(28px, 3vw, 44px);
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background:
		radial-gradient(520px circle at var(--spot-x, 80%) var(--spot-y, 10%), rgba(var(--primary-rgb), .17), transparent 58%),
		linear-gradient(145deg, rgba(var(--surface-rgb), .94), rgba(var(--surface-rgb), .56));
	box-shadow: 0 24px 70px rgba(8, 20, 44, .08);
	transform: translateZ(0);
	transition: transform 420ms var(--ease), border-color var(--transition), box-shadow var(--transition);
}

.project-card--lead {
	min-height: 650px;
	grid-column: span 7;
	grid-row: span 2;
	justify-content: flex-start;
	background:
		radial-gradient(620px circle at var(--spot-x, 78%) var(--spot-y, 18%), rgba(var(--primary-rgb), .24), transparent 58%),
		linear-gradient(145deg, rgba(var(--surface-rgb), .96), rgba(var(--primary-rgb), .09));
}
.project-card--lead h3,
.project-card--lead p,
.project-card--lead .project-card__action { width: min(62%, 520px); }
.project-card:nth-child(2) { background: linear-gradient(145deg, rgba(var(--surface-rgb), .94), rgba(var(--accent-rgb), .09)); }
.project-card:nth-child(3) { background: linear-gradient(155deg, rgba(var(--primary-rgb), .11), rgba(var(--surface-rgb), .82)); }
.project-card:nth-child(4) { min-height: 360px; grid-column: 1 / -1; background: linear-gradient(110deg, rgba(var(--surface-rgb), .96), rgba(var(--primary-rgb), .12), rgba(var(--accent-rgb), .08)); }
.project-card:hover { border-color: rgba(var(--primary-rgb), .55); box-shadow: 0 38px 100px rgba(7, 16, 34, .16); transform: translateY(-8px) scale(1.006); }
.project-card > a { position: absolute; inset: 0; z-index: 8; }
.project-card__meta { position: relative; z-index: 3; color: var(--primary); font: 650 .64rem/1.35 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.project-card h3 { position: relative; z-index: 3; max-width: 740px; margin: 18px 0; font: 650 clamp(1.7rem, 3vw, 3.35rem)/1.02 var(--font-display); letter-spacing: -.05em; }
.project-card p { position: relative; z-index: 3; max-width: 620px; margin: 0; color: var(--muted); }
.project-card__action { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--line); font-weight: 700; }
.project-card__action i { font-style: normal; font-size: 1.4rem; }

.project-card__visual { position: absolute; top: 5%; right: 2%; width: min(58%, 390px); aspect-ratio: 1; opacity: .66; transform: rotate(-7deg); transition: opacity var(--transition), transform 700ms var(--ease); }
.project-card--lead .project-card__visual { top: 50%; right: -3%; opacity: .78; transform: translateY(-50%) rotate(-7deg) scale(1.08); }
.project-card:hover .project-card__visual { opacity: .92; transform: rotate(0) scale(1.04); }
.project-card--lead:hover .project-card__visual { transform: translateY(-50%) rotate(0) scale(1.12); }
.project-card__visual i,
.project-card__visual b { position: absolute; border: 1px solid rgba(var(--primary-rgb), .55); border-radius: 50%; }
.project-card__visual i:nth-child(1) { inset: 8%; }
.project-card__visual i:nth-child(2) { inset: 24%; border-style: dashed; }
.project-card__visual i:nth-child(3) { inset: 39%; border-color: var(--accent); box-shadow: 0 0 40px rgba(var(--accent-rgb), .16); }
.project-card__visual b { top: 50%; left: 8%; width: 84%; height: 1px; border: 0; border-radius: 0; background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent); }
.project-card--home .project-card__visual i:nth-child(1) { border-radius: 40% 60% 44% 56%; }
.project-card--sensor .project-card__visual i { border-radius: 35% 65% 62% 38%; }
.project-card--av .project-card__visual { right: 8%; width: min(42%, 360px); transform: perspective(600px) rotateY(-24deg); }
.project-card--av .project-card__visual i { border-radius: 18px; }

/* Web systems / release control */
.web-systems {
	position: relative;
	isolation: isolate;
	overflow: clip;
}

.web-systems::before {
	content: "";
	position: absolute;
	top: 12%;
	right: -18%;
	z-index: -1;
	width: min(72vw, 1040px);
	aspect-ratio: 1;
	border: 1px solid rgba(var(--primary-rgb), .12);
	border-radius: 50%;
	box-shadow: inset 0 0 0 8vw rgba(var(--primary-rgb), .025), inset 0 0 0 18vw rgba(var(--accent-rgb), .02);
}

.web-systems .section-heading--split > p { max-width: 460px; margin: 0; color: var(--muted); }

.web-lab {
	--web-x: 50%;
	--web-y: 45%;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(var(--primary-rgb), .28);
	border-radius: clamp(24px, 3vw, 42px);
	background:
		radial-gradient(640px circle at var(--web-x) var(--web-y), rgba(var(--primary-rgb), .14), transparent 66%),
		linear-gradient(rgba(var(--primary-rgb), .065) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--primary-rgb), .065) 1px, transparent 1px),
		linear-gradient(145deg, rgba(var(--surface-rgb), .94), rgba(var(--surface-rgb), .66));
	background-size: auto, 42px 42px, 42px 42px, auto;
	box-shadow: 0 42px 110px rgba(27, 67, 112, .15), inset 0 1px rgba(var(--surface-rgb), .9);
}

.web-lab__bar,
.web-lab__footer {
	position: relative;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 18px clamp(22px, 3vw, 38px);
	color: var(--muted);
	font: 650 .62rem/1.3 var(--font-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.web-lab__bar { border-bottom: 1px solid var(--line); }
.web-lab__bar > span:first-child { display: flex; align-items: center; gap: 10px; color: var(--text); }
.web-lab__bar i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(var(--accent-rgb), .12), 0 0 20px rgba(var(--accent-rgb), .45); }

.web-lab__layout {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: minmax(0, 1.24fr) minmax(360px, .76fr);
	gap: clamp(18px, 3vw, 38px);
	padding: clamp(20px, 3vw, 38px);
}

.web-lab__route { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.web-lab__route::before { content: ""; position: absolute; top: 50%; left: 54%; width: 33%; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--primary-rgb), .55), rgba(var(--accent-rgb), .9), transparent); }
.web-lab__route i { position: absolute; top: calc(50% - 4px); left: 54%; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 18px rgba(var(--accent-rgb), .75); opacity: 0; }
.web-lab__route i:nth-child(2) { animation-delay: 1.1s; }
.web-lab__route i:nth-child(3) { animation-delay: 2.2s; }
.web-lab__route i:nth-child(4) { animation-delay: 3.3s; }

.web-live-card {
	position: relative;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: clamp(20px, 2.3vw, 30px);
	background: rgba(var(--surface-rgb), .74);
	box-shadow: 0 30px 70px rgba(27, 67, 112, .12);
	transition: transform 520ms var(--ease), border-color var(--transition), box-shadow var(--transition);
}

.web-live-card:hover { border-color: rgba(var(--primary-rgb), .62); box-shadow: 0 40px 95px rgba(27, 67, 112, .2); transform: translateY(-7px); }
.web-card__hit { position: absolute; inset: 0; z-index: 9; }
.web-live-card__head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 18px; border-bottom: 1px solid var(--line); color: var(--muted); font: 650 .62rem/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }

.web-status { display: inline-flex; align-items: center; gap: 8px; width: fit-content; padding: 7px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font: 700 .57rem/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.web-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--primary); }
.web-status--live { border-color: rgba(var(--accent-rgb), .48); color: var(--text); }
.web-status--live i { background: var(--accent); box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .1); }

.web-viewport { position: relative; margin: clamp(18px, 2.3vw, 30px); overflow: hidden; border: 1px solid rgba(var(--primary-rgb), .32); border-radius: 16px; background: var(--bg); box-shadow: 0 24px 50px rgba(27, 67, 112, .13); transform: perspective(1200px) rotateX(1.2deg) rotateY(-1.5deg); transition: transform 650ms var(--ease); }
.web-live-card:hover .web-viewport { transform: perspective(1200px) rotateX(0) rotateY(0) scale(1.012); }
.web-viewport__chrome { display: flex; align-items: center; gap: 6px; height: 36px; padding: 0 13px; border-bottom: 1px solid var(--line); background: var(--surface-raised); }
.web-viewport__chrome i { width: 7px; height: 7px; border: 1px solid rgba(var(--primary-rgb), .42); border-radius: 50%; }
.web-viewport__chrome i:nth-child(1) { background: rgba(var(--primary-rgb), .25); }
.web-viewport__chrome i:nth-child(2) { background: rgba(var(--accent-rgb), .3); }
.web-viewport__chrome span { margin-left: 8px; color: var(--muted); font: 600 .53rem/1 var(--font-mono); }
.web-viewport__page { min-height: 330px; padding: clamp(20px, 3vw, 38px); background: radial-gradient(circle at 82% 16%, rgba(var(--accent-rgb), .17), transparent 30%), var(--surface); color: var(--text); }
.web-viewport__nav { display: flex; align-items: center; gap: 14px; }
.web-viewport__nav b { margin-right: auto; color: var(--primary); font: 750 .8rem/1 var(--font-display); letter-spacing: .08em; }
.web-viewport__nav span { width: 34px; height: 3px; border-radius: 2px; background: rgba(36, 16, 61, .14); }
.web-viewport__hero { position: relative; max-width: 76%; padding: 62px 0 38px; }
.web-viewport__hero p { margin: 0 0 14px; color: var(--primary); font: 700 .54rem/1 var(--font-mono); letter-spacing: .12em; }
.web-viewport__hero strong { font: 650 clamp(1.8rem, 3.1vw, 3.2rem)/.96 var(--font-display); letter-spacing: -.055em; }
.web-viewport__hero i { display: block; width: 92px; height: 22px; margin-top: 28px; border-radius: 999px; background: var(--primary); }
.web-viewport__tiles { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 9px; }
.web-viewport__tiles span { height: 52px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-raised); }
.web-viewport__tiles span:first-child { background: linear-gradient(135deg, rgba(var(--primary-rgb), .2), rgba(var(--accent-rgb), .14)); }
.web-viewport__scan { position: absolute; top: 0; bottom: 0; left: -24%; width: 18%; background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .16), transparent); transform: skewX(-12deg); }

.web-live-card__copy { display: grid; grid-template-columns: minmax(150px, .55fr) 1fr auto; align-items: end; gap: 28px; padding: 4px clamp(22px, 3vw, 36px) clamp(24px, 3vw, 36px); }
.web-live-card__copy span { color: var(--primary); font: 700 .58rem/1 var(--font-mono); letter-spacing: .09em; text-transform: uppercase; }
.web-live-card__copy h3 { margin: 10px 0 0; font: 650 clamp(1.8rem, 3vw, 3rem)/1 var(--font-display); letter-spacing: -.045em; }
.web-live-card__copy p { max-width: 330px; margin: 0; color: var(--muted); font-size: .9rem; }
.web-live-card__open { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.web-live-card__open i { font-style: normal; font-size: 1.15rem; }

.web-build-queue { align-self: stretch; overflow: hidden; border: 1px solid var(--line); border-radius: clamp(20px, 2.3vw, 30px); background: rgba(var(--surface-rgb), .66); }
.web-build-queue__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 20px; border-bottom: 1px solid var(--line); color: var(--muted); font: 650 .58rem/1 var(--font-mono); letter-spacing: .09em; text-transform: uppercase; }
.web-build-queue__head span:first-child { color: var(--text); }
.web-build-card { position: relative; display: grid; grid-template-columns: 46px 1fr; gap: 16px; min-height: 150px; padding: 22px 20px; border-bottom: 1px solid var(--line); transition: background-color var(--transition), transform var(--transition); }
.web-build-card:last-child { border-bottom: 0; }
.web-build-card:hover { background: rgba(var(--primary-rgb), .055); }
.web-build-card__node { position: relative; display: grid; align-content: start; justify-items: center; }
.web-build-card__node::after { content: ""; position: absolute; top: 30px; bottom: -49px; left: 50%; width: 1px; background: linear-gradient(var(--primary), rgba(var(--primary-rgb), .12)); }
.web-build-card:last-child .web-build-card__node::after { display: none; }
.web-build-card__node i { position: absolute; top: 7px; width: 15px; height: 15px; border: 1px solid var(--primary); border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 4px var(--surface), 0 0 0 4px rgba(var(--primary-rgb), .1); }
.web-build-card__node b { margin-top: 38px; color: var(--muted); font: 650 .55rem/1 var(--font-mono); }
.web-build-card__domain { color: var(--primary); font: 650 .56rem/1 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; }
.web-build-card h3 { margin: 10px 0 7px; font: 650 clamp(1.35rem, 2vw, 1.8rem)/1.05 var(--font-display); letter-spacing: -.04em; }
.web-build-card p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.5; }
.web-build-card .web-status { grid-column: 2; margin-top: 15px; }

.web-lab__footer { border-top: 1px solid var(--line); }
.web-lab__footer p { margin: 0; }
.web-lab__footer p span { margin-right: 12px; color: var(--primary); }
.web-lab__footer .text-link { font-family: var(--font-body); font-size: .82rem; letter-spacing: normal; text-transform: none; }

html[data-theme="dark"] .web-lab { border-color: rgba(var(--accent-rgb), .24); background: radial-gradient(680px circle at var(--web-x) var(--web-y), rgba(var(--primary-rgb), .25), transparent 64%), linear-gradient(rgba(var(--primary-rgb), .12) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--primary-rgb), .12) 1px, transparent 1px), linear-gradient(145deg, rgba(39, 12, 64, .95), rgba(18, 6, 31, .88)); background-size: auto, 42px 42px, 42px 42px, auto; box-shadow: 0 48px 120px rgba(4, 0, 10, .48), inset 0 1px rgba(255, 255, 255, .04); }
html[data-theme="dark"] .web-live-card,
html[data-theme="dark"] .web-build-queue { border-color: rgba(var(--primary-rgb), .42); background: rgba(29, 8, 48, .82); }
html[data-theme="dark"] .web-viewport { border-color: rgba(var(--accent-rgb), .26); box-shadow: 0 28px 70px rgba(4, 0, 10, .4); }
html[data-theme="dark"] .web-viewport__page { background: radial-gradient(circle at 82% 16%, rgba(var(--accent-rgb), .13), transparent 30%), #fbf9ff; color: #24103d; }
html[data-theme="dark"] .web-viewport__chrome { background: #eee8f5; }
html[data-theme="dark"] .web-build-card__node i { background: var(--bg); box-shadow: inset 0 0 0 4px var(--bg), 0 0 0 4px rgba(var(--primary-rgb), .16); }
html[data-theme="dark"] .web-live-card__copy span,
html[data-theme="dark"] .web-build-card__domain,
html[data-theme="dark"] .web-lab__footer p span { color: var(--accent); }

/* Dedicated web systems page */
.web-page-hero { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(380px, .88fr); align-items: center; gap: clamp(48px, 8vw, 120px); min-height: 92svh; padding-top: calc(var(--header-height) + 72px); padding-bottom: 80px; }
.web-page-hero h1 { max-width: 780px; margin: 20px 0 30px; font: 650 clamp(4rem, 8.3vw, 8rem)/.88 var(--font-display); letter-spacing: -.075em; }
.web-page-hero__copy > p:not(.eyebrow) { max-width: 680px; margin: 0; color: var(--muted); font-size: clamp(1.08rem, 1.7vw, 1.35rem); }
.web-page-hero .hero__actions { margin-top: 38px; }

.web-page-console { position: relative; overflow: hidden; padding: clamp(24px, 3vw, 38px); border: 1px solid rgba(var(--primary-rgb), .34); border-radius: var(--radius-lg); background: linear-gradient(rgba(var(--primary-rgb), .07) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--primary-rgb), .07) 1px, transparent 1px), rgba(var(--surface-rgb), .75); background-size: 34px 34px, 34px 34px, auto; box-shadow: var(--shadow); transform: perspective(1100px) rotateY(-7deg) rotateX(2deg); }
.web-page-console header { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 22px; border-bottom: 1px solid var(--line); color: var(--muted); font: 650 .62rem/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.web-page-console header i { color: var(--primary); font-style: normal; }
.web-page-console ol { margin: 0; padding: 0; list-style: none; }
.web-page-console li { position: relative; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 15px; min-height: 82px; border-bottom: 1px solid var(--line); }
.web-page-console li span { color: var(--primary); font: 700 .62rem/1 var(--font-mono); }
.web-page-console li strong { font: 650 1.05rem/1 var(--font-display); }
.web-page-console li i { color: var(--muted); font: 600 .55rem/1 var(--font-mono); font-style: normal; letter-spacing: .06em; text-transform: uppercase; }
.web-page-console__signal { position: relative; height: 70px; margin-top: 20px; }
.web-page-console__signal::before { content: ""; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, var(--primary), var(--accent)); }
.web-page-console__signal i { position: absolute; top: calc(50% - 5px); width: 10px; height: 10px; border: 2px solid var(--surface); border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 1px var(--primary); }
.web-page-console__signal i:nth-child(1) { left: 0; }
.web-page-console__signal i:nth-child(2) { left: 33%; }
.web-page-console__signal i:nth-child(3) { left: 66%; }
.web-page-console__signal i:nth-child(4) { right: 0; background: var(--accent); box-shadow: 0 0 14px rgba(var(--accent-rgb), .5); }

.web-capabilities__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--line); }
.web-capabilities article { min-height: 360px; padding: 30px 28px; border-right: 1px solid var(--line); }
.web-capabilities article:first-child { padding-left: 0; }
.web-capabilities article:last-child { padding-right: 0; border-right: 0; }
.web-capabilities article > span { color: var(--primary); font: 700 .63rem/1 var(--font-mono); }
.web-capabilities h3 { margin: 120px 0 18px; font: 650 clamp(1.35rem, 2vw, 2rem)/1.04 var(--font-display); letter-spacing: -.04em; }
.web-capabilities p { margin: 0; color: var(--muted); font-size: .92rem; }

.web-systems--page { padding-top: 40px; }
.web-principle { margin-bottom: clamp(100px, 13vw, 180px); padding: clamp(36px, 6vw, 80px); border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(var(--primary-rgb), .11), rgba(var(--accent-rgb), .06)), var(--surface); box-shadow: var(--shadow); }
.web-principle blockquote { max-width: 1000px; margin: 34px 0 58px; font: 650 clamp(2.15rem, 4.6vw, 4.8rem)/1.02 var(--font-display); letter-spacing: -.055em; }
.web-principle > div { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.web-principle > div span { padding: 22px 18px 0 0; color: var(--muted); font: 650 .64rem/1.3 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }

html[data-theme="dark"] .web-page-console { border-color: rgba(var(--accent-rgb), .26); background: linear-gradient(rgba(var(--primary-rgb), .12) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--primary-rgb), .12) 1px, transparent 1px), rgba(34, 11, 56, .82); background-size: 34px 34px, 34px 34px, auto; }
html[data-theme="dark"] .web-page-console header i,
html[data-theme="dark"] .web-page-console li span,
html[data-theme="dark"] .web-capabilities article > span { color: var(--accent); }

.journal--premium { position: relative; }
.journal__grid--editorial { grid-template-columns: repeat(12, 1fr); grid-auto-flow: dense; }
.journal__grid--editorial .journal-card { min-height: 330px; grid-column: span 5; }
.journal__grid--editorial .journal-card--lead { min-height: 470px; grid-column: span 7; grid-row: span 1; }
.journal__grid--editorial .journal-card:nth-child(4) { grid-column: span 5; }

.journal-card__hit {
	position: absolute !important;
	inset: 0;
	z-index: 8 !important;
}

.journal-card__topline {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--line);
}

.journal-card__index,
.journal-card__time {
	color: var(--primary);
	font: 700 .63rem/1 var(--font-mono);
	letter-spacing: .12em;
	text-transform: uppercase;
}

.journal-card__index {
	display: grid;
	width: 30px;
	height: 30px;
	place-items: center;
	border: 1px solid rgba(var(--primary-rgb), .34);
	border-radius: 50%;
}

.journal-card__time { color: var(--muted); white-space: nowrap; }

.journal-card__signal {
	position: relative;
	height: 64px;
	margin: 20px 0 10px;
	background:
		linear-gradient(90deg, transparent 0 6%, rgba(var(--primary-rgb), .34) 6% 22%, transparent 22% 30%, rgba(var(--primary-rgb), .18) 30% 54%, transparent 54% 68%, rgba(var(--accent-rgb), .52) 68% 100%) center / 100% 1px no-repeat;
}

.journal-card__signal::before,
.journal-card__signal::after,
.journal-card__signal i {
	content: "";
	position: absolute;
	top: 50%;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--surface);
	border: 1px solid var(--primary);
	transform: translate(-50%, -50%);
}

.journal-card__signal::before { left: 6%; }
.journal-card__signal::after { left: 30%; }
.journal-card__signal i:nth-child(1) { left: 54%; }
.journal-card__signal i:nth-child(2) { left: 68%; border-color: var(--accent); box-shadow: 0 0 0 5px rgba(var(--accent-rgb), .09); }
.journal-card__signal i:nth-child(n+3) { display: none; }

.journal-card__content { margin-top: auto; }
.journal-card__read { display: flex; justify-content: space-between; gap: 20px; margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--line); font-weight: 700; }
.journal-card__read i { font-style: normal; }

.journal__grid--editorial .journal-card--lead .journal-card__signal { height: 92px; }
.journal__grid--editorial .journal-card--lead h3 { max-width: 820px; font-size: clamp(2rem, 3.2vw, 3.55rem); line-height: 1.02; }

.archive__grid { grid-template-columns: repeat(12, 1fr); }
.archive__grid .journal-card { min-height: 410px; grid-column: span 4; }
.archive__grid .journal-card:nth-child(1) { min-height: 510px; grid-column: span 8; }
.archive__grid .journal-card:nth-child(2) { min-height: 510px; grid-column: span 4; }
.archive__grid .journal-card:nth-child(1) h2 { font-size: clamp(2rem, 3.4vw, 3.75rem); line-height: 1.02; }

.contact-cta--depth { position: relative; overflow: hidden; isolation: isolate; }
.contact-cta__signal { position: absolute; top: 0; right: -5%; bottom: 0; z-index: -1; width: 48%; opacity: .55; }
.contact-cta__signal::before,
.contact-cta__signal::after { content: ""; position: absolute; inset: 14%; border: 1px solid rgba(var(--primary-rgb), .35); border-radius: 50%; }
.contact-cta__signal::after { inset: 28%; border-style: dashed; }
.contact-cta__signal i { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, var(--primary), var(--accent)); }
.contact-cta__signal i:nth-child(2) { transform: rotate(55deg); }
.contact-cta__signal i:nth-child(3) { transform: rotate(-55deg); }

html[data-theme="dark"] .depth-model {
	border-color: rgba(var(--accent-rgb), .24);
	background:
		linear-gradient(rgba(var(--primary-rgb), .13) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--primary-rgb), .13) 1px, transparent 1px),
		linear-gradient(145deg, rgba(45, 15, 72, .94), rgba(18, 6, 31, .72));
	background-size: 42px 42px, 42px 42px, auto;
	box-shadow: 0 55px 130px rgba(4, 0, 10, .52), inset 0 1px rgba(255, 255, 255, .05);
}

html[data-theme="dark"] .depth-scene__code,
html[data-theme="dark"] .depth-chapter > span,
html[data-theme="dark"] .project-card__meta { color: var(--accent); }
html[data-theme="dark"] .project-card { border-color: rgba(var(--primary-rgb), .36); box-shadow: 0 30px 90px rgba(4, 0, 10, .3); }


.proof-rail {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-block: 1px solid var(--line);
}

.proof-rail > div {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 18px;
	padding: 34px;
	border-right: 1px solid var(--line);
}

.proof-rail > div:first-child { padding-left: 0; }
.proof-rail > div:last-child { border-right: 0; }
.proof-rail strong {
	font: 650 2.4rem/1 var(--font-display);
	letter-spacing: -.05em;
}
.proof-rail span { color: var(--muted); font-size: .8rem; line-height: 1.4; }

.case-study__grid {
	display: grid;
	grid-template-columns: .72fr 1.28fr;
	gap: clamp(48px, 9vw, 130px);
	padding-top: 48px;
	border-top: 1px solid var(--line);
}

.case-study__statement p {
	margin: 0 0 32px;
	font-size: clamp(1.15rem, 2vw, 1.55rem);
	line-height: 1.45;
}

.decision-path,
.method__steps {
	margin: 0;
	padding: 0;
	list-style: none;
}

.decision-path li {
	display: grid;
	grid-template-columns: 58px 1fr;
	gap: 24px;
	padding: 0 0 34px;
	border-bottom: 1px solid var(--line);
}

.decision-path li + li { padding-top: 34px; }
.decision-path li > span,
.method__steps li > span {
	color: var(--primary);
	font: 650 .68rem/1.3 var(--font-mono);
}

.decision-path strong,
.method__steps strong {
	display: block;
	margin-bottom: 8px;
	font: 650 1.2rem/1.25 var(--font-display);
}

.decision-path p,
.method__steps p { margin: 0; color: var(--muted); }

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

.system-card,
.journal-card {
	position: relative;
	min-height: 410px;
	overflow: hidden;
	padding: clamp(28px, 3vw, 44px);
	border: 1px solid var(--line);
	border-radius: var(--radius-md);
	background: linear-gradient(155deg, rgba(var(--surface-rgb), .94), rgba(var(--surface-rgb), .62));
	box-shadow: 0 18px 55px rgba(10, 40, 74, .04);
	backdrop-filter: blur(12px);
	transition: border-color var(--transition), transform var(--transition), box-shadow var(--transition);
}

.system-card::before,
.journal-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: radial-gradient(420px circle at var(--spot-x, 50%) var(--spot-y, 50%), rgba(var(--accent-rgb), .14), transparent 58%);
	opacity: 0;
	transition: opacity var(--transition);
	pointer-events: none;
}

.system-card:hover::before,
.journal-card:hover::before {
	opacity: 1;
}

.system-card > *,
.journal-card > * {
	position: relative;
	z-index: 2;
}

.system-card::after {
	content: "";
	position: absolute;
	right: -80px;
	bottom: -90px;
	width: 220px;
	height: 220px;
	border: 1px solid var(--line);
	border-radius: 50%;
	box-shadow: inset 0 0 0 35px rgba(var(--primary-rgb), .035), inset 0 0 0 70px rgba(var(--accent-rgb), .025);
	transition: transform 600ms var(--ease), border-color var(--transition);
}

.system-card:hover,
.journal-card:hover {
	border-color: rgba(var(--primary-rgb), .5);
	box-shadow: var(--shadow);
	transform: translateY(-7px);
}

.system-card:hover::after { transform: scale(1.12) rotate(24deg); }

.system-card h3 {
	max-width: 330px;
	margin: 72px 0 20px;
	font: 650 clamp(1.65rem, 2.4vw, 2.4rem)/1.08 var(--font-display);
	letter-spacing: -.045em;
}

.system-card > p:not(.system-card__scope) {
	max-width: 340px;
	margin: 0;
	color: var(--muted);
}

.system-card__scope {
	position: absolute;
	right: 34px;
	bottom: 32px;
	left: 34px;
	z-index: 1;
	margin: 0;
	color: var(--muted);
	font: 600 .62rem/1.4 var(--font-mono);
	letter-spacing: .07em;
	text-transform: uppercase;
}

.method__steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid var(--line);
}

.method {
	position: relative;
	isolation: isolate;
	color: #f6fbff;
}

.method::before {
	content: "";
	position: absolute;
	inset-block: 0;
	left: 50%;
	z-index: -1;
	width: 100vw;
	background:
		radial-gradient(circle at 82% 18%, rgba(223, 247, 255, .2), transparent 26rem),
		linear-gradient(125deg, #2447df, #2457ff 58%, #3476ff);
	transform: translateX(-50%);
}

.method .eyebrow,
.method__steps li > span { color: #dff7ff; }
.method__steps { border-color: rgba(246, 251, 255, .34); }
.method__steps li { border-color: rgba(246, 251, 255, .28); }
.method__steps p { color: rgba(246, 251, 255, .78); }

.method__steps li {
	min-height: 220px;
	padding: 30px 28px 30px 0;
	border-right: 1px solid var(--line);
}

.method__steps li + li { padding-left: 28px; }
.method__steps li:last-child { border-right: 0; }
.method__steps strong { margin-top: 54px; }

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

.archive__grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 18px;
}

.journal-card {
	display: flex;
	min-height: 320px;
	flex-direction: column;
	justify-content: space-between;
}

.journal-card h2,
.journal-card h3 {
	margin: auto 0 18px;
	font: 650 clamp(1.4rem, 2vw, 2rem)/1.12 var(--font-display);
	letter-spacing: -.035em;
}

.journal-card h2 a,
.journal-card h3 a { text-decoration: none; }
.journal-card p { margin: 0; color: var(--muted); }
.journal-card--empty { grid-column: 1 / -1; min-height: 260px; }

.contact-cta {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: end;
	gap: 60px;
	margin-bottom: clamp(80px, 10vw, 140px);
	padding-inline: clamp(36px, 6vw, 82px);
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: var(--surface);
	box-shadow: var(--shadow);
}

.contact-cta .eyebrow { grid-column: 1 / -1; }
.contact-cta h2 { margin: 0; }

.site-footer {
	padding-block: 70px 28px;
	border-top: 1px solid var(--line);
	background: rgba(var(--surface-rgb), .45);
}

.site-footer__grid {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 80px;
}

.site-brand--footer { margin-bottom: 24px; }
.site-footer p { max-width: 430px; margin: 0; color: var(--muted); }
.site-footer__contact { display: grid; gap: 12px; text-align: right; }
.site-footer__contact a { font: 600 1.15rem/1.2 var(--font-display); text-decoration: none; }

.site-footer__legal {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-top: 64px;
	padding-top: 22px;
	border-top: 1px solid var(--line);
	color: var(--muted);
	font: 600 .66rem/1.4 var(--font-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.site-footer__menu { gap: 18px; }
.site-footer__menu a { text-decoration: none; }
.site-footer__legal-links { display: flex; align-items: center; gap: 18px; }
.site-footer__legal-links > a { color: inherit; text-decoration: none; }
.site-footer__legal-links a:hover { color: var(--text); }

.content-shell,
.archive,
.not-found {
	min-height: 75svh;
	padding-top: calc(var(--header-height) + clamp(80px, 11vw, 150px));
	padding-bottom: clamp(100px, 13vw, 170px);
}

.entry-header,
.archive__header {
	max-width: 980px;
	margin-bottom: clamp(58px, 8vw, 100px);
}

.content-shell--article {
	padding-top: calc(var(--header-height) + clamp(44px, 5vw, 72px));
}

.prose--article {
	--article-rail: 190px;
	--article-gap: clamp(46px, 6vw, 88px);
}

.article-progress {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 110;
	height: 3px;
	pointer-events: none;
}

.article-progress i {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, var(--primary), var(--accent));
	transform: scaleX(var(--article-progress, 0));
	transform-origin: left center;
	will-change: transform;
}

.entry-header.article-hero {
	display: grid;
	max-width: none;
	grid-template-columns: var(--article-rail) minmax(0, 1fr);
	gap: var(--article-gap);
	margin-bottom: clamp(48px, 6vw, 76px);
}

.article-hero__rail {
	align-self: start;
	padding-top: 16px;
	border-top: 2px solid var(--primary);
}

.article-hero__rail > a {
	color: var(--primary);
	font: 650 .68rem/1 var(--font-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.article-hero__rail dl { display: grid; gap: 17px; margin: 34px 0 0; }
.article-hero__rail dl > div { display: grid; gap: 4px; }
.article-hero__rail dt { color: var(--muted); font: 600 .58rem/1.2 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.article-hero__rail dd { margin: 0; color: var(--text); font-size: .86rem; line-height: 1.4; }
.article-hero__rail dd a { color: inherit; }

.article-hero__main { max-width: 950px; }
.article-hero__main .eyebrow { margin: 0 0 22px; }
.entry-header.article-hero h1 {
	margin: 0;
	font-size: clamp(3.15rem, 5.15vw, 6rem);
	line-height: .96;
}

.article-hero .entry-deck {
	max-width: 780px;
	margin-top: clamp(24px, 3vw, 38px);
	font-size: clamp(1.05rem, 1.6vw, 1.3rem);
	line-height: 1.6;
}

.archive__header > p:last-child,
.entry-deck {
	max-width: 700px;
	margin: 28px 0 0;
	color: var(--muted);
	font-size: clamp(1.05rem, 1.8vw, 1.35rem);
}

.prose .entry-content {
	max-width: var(--reading);
	margin-inline: auto;
	font-size: 1.08rem;
}

.article-reading {
	display: grid;
	grid-template-columns: var(--article-rail) minmax(0, var(--reading));
	gap: var(--article-gap);
	align-items: start;
}

.article-reading__rail {
	position: sticky;
	top: calc(var(--header-height) + 36px);
	display: grid;
	gap: 14px;
	padding-top: 16px;
	border-top: 1px solid var(--line-strong);
	color: var(--muted);
	font: 600 .62rem/1.4 var(--font-mono);
	letter-spacing: .05em;
	text-transform: uppercase;
}

.article-reading__rail span { display: flex; align-items: center; gap: 9px; color: var(--text); }
.article-reading__rail span i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(var(--accent-rgb), .11); }
.article-reading__rail a { width: fit-content; }

.prose--article .entry-content {
	max-width: var(--reading);
	margin: 0;
	font-size: clamp(1.04rem, 1.12vw, 1.13rem);
	line-height: 1.78;
}

.prose--article .entry-content > p:first-child {
	margin-top: 0;
	color: var(--text);
	font-size: clamp(1.18rem, 1.45vw, 1.34rem);
	line-height: 1.68;
}

.entry-content > * + * { margin-top: 1.5em; }
.entry-content h2,
.entry-content h3 {
	margin-top: 2.3em;
	font-family: var(--font-display);
	line-height: 1.15;
	letter-spacing: -.035em;
}
.entry-content h2 { font-size: clamp(2rem, 4vw, 3.3rem); }
.entry-content h3 { font-size: clamp(1.45rem, 2.5vw, 2rem); }
.entry-content p,
.entry-content li { color: color-mix(in srgb, var(--text) 82%, var(--muted)); }
.entry-content a { color: var(--primary); }
.entry-content blockquote {
	margin-inline: 0;
	padding: 8px 0 8px 28px;
	border-left: 3px solid var(--accent);
	font: 550 1.3em/1.5 var(--font-display);
}
.entry-content code {
	padding: .15em .4em;
	border-radius: 5px;
	background: var(--surface-raised);
	font-family: var(--font-mono);
}
.entry-content pre {
	overflow-x: auto;
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	background: var(--surface);
}
.entry-content pre code { padding: 0; background: none; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th,
.entry-content td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; }
.entry-visual {
	max-width: 1100px;
	margin: 0 auto clamp(60px, 8vw, 100px);
	overflow: hidden;
	border-radius: var(--radius-md);
}

.prose--article .entry-visual {
	width: calc(100% - var(--article-rail) - var(--article-gap));
	max-width: 950px;
	margin-right: 0;
	margin-bottom: clamp(48px, 6vw, 72px);
	border: 1px solid var(--line);
	box-shadow: var(--shadow);
}

.article-navigation {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin-top: clamp(72px, 10vw, 130px);
	border: 1px solid var(--line);
	background: var(--line);
}

.article-navigation a {
	display: grid;
	align-content: space-between;
	min-height: 190px;
	padding: clamp(24px, 3vw, 40px);
	background: rgba(var(--surface-rgb), .9);
	text-decoration: none;
	transition: background-color var(--transition);
}

.article-navigation a:hover { background: var(--surface-raised); }
.article-navigation a:only-child:last-child { grid-column: 2; }
.article-navigation span { color: var(--primary); font: 650 .62rem/1 var(--font-mono); letter-spacing: .09em; text-transform: uppercase; }
.article-navigation strong { max-width: 470px; margin-top: 44px; font: 650 clamp(1.35rem, 2.4vw, 2rem)/1.12 var(--font-display); letter-spacing: -.035em; }

.alignwide { width: min(1100px, 100%); max-width: none; margin-inline: 50%; transform: translateX(-50%); }
.alignfull { width: 100vw; max-width: none; margin-inline: 50%; transform: translateX(-50%); }

.navigation.pagination { grid-column: 1 / -1; margin-top: 40px; }
.nav-links { display: flex; gap: 10px; }
.page-numbers { display: grid; min-width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 50%; text-decoration: none; }
.page-numbers.current { border-color: var(--primary); background: var(--primary); color: #fff; }

.not-found {
	display: flex;
	max-width: 900px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.not-found > p:not(.eyebrow) { max-width: 560px; margin: 28px 0 38px; color: var(--muted); font-size: 1.2rem; }

html[data-theme="dark"] .system-card,
html[data-theme="dark"] .journal-card {
	border-color: rgba(var(--primary-rgb), .42);
	background: linear-gradient(155deg, rgba(61, 22, 99, .88), rgba(27, 8, 45, .78));
	box-shadow: 0 18px 55px rgba(4, 0, 10, .24);
}

html[data-theme="dark"] .button {
	border-color: var(--accent);
	background: var(--accent);
	color: #160820;
}

html[data-theme="dark"] .button:hover {
	border-color: #8c4df0;
	background: #8c4df0;
	color: #fff;
}

html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .system-card__index,
html[data-theme="dark"] .journal-card__meta,
html[data-theme="dark"] .decision-path li > span,
html[data-theme="dark"] .method__steps li > span {
	color: var(--accent);
}

html[data-theme="dark"] .text-link:hover,
html[data-theme="dark"] .entry-content a {
	color: var(--accent);
}

html[data-theme="dark"] .project-deck::before {
	border-color: rgba(var(--primary-rgb), .28);
	background:
		linear-gradient(112deg, rgba(var(--primary-rgb), .18), transparent 45%),
		linear-gradient(180deg, rgba(34, 11, 56, .4), rgba(19, 6, 32, .86));
}

html[data-theme="dark"] .method::before {
	background:
		radial-gradient(circle at 82% 18%, rgba(var(--accent-rgb), .1), transparent 25rem),
		linear-gradient(125deg, #2e104b, #4b1680 56%, #6d28d9);
}

html[data-theme="dark"] .method .eyebrow,
html[data-theme="dark"] .method__steps li > span { color: var(--accent); }

html[data-theme="dark"] .proof-rail strong {
	color: var(--accent);
}

html[data-theme="dark"] .contact-cta {
	border-color: rgba(var(--accent-rgb), .28);
	background: linear-gradient(135deg, #2e104b, #190927);
}

html[data-theme="dark"] .site-header--compact::before {
	background: rgba(18, 6, 31, .86);
}

html[data-theme="dark"] .xray-plane {
	border-color: rgba(var(--accent-rgb), .18);
	background-image:
		linear-gradient(rgba(var(--primary-rgb), .32) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--primary-rgb), .32) 1px, transparent 1px);
}

html[data-theme="dark"] .xray-emblem__logo--light { opacity: 0; }
html[data-theme="dark"] .xray-emblem__logo--dark { opacity: 1; }
html[data-theme="dark"] .xray-emblem__face {
	filter:
		drop-shadow(4px 5px 0 rgba(var(--primary-rgb), .46))
		drop-shadow(10px 13px 0 rgba(8, 2, 18, .7))
		drop-shadow(0 0 28px rgba(var(--accent-rgb), .1))
		drop-shadow(0 34px 48px rgba(4, 0, 10, .7));
}
html[data-theme="dark"] .xray-emblem__echo { opacity: .11; }
html[data-theme="dark"] .xray-emblem__orbit { stroke: rgba(var(--primary-rgb), .8); }
html[data-theme="dark"] .xray-emblem__orbit--inner { stroke: rgba(var(--accent-rgb), .55); }

@keyframes xray-scan {
	0% { opacity: 0; transform: translateY(0); }
	12% { opacity: .9; }
	78% { opacity: .7; }
	100% { opacity: 0; transform: translateY(650%); }
}

@keyframes xray-packet {
	0% { opacity: 0; transform: translateX(0) scale(.6); }
	12% { opacity: 1; }
	72% { opacity: 1; }
	100% { opacity: 0; transform: translateX(4400%) scale(1.4); }
}

@keyframes xray-frame-pulse {
	0%, 100% { opacity: .45; }
	50% { opacity: .94; }
}

@keyframes xray-node-pulse {
	0%, 100% { transform: scale(.82); opacity: .64; }
	50% { transform: scale(1.18); opacity: 1; }
}

@keyframes xray-emblem-orbit {
	to { stroke-dashoffset: -126; }
}

@keyframes xray-emblem-route {
	0%, 100% { opacity: .38; stroke-dashoffset: 0; }
	50% { opacity: 1; }
	100% { stroke-dashoffset: -72; }
}

@keyframes xray-emblem-breathe {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -8px; }
}

@keyframes blueprint-device-pulse {
	0%, 100% { opacity: .62; }
	50% { opacity: 1; }
}

@keyframes blueprint-packet-pulse {
	0%, 100% { opacity: .25; transform: scale(.65); }
	50% { opacity: 1; transform: scale(1.35); }
}

@keyframes depth-signal-run {
	0% { transform: translateX(-78%); }
	100% { transform: translateX(78%); }
}

@keyframes depth-dash-flow {
	to { stroke-dashoffset: -68; }
}

@keyframes depth-float {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -10px; }
}

@keyframes web-route-packet {
	0% { opacity: 0; transform: translateX(0) scale(.65); }
	12%, 74% { opacity: 1; }
	100% { opacity: 0; transform: translateX(30vw) scale(1.15); }
}

@keyframes web-viewport-scan {
	0%, 12% { opacity: 0; transform: translateX(0) skewX(-12deg); }
	24% { opacity: 1; }
	72%, 100% { opacity: 0; transform: translateX(760%) skewX(-12deg); }
}

@media (prefers-reduced-motion: no-preference) {
	.xray-emblem__scan::before { animation: xray-scan 3.6s var(--ease) infinite; }
	.xray-emblem__orbit--outer { animation: xray-emblem-orbit 15s linear infinite; }
	.xray-emblem__orbit--inner { animation: xray-emblem-orbit 11s linear reverse infinite; }
	.xray-emblem__route { animation: xray-emblem-route 4.6s ease-in-out infinite; }
	.xray-emblem__route--two { animation-delay: -1.1s; }
	.xray-emblem__route--three { animation-delay: -2.2s; }
	.xray-emblem__route--four { animation-delay: -3.3s; }
	.xray-emblem__terminal { animation: xray-node-pulse 3s ease-in-out infinite; }
	.xray-emblem__terminal:nth-of-type(4) { animation-delay: -.75s; }
	.xray-emblem__terminal:nth-of-type(5) { animation-delay: -1.5s; }
	.xray-emblem__terminal:nth-of-type(6) { animation-delay: -2.25s; }
	.xray-emblem__face { animation: xray-emblem-breathe 6.4s ease-in-out infinite; }
	.xray-beam::after { animation: xray-packet 2.8s var(--ease) infinite; }
	.xray-beam--two::after { animation-delay: .85s; }
	.xray-beam--three::after { animation-delay: 1.65s; }
	.xray-frame--far { animation: xray-frame-pulse 4.8s ease-in-out infinite; }
	.xray-frame--mid { animation: xray-frame-pulse 4.8s 1.1s ease-in-out infinite; }
	.xray-frame--near { animation: xray-frame-pulse 4.8s 2.2s ease-in-out infinite; }
	.xray-node { animation: xray-node-pulse 2.6s ease-in-out infinite; }
	.xray-node--two { animation-delay: .7s; }
	.xray-node--three { animation-delay: 1.35s; }
	.xr-device { animation: blueprint-device-pulse 2.8s ease-in-out infinite; }
	.xr-device--ap2 { animation-delay: .6s; }
	.xr-device--ap3 { animation-delay: 1.2s; }
	.xr-device--cctv { animation-delay: 1.8s; }
	.xr-packets circle { transform-box: fill-box; transform-origin: center; animation: blueprint-packet-pulse 1.9s ease-in-out infinite; }
	.xr-packets circle:nth-child(2) { animation-delay: .35s; }
	.xr-packets circle:nth-child(3) { animation-delay: .7s; }
	.xr-packets circle:nth-child(4) { animation-delay: 1.05s; }
	.blueprint__stage.is-interacting .xr-device,
	.blueprint__stage.is-interacting .xr-packets circle { animation-play-state: paused; }
	.signal-strip__line { animation: depth-signal-run 7s var(--ease) infinite; }
	.depth-scene.is-active .ds-orbit { animation: depth-dash-flow 5s linear infinite; }
	.project-card__visual { animation: depth-float 7s ease-in-out infinite; }
	.project-card:nth-child(2) .project-card__visual { animation-delay: -1.6s; }
	.project-card:nth-child(3) .project-card__visual { animation-delay: -3.2s; }
	.web-lab__route i { animation: web-route-packet 4.4s linear infinite; }
	.web-viewport__scan { animation: web-viewport-scan 6.8s var(--ease) infinite; }
}

@media (max-width: 1080px) {
	.site-header__inner { grid-template-columns: auto auto 1fr; }
	.site-nav { justify-self: start; }
	.site-actions { justify-self: end; }
	.site-actions .button { display: none; }
	.hero { grid-template-columns: 1fr .9fr; gap: 2vw; }
	.hero h1 { font-size: clamp(3.3rem, 7.4vw, 6.2rem); }
	.depth-story { --depth-gap: 48px; }
	.depth-story__body { grid-template-columns: 1fr; }
	.depth-story__visual { min-height: 500px; }
	.project-card--lead { min-height: 680px; }
	.web-lab__layout { grid-template-columns: 1fr; }
	.web-lab__route { display: none; }
	.web-build-card { grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; }
	.web-build-card .web-status { grid-column: 3; grid-row: 1; margin-top: 0; }
	.web-page-hero { grid-template-columns: 1fr .8fr; }
	.web-capabilities__grid { grid-template-columns: 1fr 1fr; }
	.web-capabilities article:nth-child(2) { border-right: 0; }
	.web-capabilities article:nth-child(n+3) { border-top: 1px solid var(--line); }
	.systems__grid { grid-template-columns: 1fr; }
	.system-card { min-height: 340px; }
	.method__steps { grid-template-columns: repeat(2, 1fr); }
	.method__steps li:nth-child(2) { border-right: 0; }
	.method__steps li:nth-child(n+3) { border-top: 1px solid var(--line); }
}

@media (max-width: 800px) {
	:root { --shell: min(100% - 32px, 1240px); --header-height: 72px; }
	.content-shell--article { padding-top: calc(var(--header-height) + 42px); }
	.prose--article { --article-rail: 1fr; --article-gap: 0; }
	.entry-header.article-hero { grid-template-columns: 1fr; gap: 34px; }
	.article-hero__main { grid-row: 1; }
	.article-hero__rail { grid-row: 2; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 28px; padding-top: 14px; }
	.article-hero__rail dl { display: flex; flex-wrap: wrap; gap: 14px 28px; margin: 0; }
	.entry-header.article-hero h1 { font-size: clamp(3rem, 10.5vw, 5.2rem); }
	.article-reading { grid-template-columns: 1fr; gap: 34px; }
	.article-reading__rail { position: relative; top: auto; grid-template-columns: 1fr auto; align-items: center; }
	.article-reading__rail span { grid-column: 1 / -1; }
	.prose--article .entry-visual { width: 100%; margin-left: 0; }
	.site-header__inner { grid-template-columns: 1fr auto auto; gap: 12px; }
	.nav-toggle {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 8px;
		font: 650 .68rem/1 var(--font-mono);
		letter-spacing: .08em;
		text-transform: uppercase;
	}
	.nav-toggle__icon,
	.nav-toggle__icon::before {
		display: block;
		width: 18px;
		height: 1px;
		background: currentColor;
		transition: transform var(--transition);
	}
	.nav-toggle__icon::before { content: ""; transform: translateY(5px); }
	.nav-toggle[aria-expanded="true"] .nav-toggle__icon { transform: translateY(3px) rotate(45deg); }
	.nav-toggle[aria-expanded="true"] .nav-toggle__icon::before { transform: rotate(-90deg); }
	.site-nav {
		position: fixed;
		top: var(--header-height);
		right: 0;
		bottom: 0;
		left: 0;
		display: grid;
		place-items: center;
		visibility: hidden;
		background: rgba(var(--bg-rgb), .96);
		opacity: 0;
		transform: translateY(-10px);
		transition: opacity var(--transition), transform var(--transition), visibility var(--transition);
		backdrop-filter: blur(20px);
	}
	.site-nav[data-open="true"] { visibility: visible; opacity: 1; transform: none; }
	.site-nav__list { flex-direction: column; gap: 26px; }
	.site-nav a { font: 650 clamp(1.7rem, 8vw, 3rem)/1 var(--font-display); letter-spacing: -.04em; }
	.site-header--hidden:has(.site-nav[data-open="true"]) { transform: none; }
	.theme-toggle__text { display: none; }
	.hero { grid-template-columns: 1fr; align-content: center; min-height: auto; padding-top: calc(var(--header-height) + 80px); padding-bottom: 70px; }
	.hero__visual { position: relative; right: auto; z-index: 0; width: min(92vw, 560px); margin-top: 34px; opacity: 1; justify-self: center; }
	.hero__copy { max-width: 760px; }
	.hero h1 { font-size: clamp(3.15rem, 13vw, 6rem); }
	.hero__lead { max-width: 640px; }
	.hero__status { position: relative; right: auto; bottom: auto; left: auto; margin-top: 18px; }
	.xray-emblem { width: 92%; }
	.signal-strip { grid-template-columns: 1fr 1fr; }
	.signal-strip p:nth-of-type(2) { border-right: 0; }
	.signal-strip p:nth-of-type(n+3) { border-top: 1px solid var(--line); }
	.depth-story__header { grid-template-columns: 1fr; gap: 28px; }
	.depth-story__header > p:last-child { max-width: 660px; }
	.depth-story__body { height: auto; min-height: 0; }
	.depth-story__stage { position: relative; top: auto; height: auto; min-height: 0; perspective: none; }
	.depth-story__stage::after { display: none; }
	.depth-story__visual { position: relative; top: auto; left: auto; width: 100%; height: min(72vw, 560px); min-height: 430px; opacity: 1 !important; transform: none !important; will-change: auto; }
	.depth-story__chapters { position: relative; top: auto; left: auto; width: 100%; height: auto; overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; opacity: 1 !important; -webkit-mask-image: none; mask-image: none; transform: none !important; will-change: auto; }
	.depth-story__chapters::after { display: none; }
	.depth-model { width: 100%; }
	.depth-chapter,
	.depth-chapter:nth-child(odd),
	.depth-chapter:nth-child(even) { position: relative; inset: auto; width: 100%; height: auto; min-height: auto; margin: 0; padding: 64px 0; border-top: 1px solid var(--line); opacity: 1; pointer-events: auto; transform: none; }
	.depth-chapter:last-child { border-bottom: 1px solid var(--line); }
	.depth-chapter h3 { font-size: clamp(2.35rem, 8vw, 4.4rem); }
	.project-deck .section-heading--split > p { max-width: 650px; }
	.project-deck__grid { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; }
	.project-card,
	.project-card--lead,
	.project-card:nth-child(4) { min-height: 470px; grid-column: auto; grid-row: auto; }
	.project-card--lead { grid-column: 1 / -1; min-height: 620px; }
	.project-card--lead h3,
	.project-card--lead p,
	.project-card--lead .project-card__action { width: auto; max-width: 740px; }
	.web-live-card__copy { grid-template-columns: 1fr auto; }
	.web-live-card__copy p { grid-column: 1 / -1; grid-row: 2; max-width: 600px; }
	.web-live-card__open { grid-column: 2; grid-row: 1; }
	.web-page-hero { grid-template-columns: 1fr; min-height: auto; padding-top: calc(var(--header-height) + 110px); }
	.web-page-console { max-width: 650px; transform: none; }
	.web-principle > div { grid-template-columns: 1fr 1fr; gap: 12px; }
	.journal__grid--editorial { grid-template-columns: 1fr 1fr; }
	.journal__grid--editorial .journal-card,
	.journal__grid--editorial .journal-card:nth-child(4) { min-height: 320px; grid-column: auto; grid-row: auto; }
	.journal__grid--editorial .journal-card--lead { min-height: 450px; grid-column: 1 / -1; }
	.proof-rail { grid-template-columns: 1fr; }
	.proof-rail > div { padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--line); }
	.proof-rail > div:last-child { border-bottom: 0; }
	.case-study__grid { grid-template-columns: 1fr; }
	.journal__grid { grid-template-columns: 1fr 1fr; }
	.archive__grid { grid-template-columns: 1fr 1fr; }
	.archive__grid .journal-card,
	.archive__grid .journal-card:nth-child(1),
	.archive__grid .journal-card:nth-child(2) { min-height: 390px; grid-column: auto; }
	.contact-cta { grid-template-columns: 1fr; align-items: start; }
	.contact-cta .button { justify-self: start; }
	.blueprint__header { grid-template-columns: 1fr; gap: 24px; }
	.blueprint__stage { aspect-ratio: .9; }
	.blueprint__layer svg { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; transform: none; }
	.blueprint__xray-canvas > svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: none; }
	.blueprint__mode { top: 22px; left: 22px; }
	.blueprint__hint { right: 22px; bottom: 22px; max-width: 250px; }
	.blueprint__hint-pointer { display: none; }
	.blueprint__hint-touch { display: inline; }
	.blueprint__footer { align-items: flex-start; flex-direction: column; gap: 8px; }
}

@media (max-width: 560px) {
	.site-brand__logo { width: 142px; }
	.entry-header.article-hero { margin-bottom: 44px; }
	.entry-header.article-hero h1 { font-size: clamp(2.65rem, 12.5vw, 4rem); }
	.article-hero__rail { grid-template-columns: 1fr; gap: 18px; }
	.article-hero__rail dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.article-reading__rail { grid-template-columns: 1fr; }
	.article-reading__rail span { grid-column: auto; }
	.article-navigation { grid-template-columns: 1fr; }
	.article-navigation a { min-height: 160px; }
	.article-navigation a:only-child:last-child { grid-column: auto; }
	.nav-toggle__label { display: none; }
	.hero h1 { font-size: clamp(2.9rem, 14.5vw, 4.5rem); }
	.hero__actions { align-items: flex-start; flex-direction: column; gap: 22px; }
	.hero__status { flex-wrap: wrap; }
	.hero__status-rule { display: none; }
	.signal-strip { grid-template-columns: 1fr; }
	.signal-strip p,
	.signal-strip p:first-of-type { padding: 20px 0; border-right: 0; border-top: 1px solid var(--line); }
	.signal-strip p:first-of-type { border-top: 0; }
	.depth-story__visual { height: 410px; min-height: 0; }
	.depth-scene { inset: 4%; }
	.depth-story__visual-status { right: 18px; bottom: 17px; left: 18px; font-size: .54rem; }
	.depth-chapter { padding: 56px 0; }
	.depth-chapter h3 { margin-top: 22px; font-size: clamp(2.15rem, 11vw, 3.5rem); }
	.depth-chapter ul { align-items: flex-start; flex-direction: column; }
	.project-deck__grid { grid-template-columns: 1fr; }
	.project-card,
	.project-card--lead,
	.project-card:nth-child(4) { min-height: 500px; grid-column: auto; }
	.project-card__visual { width: 72%; opacity: .5; }
	.web-lab__telemetry { display: none; }
	.web-lab__layout { padding: 12px; }
	.web-viewport { margin: 12px; }
	.web-viewport__page { min-height: 290px; padding: 22px; }
	.web-viewport__hero { max-width: 94%; padding-top: 48px; }
	.web-viewport__nav span { width: 20px; }
	.web-live-card__copy { grid-template-columns: 1fr; gap: 16px; padding-top: 12px; }
	.web-live-card__copy p,
	.web-live-card__open { grid-column: auto; grid-row: auto; }
	.web-build-queue__head span:last-child { display: none; }
	.web-build-card { grid-template-columns: 38px 1fr; min-height: 190px; padding: 22px 16px; }
	.web-build-card .web-status { grid-column: 2; grid-row: auto; margin-top: 14px; }
	.web-lab__footer { align-items: flex-start; flex-direction: column; }
	.web-page-hero h1 { font-size: clamp(3.5rem, 17vw, 5.4rem); }
	.web-page-console { padding: 22px; border-radius: var(--radius-md); }
	.web-page-console li { grid-template-columns: 34px 1fr; }
	.web-page-console li i { display: none; }
	.web-capabilities__grid { grid-template-columns: 1fr; }
	.web-capabilities article,
	.web-capabilities article:first-child,
	.web-capabilities article:last-child { min-height: 280px; padding: 26px 0; border-right: 0; border-top: 1px solid var(--line); }
	.web-capabilities article:first-child { border-top: 0; }
	.web-capabilities h3 { margin-top: 70px; }
	.web-principle > div { grid-template-columns: 1fr; }
	.journal__grid--editorial { grid-template-columns: 1fr; }
	.journal__grid--editorial .journal-card,
	.journal__grid--editorial .journal-card--lead,
	.journal__grid--editorial .journal-card:nth-child(4) { min-height: 360px; grid-column: auto; }
	.journal-card__topline { grid-template-columns: auto minmax(0, 1fr); }
	.journal-card__time { display: none; }
	.section-heading--split { align-items: flex-start; flex-direction: column; }
	.method__steps { grid-template-columns: 1fr; }
	.method__steps li,
	.method__steps li + li { min-height: 220px; padding: 28px 0; border-right: 0; border-top: 1px solid var(--line); }
	.method__steps strong { margin-top: 46px; }
	.journal__grid,
	.archive__grid { grid-template-columns: 1fr; }
	.contact-cta { padding-block: 72px; padding-inline: 26px; border-radius: var(--radius-md); }
	.site-footer__grid { grid-template-columns: 1fr; gap: 44px; }
	.site-footer__contact { text-align: left; }
	.site-footer__legal { align-items: flex-start; flex-direction: column; }
	.site-footer__legal-links { align-items: flex-start; flex-direction: column; }
	.blueprint { --lens-radius: 105px; --lens-diameter: 210px; }
	.blueprint__mode { top: 16px; left: 16px; padding: 8px 10px; font-size: .58rem; }
	.blueprint__hint { right: 16px; bottom: 16px; max-width: 190px; padding: 10px 12px; font-size: .58rem; }
}

/* Profile */
.profile-page { overflow: clip; }

.profile-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
	align-items: center;
	gap: clamp(44px, 7vw, 110px);
	min-height: 100svh;
	padding-top: calc(var(--header-height) + 72px);
	padding-bottom: 72px;
}

.profile-hero__copy { position: relative; z-index: 2; }

.profile-hero h1 {
	max-width: 870px;
	margin: 22px 0 32px;
	font: 700 clamp(3.5rem, 6.7vw, 6.9rem)/.9 var(--font-display);
	letter-spacing: -.075em;
	text-wrap: balance;
}

.profile-hero__lead {
	max-width: 720px;
	margin: 0;
	color: var(--muted);
	font-size: clamp(1.05rem, 1.55vw, 1.28rem);
	line-height: 1.62;
}

.profile-hero__actions { display: flex; align-items: center; gap: 30px; margin-top: 38px; }

.profile-core {
	position: relative;
	width: min(46vw, 610px);
	aspect-ratio: 1;
	justify-self: end;
	isolation: isolate;
}

.profile-core__grid {
	position: absolute;
	inset: 8%;
	z-index: -2;
	border: 1px solid var(--line);
	background:
		linear-gradient(rgba(var(--primary-rgb), .08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(var(--primary-rgb), .08) 1px, transparent 1px);
	background-size: 34px 34px;
	transform: perspective(700px) rotateX(62deg) rotateZ(-9deg) scale(1.14);
	transform-origin: center;
	-webkit-mask-image: radial-gradient(circle, #000 36%, transparent 74%);
	mask-image: radial-gradient(circle, #000 36%, transparent 74%);
}

.profile-core__orbit {
	position: absolute;
	inset: 12%;
	border: 1px solid rgba(var(--primary-rgb), .35);
	border-radius: 50%;
	transform: rotate(-12deg);
}

.profile-core__orbit--inner { inset: 26%; border-style: dashed; border-color: rgba(var(--accent-rgb), .5); transform: rotate(28deg); }
.profile-core__orbit::before,
.profile-core__orbit::after { content: ""; position: absolute; inset: 11%; border: 1px solid var(--line); border-radius: 50%; }
.profile-core__orbit::after { inset: 23%; border-style: dashed; }

.profile-core__orbit i {
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 12px;
	border: 2px solid var(--bg);
	border-radius: 50%;
	background: var(--accent);
	box-shadow: 0 0 0 8px rgba(var(--accent-rgb), .1), 0 0 24px rgba(var(--accent-rgb), .42);
	transform: translate(-50%, -50%);
}

.profile-core__orbit i:nth-child(2) { top: 14%; left: 78%; background: var(--primary); box-shadow: 0 0 0 8px rgba(var(--primary-rgb), .1); }
.profile-core__orbit--inner i { top: 84%; left: 72%; }

.profile-core__identity {
	position: absolute;
	inset: 31%;
	display: grid;
	place-items: center;
	border: 1px solid var(--line-strong);
	border-radius: 50%;
	background: rgba(var(--surface-rgb), .8);
	box-shadow: 0 28px 90px rgba(var(--primary-rgb), .2), inset 0 1px rgba(255, 255, 255, .18);
	backdrop-filter: blur(18px);
}

.profile-core__identity::before { content: ""; position: absolute; inset: -18%; z-index: -1; border: 1px solid var(--line); border-radius: 50%; }
.profile-core__logo { position: absolute; width: 70%; height: 70%; object-fit: contain; transition: opacity 180ms ease; }
.profile-core__logo--light { opacity: 1; }
.profile-core__logo--dark { opacity: 0; }
html[data-theme="dark"] .profile-core__logo--light { opacity: 0; }
html[data-theme="dark"] .profile-core__logo--dark { opacity: 1; }

.profile-core__label {
	position: absolute;
	padding: 8px 12px;
	border: 1px solid var(--line-strong);
	border-radius: 999px;
	background: rgba(var(--bg-rgb), .8);
	color: var(--muted);
	font: 700 .59rem/1 var(--font-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
	backdrop-filter: blur(12px);
}

.profile-core__label--design { top: 12%; right: 2%; }
.profile-core__label--build { right: 0; bottom: 20%; }
.profile-core__label--manage { bottom: 8%; left: 6%; }
.profile-core__status { position: absolute; bottom: 0; left: 50%; display: flex; align-items: center; gap: 10px; margin: 0; color: var(--muted); font: 650 .62rem/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; transform: translateX(-50%); white-space: nowrap; }
.profile-core__status i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 6px rgba(var(--accent-rgb), .1); }

.profile-statement {
	position: relative;
	overflow: hidden;
	background: #180826;
	color: #f8f3ff;
}

.profile-statement::before { content: ""; position: absolute; top: -85%; right: -8%; width: 620px; height: 620px; border: 1px solid rgba(215, 255, 0, .16); border-radius: 50%; box-shadow: 0 0 0 90px rgba(109, 40, 217, .08), 0 0 0 180px rgba(109, 40, 217, .05); }
.profile-statement__inner { position: relative; min-height: 72svh; padding-block: clamp(90px, 12vw, 170px); }
.profile-statement .eyebrow { color: #d7ff00; }
.profile-statement__inner > p:nth-child(2) { max-width: 1120px; margin: clamp(72px, 9vw, 124px) 0 0; color: #f8f3ff; font: 650 clamp(2.55rem, 5.4vw, 5.7rem)/1 var(--font-display); letter-spacing: -.06em; }
.profile-statement__signal { position: absolute; right: 0; bottom: 56px; left: 0; height: 1px; background: linear-gradient(90deg, #6d28d9, #d7ff00 74%, transparent); }
.profile-statement__signal i { position: absolute; top: 50%; width: 9px; height: 9px; border: 2px solid #180826; border-radius: 50%; background: #d7ff00; box-shadow: 0 0 0 6px rgba(215, 255, 0, .12); transform: translate(-50%, -50%); }
.profile-statement__signal i:nth-child(1) { left: 18%; }
.profile-statement__signal i:nth-child(2) { left: 52%; }
.profile-statement__signal i:nth-child(3) { left: 82%; }

.profile-path .section-heading > p,
.profile-path .section-heading > div + p { max-width: 520px; margin: 0; color: var(--muted); }

.profile-path__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.profile-path__item { position: relative; min-height: 590px; padding: 34px clamp(24px, 3vw, 42px) 42px 0; border-right: 1px solid var(--line); }
.profile-path__item + .profile-path__item { padding-left: clamp(24px, 3vw, 42px); }
.profile-path__item:last-child { padding-right: 0; border-right: 0; }
.profile-path__item--current::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(var(--primary-rgb), .1), transparent 72%); }
.profile-path__marker { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--primary); font: 700 .62rem/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.profile-path__item--current .profile-path__marker { border-color: var(--accent); background: rgba(var(--accent-rgb), .1); color: color-mix(in srgb, var(--accent) 78%, var(--text)); }
.profile-path__item h3 { margin: 110px 0 24px; font: 650 clamp(2rem, 3vw, 3.2rem)/1 var(--font-display); letter-spacing: -.05em; }
.profile-path__item p { margin: 0; color: var(--muted); }
.profile-path__item ul { display: grid; gap: 11px; margin: 38px 0 0; padding: 20px 0 0; border-top: 1px solid var(--line); list-style: none; }
.profile-path__item li { position: relative; padding-left: 18px; color: var(--text); font-size: .88rem; }
.profile-path__item li::before { content: ""; position: absolute; top: .67em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--primary); }

.profile-operating { position: relative; overflow: hidden; background: linear-gradient(125deg, #2447df, #2457ff 58%, #3476ff); color: #f6fbff; }
html[data-theme="dark"] .profile-operating { background: linear-gradient(125deg, #321057, #6d28d9 64%, #44157a); }
.profile-operating::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(246, 251, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(246, 251, 255, .08) 1px, transparent 1px); background-size: 54px 54px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 46%, #000); mask-image: linear-gradient(90deg, transparent, #000 46%, #000); }
.profile-operating__layout { position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); gap: 80px; padding-block: clamp(100px, 13vw, 180px); }
.profile-operating .eyebrow { color: #dff7ff; }
.profile-operating h2 { max-width: 780px; margin: 22px 0 0; color: #f6fbff; font: 650 clamp(3rem, 6vw, 6.2rem)/.94 var(--font-display); letter-spacing: -.065em; }
.profile-operating__copy { align-self: end; }
.profile-operating__copy p { margin: 0; color: rgba(246, 251, 255, .8); font-size: clamp(1.02rem, 1.35vw, 1.16rem); }
.profile-operating__copy p + p { margin-top: 26px; padding-top: 26px; border-top: 1px solid rgba(246, 251, 255, .22); }
.profile-operating__rail { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 40px; border-block: 1px solid rgba(246, 251, 255, .3); }
.profile-operating__rail > div { display: grid; min-height: 160px; align-content: space-between; padding: 24px 22px 24px 0; border-right: 1px solid rgba(246, 251, 255, .24); }
.profile-operating__rail > div + div { padding-left: 22px; }
.profile-operating__rail > div:last-child { border-right: 0; }
.profile-operating__rail span { color: #d7ff00; font: 700 .62rem/1 var(--font-mono); }
.profile-operating__rail strong { color: #f6fbff; font: 650 clamp(1.25rem, 2vw, 1.8rem)/1 var(--font-display); }
.profile-operating__rail small { color: rgba(246, 251, 255, .68); font-size: .78rem; }

.profile-proof { display: grid; grid-template-columns: minmax(330px, .7fr) minmax(0, 1.3fr); align-items: center; gap: clamp(60px, 10vw, 160px); }
.profile-proof__number { position: relative; display: grid; min-height: 480px; place-content: center; border: 1px solid var(--line); border-radius: 50%; text-align: center; }
.profile-proof__number::before,
.profile-proof__number::after { content: ""; position: absolute; border: 1px dashed var(--line-strong); border-radius: 50%; }
.profile-proof__number::before { inset: 8%; }
.profile-proof__number::after { inset: 23%; }
.profile-proof__number strong { position: relative; z-index: 1; color: var(--primary); font: 700 clamp(7rem, 14vw, 12rem)/.8 var(--font-display); letter-spacing: -.09em; }
.profile-proof__number span { position: relative; z-index: 1; max-width: 190px; margin: 28px auto 0; color: var(--muted); font: 650 .68rem/1.45 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.profile-proof__copy h2 { max-width: 760px; margin: 20px 0 28px; font: 650 clamp(2.8rem, 5.3vw, 5.4rem)/.98 var(--font-display); letter-spacing: -.06em; }
.profile-proof__copy > p:not(.eyebrow) { max-width: 670px; margin: 0 0 32px; color: var(--muted); font-size: 1.08rem; }

@keyframes profile-orbit-clockwise { to { transform: rotate(348deg); } }
@keyframes profile-orbit-counter { to { transform: rotate(-332deg); } }

@media (prefers-reduced-motion: no-preference) {
	.profile-core__orbit--outer { animation: profile-orbit-clockwise 20s linear infinite; }
	.profile-core__orbit--inner { animation: profile-orbit-counter 14s linear infinite; }
	.profile-core__identity { animation: depth-float 7s ease-in-out infinite; }
}

@media (max-width: 1080px) {
	.profile-hero { grid-template-columns: 1fr .8fr; gap: 32px; }
	.profile-core { width: min(43vw, 520px); }
	.profile-path__item { min-height: 660px; }
	.profile-operating__layout { grid-template-columns: 1fr 1fr; gap: 48px; }
}

@media (max-width: 800px) {
	.profile-hero { grid-template-columns: 1fr; min-height: auto; padding-top: calc(var(--header-height) + 92px); padding-bottom: 84px; }
	.profile-hero__copy { max-width: 720px; }
	.profile-core { width: min(90vw, 560px); margin: 20px auto 0; justify-self: center; }
	.profile-statement__inner { min-height: 64svh; }
	.profile-path__grid { grid-template-columns: 1fr; }
	.profile-path__item,
	.profile-path__item + .profile-path__item { min-height: 0; padding: 34px 0 48px; border-right: 0; border-bottom: 1px solid var(--line); }
	.profile-path__item:last-child { border-bottom: 0; }
	.profile-path__item h3 { margin-top: 62px; }
	.profile-path__item--current::before { inset-inline: -32px; }
	.profile-operating__layout { grid-template-columns: 1fr; }
	.profile-operating__copy { max-width: 720px; }
	.profile-operating__rail { grid-template-columns: 1fr 1fr; }
	.profile-operating__rail > div:nth-child(2) { border-right: 0; }
	.profile-operating__rail > div:nth-child(n+3) { border-top: 1px solid rgba(246, 251, 255, .24); }
	.profile-proof { grid-template-columns: 1fr; }
	.profile-proof__number { width: min(80vw, 480px); min-height: auto; aspect-ratio: 1; margin-inline: auto; }
}

@media (max-width: 560px) {
	.profile-hero h1 { font-size: clamp(3.2rem, 15.5vw, 4.8rem); }
	.profile-hero__actions { align-items: flex-start; flex-direction: column; gap: 24px; }
	.profile-core { width: 105%; margin-left: -2.5%; }
	.profile-core__label { font-size: .5rem; }
	.profile-core__label--design { right: 4%; }
	.profile-core__label--build { right: 2%; }
	.profile-core__status { font-size: .52rem; }
	.profile-statement__inner > p:nth-child(2) { font-size: clamp(2.35rem, 11.5vw, 3.65rem); }
	.profile-operating__rail { grid-template-columns: 1fr; }
	.profile-operating__rail > div,
	.profile-operating__rail > div + div { min-height: 130px; padding: 22px 0; border-right: 0; border-top: 1px solid rgba(246, 251, 255, .24); }
	.profile-operating__rail > div:first-child { border-top: 0; }
	.profile-proof__number { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
	[data-reveal] { opacity: 1; transform: none; }
	.depth-story__body { height: auto; min-height: 0; }
	.depth-story__stage { position: relative; top: auto; height: auto; min-height: 0; perspective: none; }
	.depth-story__stage::after { display: none; }
	.depth-story__visual { position: relative; top: auto; left: auto; width: 100%; max-width: 620px; height: min(62vh, 620px); opacity: 1 !important; transform: none !important; will-change: auto; }
	.depth-story__chapters { position: relative; top: auto; left: auto; width: 100%; height: auto; overflow: visible; border: 0; background: none; box-shadow: none; opacity: 1 !important; -webkit-mask-image: none; mask-image: none; transform: none !important; will-change: auto; }
	.depth-story__chapters::after { display: none; }
	.depth-chapter,
	.depth-chapter:nth-child(odd),
	.depth-chapter:nth-child(even) { position: relative; inset: auto; width: 100%; height: auto; min-height: auto; margin: 0; padding-block: 64px; border-top: 1px solid var(--line); opacity: 1; pointer-events: auto; transform: none; }
	.depth-chapter:last-child { border-bottom: 1px solid var(--line); }
}

@media print {
	.site-header,
	.ambient-network,
	.site-footer,
	.hero__visual { display: none !important; }
	body { background: #fff; color: #24103d; }
	.hero { display: block; min-height: auto; padding: 40px 0; }
}