/*
 * MSE Atlas Runtime — 03J-A PRODUCTION PORT
 * Reference lock: editorial vellum + gallery restraint + glossary utility.
 * Scope: production runtime; collision-safe with WPVibe preview.
 */

body.mse-atlas-preview-active {
	overflow-x: clip;
	background: #f4f0e8;
}

/* 03I-B / temporary MSE header treatment.
 * Until the future mega menu is built, the global Astra header should read
 * as a quiet continuation of the Atlas canvas, not as a separate grey bar.
 */
body.mse-atlas-preview-active #masthead,
body.mse-atlas-preview-active #ast-desktop-header,
body.mse-atlas-preview-active #ast-mobile-header,
body.mse-atlas-preview-active .ast-main-header-wrap,
body.mse-atlas-preview-active .main-header-bar-wrap,
body.mse-atlas-preview-active .ast-primary-header-bar,
body.mse-atlas-preview-active .site-primary-header-wrap,
body.mse-atlas-preview-active .ast-builder-grid-row {
	background-color: #f4f0e8 !important;
	box-shadow: none !important;
}

body.mse-atlas-preview-active .ast-primary-header-bar {
	border-bottom: 1px solid rgba(25, 27, 29, .10);
}

/* Remove the remaining grey menu boxes injected by Astra builder areas. */
body.mse-atlas-preview-active .ast-builder-layout-element,
body.mse-atlas-preview-active .ast-builder-menu,
body.mse-atlas-preview-active .ast-main-header-bar-alignment,
body.mse-atlas-preview-active .main-header-bar-navigation,
body.mse-atlas-preview-active .main-navigation,
body.mse-atlas-preview-active .site-header-focus-item,
body.mse-atlas-preview-active .site-header-section,
body.mse-atlas-preview-active .site-header-primary-section-left,
body.mse-atlas-preview-active .site-header-primary-section-right,
body.mse-atlas-preview-active .ast-builder-menu-1,
body.mse-atlas-preview-active .ast-builder-menu-2,
body.mse-atlas-preview-active .main-header-menu,
body.mse-atlas-preview-active .main-header-menu > li,
body.mse-atlas-preview-active .main-header-menu > li > a,
body.mse-atlas-preview-active .ast-builder-menu .menu-link {
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

/* Builder pseudo layers must not paint their own background. */
body.mse-atlas-preview-active .ast-builder-layout-element::before,
body.mse-atlas-preview-active .ast-builder-layout-element::after,
body.mse-atlas-preview-active .ast-builder-menu::before,
body.mse-atlas-preview-active .ast-builder-menu::after,
body.mse-atlas-preview-active .main-header-menu > li::before,
body.mse-atlas-preview-active .main-header-menu > li::after {
	background: transparent !important;
	box-shadow: none !important;
}

body.mse-atlas-preview-active .site-content {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
	background: #f4f0e8;
}

body.mse-atlas-preview-active .site-content > .ast-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.mse-atlas-preview-active .mse-atlas {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.mse-atlas {
	--mse-canvas: #f4f0e8;
	--mse-surface: #fbf9f4;
	--mse-ink: #191b1d;
	--mse-navy: #172554;
	--mse-brick: #ad4f3c;
	--mse-line: #c9c4ba;
	--mse-muted: #696866;
	--mse-page-max: 1360px;
	--mse-content-max: 1280px;
	--mse-reading-max: 760px;
	--mse-radius-sm: 4px;
	--mse-radius-md: 8px;

	background: var(--mse-canvas);
	color: var(--mse-ink);
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.6;
	overflow: clip;
}

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

.mse-atlas a {
	color: inherit;
	text-decoration: none;
}

.mse-atlas a:focus-visible,
.mse-atlas button:focus-visible,
.mse-atlas input:focus-visible {
	outline: 2px solid var(--mse-brick);
	outline-offset: 4px;
}

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

.mse-atlas-shell {
	width: min(calc(100% - 112px), var(--mse-content-max));
	margin-inline: auto;
}

.mse-atlas-reading {
	max-width: var(--mse-reading-max);
	margin-inline: auto;
}

.mse-atlas-section {
	padding-block: clamp(88px, 9vw, 148px);
}

.mse-atlas-kicker {
	margin: 0 0 18px;
	color: var(--mse-brick);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	line-height: 1.3;
	text-transform: uppercase;
}

.mse-atlas h1,
.mse-atlas h2,
.mse-atlas h3 {
	margin: 0;
	color: var(--mse-ink);
	font-family: Inter, system-ui, sans-serif;
	font-weight: 600;
	letter-spacing: -.045em;
	text-wrap: balance;
}

.mse-atlas h1 {
	font-size: clamp(60px, 8vw, 112px);
	line-height: .94;
}

.mse-atlas h2 {
	font-size: clamp(40px, 5vw, 68px);
	line-height: 1;
}

.mse-atlas h3 {
	font-size: clamp(25px, 2.4vw, 36px);
	line-height: 1.08;
}

.mse-atlas p {
	margin: 0;
	text-wrap: pretty;
}

.mse-atlas-lead {
	max-width: 670px;
	margin-top: 28px !important;
	color: #343536;
	font-size: clamp(18px, 1.6vw, 21px);
	line-height: 1.55;
}

.mse-atlas-note {
	margin-top: 18px !important;
	color: var(--mse-muted);
	font-size: 13px;
	line-height: 1.55;
}

.mse-atlas-section-head {
	display: grid;
	gap: 0;
	margin-bottom: clamp(42px, 5vw, 72px);
}

.mse-atlas-section-head--inverse h2 {
	color: #f8f5ee;
}

.mse-atlas-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding-top: 26px;
	color: var(--mse-muted);
	font-size: 13px;
}

.mse-atlas-breadcrumb a:hover {
	color: var(--mse-brick);
}

/* =========================================================
   HOME — HERO
   ========================================================= */

.mse-atlas-home .mse-atlas__hero {
	position: relative;
	min-height: min(900px, 94vh);
	display: grid;
	align-content: center;
	padding-top: clamp(76px, 7vw, 112px);
	padding-bottom: 44px;
	border-bottom: 1px solid var(--mse-line);
}

.mse-atlas__hero-grid {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
	gap: clamp(34px, 5vw, 80px);
	align-items: center;
}

.mse-atlas__hero-copy {
	position: relative;
	z-index: 3;
	padding-block: 32px;
}

.mse-atlas__hero-thesis {
	margin-top: 38px !important;
	color: var(--mse-navy);
	font-size: clamp(24px, 2.3vw, 32px);
	font-weight: 600;
	line-height: 1.22;
	letter-spacing: -.02em;
}

.mse-atlas__hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 28px;
	margin-top: 42px;
	padding-top: 18px;
	border-top: 1px solid var(--mse-line);
	color: var(--mse-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	line-height: 1.45;
	text-transform: uppercase;
	letter-spacing: .07em;
}

.mse-atlas__hero-meta strong {
	color: var(--mse-ink);
	font-size: 14px;
}

.mse-atlas__hero-objects {
	position: relative;
	min-height: 620px;
	isolation: isolate;
}

.mse-atlas__hero-orbit {
	position: absolute;
	inset: 10% 4% 8% 8%;
	border: 1px solid rgba(23, 37, 84, .16);
	border-radius: 50%;
	transform: rotate(-12deg);
	pointer-events: none;
}

.mse-atlas__hero-orbit::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	top: 18%;
	right: 8%;
	border-radius: 50%;
	background: var(--mse-brick);
}

.mse-atlas-object {
	position: absolute;
	display: block;
	width: min(43%, 270px);
	transition: transform .35s ease, opacity .35s ease;
}

.mse-atlas-object__image {
	width: 100%;
	filter: saturate(.82) contrast(.98);
}

.mse-atlas-object--1 {
	top: -1%;
	right: 6%;
	transform: rotate(2deg);
}

.mse-atlas-object--2 {
	top: 27%;
	left: 0;
	width: min(39%, 242px);
	transform: rotate(-3deg);
}

.mse-atlas-object--3 {
	right: 13%;
	bottom: -2%;
	width: min(35%, 220px);
	transform: rotate(1deg);
}

.mse-atlas-object__caption {
	position: absolute;
	left: 50%;
	bottom: -16px;
	width: min(280px, 86vw);
	padding: 13px 15px;
	background: rgba(251, 249, 244, .97);
	border-top: 1px solid var(--mse-line);
	opacity: 0;
	transform: translate(-50%, 8px);
	transition: opacity .25s ease, transform .25s ease;
	pointer-events: none;
}

.mse-atlas-object__caption strong,
.mse-atlas-object__caption small {
	display: block;
}

.mse-atlas-object__caption strong {
	font-size: 15px;
	letter-spacing: -.01em;
}

.mse-atlas-object__caption small {
	margin-top: 5px;
	color: var(--mse-muted);
	font-size: 12px;
	line-height: 1.4;
}

.mse-atlas-object:hover,
.mse-atlas-object:focus-visible {
	z-index: 5;
}

.mse-atlas-object:hover .mse-atlas-object__caption,
.mse-atlas-object:focus-visible .mse-atlas-object__caption {
	opacity: 1;
	transform: translate(-50%, 0);
}

.mse-atlas__hero-foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-top: 36px;
	padding-top: 18px;
	border-top: 1px solid rgba(201,196,186,.7);
	color: var(--mse-muted);
	font-size: 12px;
}

.mse-atlas__hero-foot a {
	color: var(--mse-navy);
	font-weight: 700;
}

.mse-atlas__hero-foot a:hover {
	color: var(--mse-brick);
}

/* =========================================================
   SEARCH
   ========================================================= */

.mse-atlas__search {
	background: var(--mse-surface);
	border-bottom: 1px solid var(--mse-line);
}

.mse-atlas-search-layout {
	display: grid;
	grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
	gap: clamp(48px, 7vw, 110px);
	align-items: end;
}

.mse-atlas-search-intro {
	max-width: 430px;
	margin-top: 22px !important;
	color: var(--mse-muted);
	font-size: 15px;
	line-height: 1.6;
}

.mse-atlas-search-control {
	position: relative;
	padding-bottom: 4px;
}

.mse-atlas-searchbox {
	display: block;
}

.mse-atlas-searchbox input {
	width: 100%;
	height: 76px;
	padding: 0 42px 0 4px;
	background: transparent;
	border: 0;
	border-bottom: 2px solid var(--mse-ink);
	border-radius: 0;
	color: var(--mse-ink);
	font: inherit;
	font-size: clamp(18px, 2vw, 24px);
	box-shadow: none;
}

.mse-atlas-searchbox input::placeholder {
	color: #6f6c67;
	opacity: 1;
}

.mse-atlas-searchbox input:focus {
	border-bottom-color: var(--mse-brick);
	outline: 0;
	box-shadow: none;
}

.mse-atlas-examples {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin-top: 20px;
}

.mse-atlas-examples button {
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 30px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--mse-muted);
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	cursor: pointer;
}

.mse-atlas-examples button::before {
	content: "↳";
	color: var(--mse-brick);
}

.mse-atlas-examples button:hover,
.mse-atlas-examples button:focus-visible {
	background: transparent;
	color: var(--mse-ink);
}

.mse-atlas-search-results {
	margin-top: 26px;
	border-top: 1px solid var(--mse-ink);
}

.mse-atlas-search-results[hidden] {
	display: none;
}

.mse-atlas-search-result {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr) 26px;
	gap: 18px;
	align-items: start;
	padding-block: 18px;
	border-bottom: 1px solid var(--mse-line);
	transition: padding-left .16s ease, background .16s ease;
}

.mse-atlas-search-result:hover,
.mse-atlas-search-result.is-active,
.mse-atlas-search-result:focus-visible {
	padding-left: 8px;
	background: rgba(244,240,232,.55);
}

.mse-atlas-search-result__type {
	padding-top: 4px;
	color: var(--mse-brick);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.mse-atlas-search-result__body strong {
	display: block;
	color: var(--mse-ink);
	font-size: 19px;
	line-height: 1.2;
	letter-spacing: -.02em;
}

.mse-atlas-search-result__body small {
	display: block;
	max-width: 620px;
	margin-top: 5px;
	color: var(--mse-muted);
	font-size: 12px;
	line-height: 1.5;
}

.mse-atlas-search-result__arrow {
	padding-top: 1px;
	color: var(--mse-navy);
	font-size: 18px;
	text-align: right;
}

.mse-atlas-search-empty {
	padding: 22px 0;
	border-bottom: 1px solid var(--mse-line);
	color: var(--mse-muted);
	font-size: 14px;
	line-height: 1.55;
}

.mse-atlas-search-empty strong {
	display: block;
	margin-bottom: 5px;
	color: var(--mse-ink);
	font-size: 17px;
}

.mse-atlas-search-privacy {
	max-width: 660px;
	margin-top: 18px !important;
	padding-top: 14px;
	border-top: 1px solid rgba(201,196,186,.7);
	font-size: 11px;
}

/* =========================================================
   ENTRY MODES
   ========================================================= */

.mse-atlas-mode-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid var(--mse-line);
}

.mse-atlas-mode {
	position: relative;
	min-height: 330px;
	padding: 30px 30px 36px 0;
	border-bottom: 1px solid var(--mse-line);
	transition: transform .22s ease;
}

.mse-atlas-mode + .mse-atlas-mode {
	padding-left: 30px;
	border-left: 1px solid var(--mse-line);
}

.mse-atlas-mode__number {
	display: block;
	margin-bottom: 62px;
	color: var(--mse-brick);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px;
}

.mse-atlas-mode h3 {
	max-width: 300px;
}

.mse-atlas-mode p {
	max-width: 315px;
	margin-top: 18px;
	color: var(--mse-muted);
}

.mse-atlas-mode > span:last-child {
	position: absolute;
	left: 0;
	bottom: 36px;
	display: block;
	font-size: 13px;
	font-weight: 700;
}

.mse-atlas-mode + .mse-atlas-mode > span:last-child {
	left: 30px;
}

.mse-atlas-mode:hover {
	transform: translateY(-5px);
}

/* =========================================================
   PATH EXPERIENCE — 03F INTERACTION & MOTION
   ========================================================= */

.mse-atlas__paths {
	background: var(--mse-navy);
	color: #f8f5ee;
}

.mse-atlas__paths h2,
.mse-atlas__paths h3 {
	color: #f8f5ee;
}

.mse-atlas__paths .mse-atlas-kicker {
	color: #d9826f;
}

.mse-atlas-path-experience {
	display: grid;
	grid-template-columns: minmax(0, .96fr) minmax(420px, 1.04fr);
	gap: clamp(46px, 7vw, 96px);
	align-items: start;
}

.mse-atlas-path-list {
	border-top: 1px solid rgba(255,255,255,.62);
}

.mse-atlas-path-row {
	position: relative;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 18px;
	padding-block: 26px;
	border-bottom: 1px solid rgba(255,255,255,.18);
	transition:
		transform .28s ease,
		border-color .28s ease;
}

.mse-atlas-path-row::before {
	content: "";
	position: absolute;
	left: -18px;
	top: 50%;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f4b39f;
	opacity: 0;
	transform: translateY(-50%) scale(.5);
	transition: opacity .28s ease, transform .28s ease;
}

.mse-atlas-path-row__number {
	padding-top: 5px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	opacity: .56;
}

.mse-atlas-path-row h3 {
	font-size: clamp(24px, 2vw, 31px);
	transition: color .28s ease;
}

.mse-atlas-path-row p {
	max-width: 630px;
	margin-top: 8px;
	color: rgba(248,245,238,.65);
	font-size: 13px;
	line-height: 1.5;
}

.mse-atlas-path-row__count {
	grid-column: 2;
	margin-top: 10px;
	color: rgba(248,245,238,.68);
	font-size: 12px;
	font-weight: 650;
}

.mse-atlas-path-row.is-active {
	border-bottom-color: rgba(217,130,111,.72);
}

.mse-atlas-path-row.is-active::before {
	opacity: 1;
	transform: translateY(-50%) scale(1);
}

.mse-atlas-path-row.is-active h3,
.mse-atlas-path-row:hover h3,
.mse-atlas-path-row:focus-visible h3 {
	color: #f4b39f;
}

.mse-atlas-path-row:hover,
.mse-atlas-path-row:focus-visible {
	transform: translateX(4px);
}

.mse-atlas-path-stage {
	position: sticky;
	top: 96px;
	min-height: 660px;
	border: 1px solid rgba(255,255,255,.22);
	background:
		radial-gradient(circle at 58% 36%, rgba(255,255,255,.035), transparent 42%),
		rgba(7,18,48,.16);
	overflow: hidden;
	isolation: isolate;
}

.mse-atlas-path-stage::after {
	content: "";
	position: absolute;
	inset: 28px;
	border: 1px solid rgba(255,255,255,.055);
	pointer-events: none;
	z-index: 5;
}

.mse-atlas-path-scene {
	position: absolute;
	inset: 0;
	padding: 28px;
	opacity: 0;
	transform: translate3d(0, 14px, 0);
	visibility: hidden;
	transition:
		opacity .42s ease,
		transform .62s cubic-bezier(.22,1,.36,1),
		visibility 0s linear .62s;
}

.mse-atlas-path-scene.is-active {
	opacity: 1;
	transform: translate3d(0,0,0);
	visibility: visible;
	z-index: 2;
	transition-delay: 0s;
}

.mse-atlas-path-stage__eyebrow {
	color: rgba(248,245,238,.56);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	letter-spacing: .14em;
}

.mse-atlas-path-stage__scene {
	position: relative;
	min-height: 390px;
	margin-top: 12px;
}

.mse-atlas-path-stage__object {
	position: absolute;
	display: grid;
	place-items: center;
	transition:
		transform .7s cubic-bezier(.22,1,.36,1),
		opacity .5s ease;
}

.mse-atlas-path-stage__object--1 {
	top: 3%;
	left: 8%;
	width: 34%;
	transform: rotate(-3deg);
}

.mse-atlas-path-stage__object--2 {
	top: 15%;
	right: 3%;
	width: 37%;
	transform: rotate(2deg);
}

.mse-atlas-path-stage__object--3 {
	left: 34%;
	bottom: -3%;
	width: 31%;
	transform: rotate(1deg);
}

.mse-atlas-path-scene--2 .mse-atlas-path-stage__object--1 {
	top: -1%;
	left: 31%;
	width: 39%;
	transform: rotate(1deg) scale(1.04);
}

.mse-atlas-path-scene--2 .mse-atlas-path-stage__object--2 {
	top: 37%;
	left: 2%;
	right: auto;
	width: 31%;
	transform: rotate(-4deg);
}

.mse-atlas-path-scene--2 .mse-atlas-path-stage__object--3 {
	right: 4%;
	left: auto;
	bottom: 1%;
	width: 33%;
	transform: rotate(3deg);
}

.mse-atlas-path-scene--3 .mse-atlas-path-stage__object--1 {
	top: 10%;
	left: 2%;
	width: 34%;
	transform: rotate(-2deg);
}

.mse-atlas-path-scene--3 .mse-atlas-path-stage__object--2 {
	top: 9%;
	right: 2%;
	width: 34%;
	transform: rotate(2deg);
}

.mse-atlas-path-scene--3 .mse-atlas-path-stage__object--3 {
	left: 37%;
	bottom: -2%;
	width: 27%;
	transform: rotate(0deg);
	opacity: .82;
}

.mse-atlas-path-scene--4 .mse-atlas-path-stage__object--1 {
	top: 3%;
	left: 22%;
	width: 41%;
	transform: rotate(-1deg);
	z-index: 3;
}

.mse-atlas-path-scene--4 .mse-atlas-path-stage__object--2 {
	top: 22%;
	right: 2%;
	width: 34%;
	transform: rotate(4deg);
	z-index: 2;
}

.mse-atlas-path-scene--4 .mse-atlas-path-stage__object--3 {
	left: 2%;
	bottom: 0;
	width: 35%;
	transform: rotate(-4deg);
	z-index: 1;
}

.mse-atlas-path-scene--5 .mse-atlas-path-stage__object--1 {
	top: 3%;
	left: 34%;
	width: 34%;
	transform: rotate(0deg) scale(1.05);
	z-index: 3;
}

.mse-atlas-path-scene--5 .mse-atlas-path-stage__object--2 {
	top: 29%;
	left: 1%;
	width: 25%;
	transform: rotate(-3deg) scale(.88);
	opacity: .56;
}

.mse-atlas-path-scene--5 .mse-atlas-path-stage__object--3 {
	top: 32%;
	right: 1%;
	width: 24%;
	transform: rotate(3deg) scale(.86);
	opacity: .48;
}

.mse-atlas-path-stage__img {
	width: 100%;
	filter: saturate(.72) brightness(.95);
}

.mse-atlas-path-stage__copy {
	padding-top: 24px;
	border-top: 1px solid rgba(255,255,255,.18);
}

.mse-atlas-path-stage__copy h3 {
	font-size: clamp(30px, 3vw, 46px);
}

.mse-atlas-path-stage__copy p {
	max-width: 520px;
	margin-top: 14px;
	color: rgba(248,245,238,.76);
	font-size: 15px;
	line-height: 1.55;
}

.mse-atlas-path-stage__copy span {
	display: block;
	margin-top: 18px;
	color: rgba(248,245,238,.62);
	font-size: 11px;
	line-height: 1.5;
}

/* =========================================================
   CATEGORIES
   ========================================================= */

.mse-atlas-category-list {
	border-top: 1px solid var(--mse-ink);
}

.mse-atlas-category-row {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	gap: 30px;
	align-items: start;
	padding-block: 30px;
	border-bottom: 1px solid var(--mse-line);
}

.mse-atlas-category-row__number {
	padding-top: 7px;
	color: var(--mse-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px;
}

.mse-atlas-category-row h3 {
	transition: color .2s ease;
}

.mse-atlas-category-row p {
	max-width: 680px;
	margin-top: 9px;
	color: var(--mse-muted);
	font-size: 14px;
	line-height: 1.55;
}

.mse-atlas-category-row__count {
	padding-top: 8px;
	color: var(--mse-navy);
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.mse-atlas-category-row:hover h3 {
	color: var(--mse-brick);
}

/* =========================================================
   A–Z
   ========================================================= */

.mse-atlas__az {
	background: var(--mse-surface);
	border-block: 1px solid var(--mse-line);
}

.mse-atlas-az-head {
	grid-template-columns: minmax(0, 1fr) 380px;
	gap: 60px;
	align-items: end;
}

.mse-atlas-az-head > p {
	padding-bottom: 5px;
	color: var(--mse-muted);
	font-size: 14px;
	line-height: 1.55;
}

.mse-atlas-az-layout {
	display: grid;
	grid-template-columns: 72px minmax(330px, .78fr) minmax(370px, 1.22fr);
	gap: clamp(30px, 5vw, 72px);
	align-items: start;
}

.mse-atlas-az-nav {
	position: sticky;
	top: 108px;
	display: grid;
	gap: 6px;
	padding-top: 2px;
}

.mse-atlas-az-nav a {
	width: 30px;
	color: var(--mse-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px;
	line-height: 1.4;
}

.mse-atlas-az-nav a:hover {
	color: var(--mse-brick);
}

.mse-atlas-az-groups {
	display: grid;
	gap: 54px;
}

.mse-atlas-letter {
	scroll-margin-top: 120px;
}

.mse-atlas-letter h3 {
	margin-bottom: 18px;
	font-size: 48px;
	color: var(--mse-navy);
}

.mse-atlas-letter__terms {
	display: grid;
}

.mse-atlas-letter__terms a {
	padding-block: 10px;
	border-bottom: 1px solid var(--mse-line);
	font-size: 18px;
	letter-spacing: -.015em;
	transition: padding-left .16s ease, color .16s ease;
}

.mse-atlas-letter__terms a:hover,
.mse-atlas-letter__terms a:focus-visible,
.mse-atlas-letter__terms a.is-preview-active {
	padding-left: 8px;
	color: var(--mse-brick);
}

.mse-atlas-preview {
	position: sticky;
	top: 108px;
	min-height: 560px;
	padding-left: clamp(22px, 3vw, 46px);
	border-left: 1px solid var(--mse-line);
	transition: opacity .18s ease;
}

.mse-atlas-preview__image-wrap,
.mse-atlas-preview__title,
.mse-atlas-preview__text {
	transition:
		opacity .18s ease,
		transform .28s cubic-bezier(.22,1,.36,1);
}

.mse-atlas-preview.is-changing .mse-atlas-preview__image-wrap,
.mse-atlas-preview.is-changing .mse-atlas-preview__title,
.mse-atlas-preview.is-changing .mse-atlas-preview__text {
	opacity: .18;
	transform: translateY(5px);
}

.mse-atlas-preview__index {
	margin-bottom: 18px;
	color: var(--mse-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	letter-spacing: .12em;
}

.mse-atlas-preview__image-wrap {
	display: grid;
	place-items: center;
	min-height: 330px;
	margin-bottom: 30px;
	background:
		radial-gradient(circle at 50% 48%, rgba(23,37,84,.035), transparent 46%);
}

.mse-atlas-preview__image {
	max-height: 335px;
	width: auto;
}

.mse-atlas-preview__title {
	margin-bottom: 14px !important;
}

.mse-atlas-preview__text {
	max-width: 430px;
	color: var(--mse-muted);
	font-size: 15px;
	line-height: 1.6;
}

.mse-atlas-preview__hint {
	display: block;
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid var(--mse-line);
	color: var(--mse-muted);
	font-size: 11px;
}

/* =========================================================
   STATEMENT + BRIDGE
   ========================================================= */

.mse-atlas__statement {
	position: relative;
}

.mse-atlas-statement-grid {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: clamp(28px, 6vw, 80px);
	align-items: start;
}

.mse-atlas__statement h2 {
	max-width: 980px;
	font-size: clamp(44px, 6vw, 86px);
	color: var(--mse-navy);
}

.mse-atlas__statement p {
	max-width: 650px;
	margin-top: 32px;
	color: var(--mse-muted);
	font-size: 18px;
}

.mse-atlas-text-link {
	display: inline-block;
	margin-top: 30px;
	font-size: 14px;
	font-weight: 700;
}

.mse-atlas-text-link:hover {
	color: var(--mse-brick);
}

.mse-atlas__zms-bridge {
	padding-top: 0;
	padding-bottom: clamp(88px, 9vw, 132px);
}

.mse-atlas-zms-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
	gap: clamp(42px, 7vw, 96px);
	align-items: center;
	padding-block: clamp(54px, 6vw, 78px);
	border-top: 1px solid var(--mse-line);
	border-bottom: 1px solid var(--mse-line);
}

.mse-atlas-zms-copy h2 {
	max-width: 760px;
	font-size: clamp(38px, 4.7vw, 64px);
	line-height: 1.02;
}

.mse-atlas-zms-copy p {
	max-width: 650px;
	margin-top: 24px;
	color: var(--mse-muted);
	font-size: 17px;
	line-height: 1.6;
}

.mse-atlas-zms-media {
	display: block;
	justify-self: end;
	width: min(100%, 470px);
}

.mse-atlas-zms-media__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	filter: saturate(.88) contrast(.98);
	transition: transform .3s ease, filter .3s ease;
}

.mse-atlas-zms-media:hover .mse-atlas-zms-media__image,
.mse-atlas-zms-media:focus-visible .mse-atlas-zms-media__image {
	transform: translateY(-4px);
	filter: saturate(.96) contrast(1);
}

.mse-atlas-bridge {
	margin-top: 28px;
	padding-block: 72px 84px;
	border-top: 2px solid var(--mse-navy);
}

.mse-atlas-bridge h2 {
	max-width: 800px;
	font-size: clamp(34px, 4vw, 52px);
}

.mse-atlas-bridge p {
	max-width: 720px;
	margin-top: 22px;
	color: var(--mse-muted);
	font-size: 17px;
}

.mse-atlas-link-row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 32px;
	margin-top: 30px;
	font-weight: 650;
}

.mse-atlas-link-row a:hover {
	color: var(--mse-brick);
}

/* =========================================================
   03F MOTION LANGUAGE
   ========================================================= */

.mse-motion-ready [data-mse-reveal] {
	opacity: 0;
	transform: translate3d(0, 14px, 0);
	transition:
		opacity .55s ease var(--mse-reveal-delay, 0ms),
		transform .7s cubic-bezier(.22,1,.36,1) var(--mse-reveal-delay, 0ms);
}

.mse-motion-ready [data-mse-reveal].is-revealed {
	opacity: 1;
	transform: translate3d(0,0,0);
}

@keyframes mse-atlas-drift-a {
	0%, 100% { transform: translate3d(0,0,0); }
	50% { transform: translate3d(0,-5px,0); }
}

@keyframes mse-atlas-drift-b {
	0%, 100% { transform: translate3d(0,0,0); }
	50% { transform: translate3d(3px,4px,0); }
}

@media (prefers-reduced-motion: no-preference) {
	.mse-atlas-object--1 .mse-atlas-object__image {
		animation: mse-atlas-drift-a 12s ease-in-out infinite;
	}

	.mse-atlas-object--2 .mse-atlas-object__image {
		animation: mse-atlas-drift-b 14s ease-in-out -4s infinite;
	}

	.mse-atlas-object--3 .mse-atlas-object__image {
		animation: mse-atlas-drift-a 13s ease-in-out -7s infinite reverse;
	}
}

/* =========================================================
   CATEGORY — 03C reference category: POD ZŁOŚCIĄ
   ========================================================= */

.mse-tax__hero {
	padding-top: clamp(76px, 7vw, 112px);
	padding-bottom: clamp(82px, 8vw, 128px);
	border-bottom: 1px solid var(--mse-line);
}

.mse-tax__hero-grid {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr);
	gap: clamp(42px, 6vw, 86px);
	align-items: center;
}

.mse-tax__hero-copy {
	padding-block: 24px;
}

.mse-tax__hero-support {
	max-width: 650px;
	margin-top: 20px !important;
	color: var(--mse-muted);
	font-size: 16px;
	line-height: 1.62;
}

.mse-tax__hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	margin-top: 34px;
	padding-top: 18px;
	border-top: 1px solid var(--mse-line);
	color: var(--mse-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.mse-tax__hero-meta strong {
	color: var(--mse-ink);
	font-size: 14px;
}

.mse-tax__hero-objects {
	position: relative;
	min-height: 560px;
	isolation: isolate;
}

.mse-tax__hero-orbit {
	position: absolute;
	inset: 12% 8% 9%;
	border: 1px solid rgba(173,79,60,.18);
	border-radius: 50%;
	transform: rotate(12deg);
	pointer-events: none;
}

.mse-tax__hero-orbit::after {
	content: "";
	position: absolute;
	left: 8%;
	bottom: 14%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--mse-brick);
}

.mse-tax-object {
	position: absolute;
	display: grid;
	gap: 10px;
	text-align: center;
	transition: transform .24s ease;
}

.mse-tax-object--1 {
	top: 0;
	right: 9%;
	width: min(42%, 255px);
	transform: rotate(2deg);
}

.mse-tax-object--2 {
	top: 29%;
	left: 0;
	width: min(38%, 230px);
	transform: rotate(-3deg);
}

.mse-tax-object--3 {
	right: 16%;
	bottom: 0;
	width: min(35%, 215px);
	transform: rotate(1.5deg);
}

.mse-tax-object:hover {
	z-index: 4;
	transform: translateY(-5px);
}

.mse-tax-object__image {
	width: 100%;
	height: auto;
	filter: saturate(.82) contrast(.98);
}

.mse-tax-object__label {
	display: inline-block;
	justify-self: center;
	padding: 5px 8px;
	background: rgba(244,240,232,.94);
	color: var(--mse-ink);
	font-size: 12px;
	font-weight: 700;
}

/* Situational entry */

.mse-tax__situations {
	background: var(--mse-surface);
	border-bottom: 1px solid var(--mse-line);
}

.mse-tax__situations-head,
.mse-tax__featured-head,
.mse-tax__terms-head {
	grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
	gap: clamp(34px, 6vw, 80px);
	align-items: end;
}

.mse-tax__situations-head > p,
.mse-tax__featured-head > p,
.mse-tax__terms-head > p {
	padding-bottom: 4px;
	color: var(--mse-muted);
	font-size: 14px;
	line-height: 1.55;
}

.mse-tax-situation-list {
	border-top: 1px solid var(--mse-ink);
}

.mse-tax-situation {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) 90px 28px;
	gap: 20px;
	align-items: center;
	min-height: 102px;
	padding-block: 18px;
	border-bottom: 1px solid var(--mse-line);
	transition: padding-left .2s ease;
}

.mse-tax-situation__number {
	color: var(--mse-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
}

.mse-tax-situation h3 {
	font-size: clamp(23px, 2.1vw, 32px);
	transition: color .18s ease;
}

.mse-tax-situation div > span {
	display: block;
	margin-top: 6px;
	color: var(--mse-muted);
	font-size: 12px;
}

.mse-tax-situation small {
	color: var(--mse-brick);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	text-align: right;
}

.mse-tax-situation b {
	color: var(--mse-navy);
	font-size: 18px;
	font-weight: 500;
	text-align: right;
}

.mse-tax-situation:hover {
	padding-left: 7px;
}

.mse-tax-situation:hover h3 {
	color: var(--mse-brick);
}

/* Featured three */

.mse-tax__featured {
	background: var(--mse-canvas);
}

.mse-tax-featured-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.mse-tax-featured-card {
	position: relative;
	padding-top: 18px;
	border-top: 1px solid var(--mse-ink);
}

.mse-tax-featured-card__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	color: var(--mse-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
}

.mse-tax-featured-card__arrow {
	color: var(--mse-navy);
	font-size: 14px;
}

.mse-tax-featured-card__image {
	display: grid;
	place-items: center;
	height: 360px;
	margin-bottom: 28px;
	background:
		radial-gradient(circle at 50% 50%, rgba(23,37,84,.035), transparent 48%);
}

.mse-tax-featured-card__img {
	max-height: 330px;
	width: auto;
	transition: transform .25s ease;
}

.mse-tax-featured-card:hover .mse-tax-featured-card__img {
	transform: translateY(-5px);
}

.mse-tax-featured-card h3 {
	font-size: clamp(27px, 2.6vw, 38px);
}

.mse-tax-featured-card p {
	margin-top: 14px;
	color: var(--mse-muted);
	font-size: 14px;
	line-height: 1.58;
}

.mse-tax-featured-card__link {
	display: block;
	margin-top: 20px;
	font-size: 13px;
	font-weight: 700;
}

.mse-tax-featured-card:hover .mse-tax-featured-card__link,
.mse-tax-featured-card:focus-visible .mse-tax-featured-card__link {
	color: var(--mse-brick);
}

/* All terms */

.mse-tax__terms {
	background: var(--mse-surface);
	border-block: 1px solid var(--mse-line);
}

.mse-tax-term-list {
	border-top: 1px solid var(--mse-ink);
}

.mse-tax-term-list > a {
	display: grid;
	grid-template-columns: minmax(190px, .74fr) minmax(0, 1.5fr) 30px;
	gap: 34px;
	align-items: center;
	min-height: 80px;
	padding-block: 17px;
	border-bottom: 1px solid var(--mse-line);
}

.mse-tax-term-list__title {
	font-size: 20px;
	font-weight: 650;
	letter-spacing: -.025em;
	transition: color .18s ease;
}

.mse-tax-term-list__desc {
	color: var(--mse-muted);
	font-size: 13px;
	line-height: 1.52;
}

.mse-tax-term-list__arrow {
	color: var(--mse-navy);
	text-align: right;
}

.mse-tax-term-list > a:hover .mse-tax-term-list__title {
	color: var(--mse-brick);
}

/* Crosslinks */

.mse-tax__crosslinks {
	background: var(--mse-navy);
	color: #f8f5ee;
}

.mse-tax__crosslinks h2,
.mse-tax__crosslinks h3 {
	color: #f8f5ee;
}

.mse-tax__crosslinks .mse-atlas-kicker {
	color: #d9826f;
}

.mse-tax-crosslink-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid rgba(255,255,255,.52);
}

.mse-tax-crosslink {
	position: relative;
	min-height: 310px;
	padding: 26px 28px 34px 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

.mse-tax-crosslink + .mse-tax-crosslink {
	padding-left: 28px;
	border-left: 1px solid rgba(255,255,255,.2);
}

.mse-tax-crosslink > span {
	color: #d9826f;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
}

.mse-tax-crosslink h3 {
	margin-top: 48px;
	font-size: clamp(27px, 2.7vw, 38px);
}

.mse-tax-crosslink p {
	margin-top: 14px;
	color: rgba(248,245,238,.68);
	font-size: 13px;
	line-height: 1.55;
}

.mse-tax-crosslink b {
	position: absolute;
	left: 0;
	bottom: 30px;
	color: #f8f5ee;
	font-size: 12px;
	font-weight: 700;
}

.mse-tax-crosslink + .mse-tax-crosslink b {
	left: 28px;
}

.mse-tax-crosslink:hover h3 {
	color: #f4b39f;
}

/* =========================================================
   PATH — 03D guided reference path: NIE WIEM, CO CZUJĘ
   ========================================================= */

.mse-path__hero {
	padding-top: clamp(76px, 7vw, 112px);
	padding-bottom: clamp(82px, 8vw, 128px);
	border-bottom: 1px solid var(--mse-line);
}

.mse-path__hero-grid {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(430px, 1.05fr);
	gap: clamp(42px, 6vw, 86px);
	align-items: center;
}

.mse-path__hero-copy {
	padding-block: 24px;
}

.mse-path__hero-support {
	max-width: 650px;
	margin-top: 20px !important;
	color: var(--mse-muted);
	font-size: 16px;
	line-height: 1.62;
}

.mse-path__hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	margin-top: 34px;
	padding-top: 18px;
	border-top: 1px solid var(--mse-line);
	color: var(--mse-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.mse-path__hero-meta strong {
	color: var(--mse-ink);
	font-size: 14px;
}

.mse-path__hero-objects {
	position: relative;
	min-height: 560px;
	isolation: isolate;
}

.mse-path__hero-line {
	position: absolute;
	inset: 12% 8% 12% 6%;
	border: 1px solid rgba(23,37,84,.15);
	border-radius: 50%;
	transform: rotate(-8deg);
	pointer-events: none;
}

.mse-path__hero-line::after {
	content: "";
	position: absolute;
	right: 9%;
	top: 17%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--mse-brick);
}

.mse-path-hero-object {
	position: absolute;
	display: grid;
	gap: 9px;
	text-align: center;
	transition: transform .24s ease;
}

.mse-path-hero-object--1 {
	top: 0;
	right: 8%;
	width: min(41%, 250px);
	transform: rotate(2deg);
}

.mse-path-hero-object--2 {
	top: 29%;
	left: 0;
	width: min(38%, 230px);
	transform: rotate(-3deg);
}

.mse-path-hero-object--3 {
	right: 16%;
	bottom: 0;
	width: min(34%, 210px);
	transform: rotate(1deg);
}

.mse-path-hero-object:hover {
	z-index: 4;
	transform: translateY(-5px);
}

.mse-path-hero-object__image {
	width: 100%;
	height: auto;
	filter: saturate(.82) contrast(.98);
}

.mse-path-hero-object span {
	display: inline-block;
	justify-self: center;
	padding: 5px 8px;
	background: rgba(244,240,232,.94);
	font-size: 12px;
	font-weight: 700;
}

/* Guided entrance */

.mse-path__guide {
	background: var(--mse-surface);
	border-bottom: 1px solid var(--mse-line);
}

.mse-path__guide-head {
	grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
	gap: clamp(34px, 6vw, 80px);
	align-items: end;
}

.mse-path__guide-head > p {
	padding-bottom: 4px;
	color: var(--mse-muted);
	font-size: 14px;
	line-height: 1.55;
}

.mse-path-axis-nav {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-bottom: 56px;
	border-top: 1px solid var(--mse-ink);
	border-left: 1px solid var(--mse-line);
}

.mse-path-axis-nav a {
	min-height: 210px;
	padding: 24px;
	border-right: 1px solid var(--mse-line);
	border-bottom: 1px solid var(--mse-line);
	transition: background .18s ease, color .18s ease;
}

.mse-path-axis-nav span,
.mse-path-axis-nav strong,
.mse-path-axis-nav small {
	display: block;
}

.mse-path-axis-nav span {
	margin-bottom: 58px;
	color: var(--mse-brick);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
}

.mse-path-axis-nav strong {
	font-size: 26px;
	letter-spacing: -.03em;
}

.mse-path-axis-nav small {
	margin-top: 8px;
	color: var(--mse-muted);
	font-size: 12px;
	line-height: 1.45;
}

.mse-path-axis-nav a:hover,
.mse-path-axis-nav a.is-active {
	background: var(--mse-navy);
	color: #f8f5ee;
}

.mse-path-axis-nav a:hover span,
.mse-path-axis-nav a.is-active span {
	color: #d9826f;
}

.mse-path-axis-nav a:hover small,
.mse-path-axis-nav a.is-active small {
	color: rgba(248,245,238,.78);
}

.mse-path-axis-panel {
	scroll-margin-top: 108px;
	padding-top: 10px;
}

.mse-path-axis-panel + .mse-path-axis-panel {
	margin-top: 90px;
	padding-top: 70px;
	border-top: 1px solid var(--mse-line);
}

.mse-path-axis-panel__intro {
	display: grid;
	grid-template-columns: 110px minmax(0, .85fr) minmax(260px, .65fr);
	gap: 26px;
	align-items: end;
	margin-bottom: 34px;
}

.mse-path-axis-panel__intro > span {
	color: var(--mse-brick);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .11em;
}

.mse-path-axis-panel__intro h3 {
	font-size: clamp(30px, 3.6vw, 50px);
}

.mse-path-axis-panel__intro p {
	color: var(--mse-muted);
	font-size: 14px;
	line-height: 1.55;
}

.mse-path-choice-list {
	border-top: 1px solid var(--mse-ink);
}

.mse-path-choice {
	border-bottom: 1px solid var(--mse-line);
}

.mse-path-choice summary {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) 28px;
	gap: 18px;
	align-items: center;
	min-height: 108px;
	padding-block: 18px;
	cursor: pointer;
	list-style: none;
}

.mse-path-choice summary::-webkit-details-marker {
	display: none;
}

.mse-path-choice__number {
	color: var(--mse-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 11px;
}

.mse-path-choice summary strong {
	display: block;
	max-width: 780px;
	font-size: clamp(21px, 2vw, 29px);
	line-height: 1.25;
	letter-spacing: -.025em;
}

.mse-path-choice summary small {
	display: block;
	margin-top: 6px;
	color: var(--mse-muted);
	font-size: 12px;
	line-height: 1.45;
}

.mse-path-choice summary b {
	color: var(--mse-navy);
	font-size: 24px;
	font-weight: 400;
	text-align: right;
	transition: transform .2s ease;
}

.mse-path-choice[open] summary b {
	transform: rotate(45deg);
}

.mse-path-choice[open] summary strong {
	color: var(--mse-brick);
}

.mse-path-choice__results {
	padding: 0 0 34px 66px;
}

.mse-path-choice__results-label {
	margin: 2px 0 18px;
	color: var(--mse-brick);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
}

.mse-path-choice__terms {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 32px;
}

.mse-path-choice__terms > a {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	min-height: 122px;
	padding-block: 14px;
	border-top: 1px solid var(--mse-line);
}

.mse-path-choice__image {
	display: grid;
	place-items: center;
	height: 94px;
}

.mse-path-choice__img {
	max-height: 90px;
	width: auto;
}

.mse-path-choice__terms h4 {
	margin: 0;
	color: var(--mse-ink);
	font-size: 19px;
	line-height: 1.15;
	letter-spacing: -.02em;
}

.mse-path-choice__terms p {
	margin-top: 5px;
	color: var(--mse-muted);
	font-size: 11px;
	line-height: 1.45;
}

.mse-path-choice__terms span {
	display: block;
	margin-top: 8px;
	font-size: 11px;
	font-weight: 700;
}

.mse-path-choice__terms > a:hover h4 {
	color: var(--mse-brick);
}

/* Safety statement */

.mse-path__safety {
	background: var(--mse-navy);
	color: #f8f5ee;
}

.mse-path-safety-grid {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: clamp(28px, 6vw, 80px);
	align-items: start;
}

.mse-path__safety .mse-atlas-kicker {
	color: #d9826f;
}

.mse-path__safety h2 {
	color: #f8f5ee;
	font-size: clamp(42px, 5.7vw, 78px);
}

.mse-path__safety p {
	max-width: 730px;
	margin-top: 26px;
	color: rgba(248,245,238,.76);
	font-size: 18px;
	line-height: 1.6;
}

/* Full path map */

.mse-path__all {
	padding-block: clamp(72px, 8vw, 112px);
}

.mse-path-all-details {
	border-top: 1px solid var(--mse-ink);
	border-bottom: 1px solid var(--mse-line);
}

.mse-path-all-details > summary {
	display: grid;
	grid-template-columns: 1fr 42px;
	gap: 24px;
	align-items: center;
	padding-block: 34px;
	cursor: pointer;
	list-style: none;
}

.mse-path-all-details > summary::-webkit-details-marker {
	display: none;
}

.mse-path-all-details > summary h2 {
	font-size: clamp(32px, 4vw, 54px);
}

.mse-path-all-details > summary > span {
	color: var(--mse-navy);
	font-size: 30px;
	text-align: right;
	transition: transform .2s ease;
}

.mse-path-all-details[open] > summary > span {
	transform: rotate(45deg);
}

.mse-path-all-list {
	border-top: 1px solid var(--mse-line);
}

.mse-path-all-list a {
	display: grid;
	grid-template-columns: minmax(190px, .7fr) minmax(0, 1.5fr) 28px;
	gap: 28px;
	align-items: center;
	min-height: 72px;
	padding-block: 14px;
	border-bottom: 1px solid var(--mse-line);
}

.mse-path-all-list strong {
	font-size: 18px;
	letter-spacing: -.02em;
}

.mse-path-all-list span {
	color: var(--mse-muted);
	font-size: 12px;
	line-height: 1.45;
}

.mse-path-all-list b {
	color: var(--mse-navy);
	text-align: right;
}

.mse-path-all-list a:hover strong {
	color: var(--mse-brick);
}

/* ZMS bridge */

.mse-path__zms {
	padding-top: 0;
	padding-bottom: clamp(88px, 9vw, 132px);
}

.mse-path-zms-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
	gap: clamp(42px, 7vw, 96px);
	align-items: center;
	padding-block: clamp(54px, 6vw, 78px);
	border-top: 1px solid var(--mse-line);
	border-bottom: 1px solid var(--mse-line);
}

.mse-path-zms-grid h2 {
	max-width: 760px;
	font-size: clamp(38px, 4.7vw, 64px);
	line-height: 1.02;
}

.mse-path-zms-grid p {
	max-width: 650px;
	margin-top: 24px;
	color: var(--mse-muted);
	font-size: 17px;
	line-height: 1.6;
}

.mse-path-zms-media {
	display: block;
	justify-self: end;
	width: min(100%, 470px);
}

.mse-path-zms-media__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	filter: saturate(.88) contrast(.98);
	transition: transform .3s ease, filter .3s ease;
}

.mse-path-zms-media:hover .mse-path-zms-media__image,
.mse-path-zms-media:focus-visible .mse-path-zms-media__image {
	transform: translateY(-4px);
	filter: saturate(.96) contrast(1);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
	.mse-atlas-shell {
		width: min(calc(100% - 64px), var(--mse-content-max));
	}

	.mse-atlas__hero-grid,
	.mse-tax__hero-grid,
	.mse-path__hero-grid {
		grid-template-columns: 1fr 1fr;
	}

	.mse-atlas__hero-objects {
		min-height: 540px;
	}

	.mse-atlas-search-layout {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.mse-tax__situations-head,
	.mse-tax__featured-head,
	.mse-tax__terms-head,
	.mse-path__guide-head {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.mse-path-axis-nav {
		grid-template-columns: repeat(2, 1fr);
	}

	.mse-path-axis-panel__intro {
		grid-template-columns: 80px minmax(0, 1fr);
	}

	.mse-path-axis-panel__intro p {
		grid-column: 2;
	}

	.mse-path-choice__terms {
		grid-template-columns: 1fr;
	}

	.mse-path-safety-grid {
		grid-template-columns: 110px minmax(0, 1fr);
	}

	.mse-path-zms-grid {
		grid-template-columns: 1fr;
	}

	.mse-path-zms-media {
		justify-self: start;
		width: min(72%, 470px);
	}

	.mse-atlas-zms-grid {
		grid-template-columns: 1fr;
	}

	.mse-atlas-zms-media {
		justify-self: start;
		width: min(72%, 470px);
	}

	.mse-atlas-path-experience {
		grid-template-columns: 1fr;
	}

	.mse-atlas-path-stage {
		position: relative;
		top: auto;
		order: -1;
		min-height: 600px;
	}

	.mse-atlas-az-layout {
		grid-template-columns: 54px 1fr;
	}

	.mse-atlas-preview {
		display: none;
	}

	.mse-atlas-az-head {
		grid-template-columns: 1fr;
		gap: 24px;
	}

}

@media (max-width: 767px) {
	.mse-atlas-shell {
		width: min(calc(100% - 40px), var(--mse-content-max));
	}

	.mse-atlas-section {
		padding-block: 76px;
	}

	.mse-atlas h1 {
		font-size: clamp(48px, 14vw, 60px);
		line-height: .98;
	}

	.mse-atlas h2 {
		font-size: clamp(36px, 10vw, 48px);
	}

	.mse-atlas-home .mse-atlas__hero {
		min-height: auto;
		padding-top: 62px;
		padding-bottom: 28px;
	}

	.mse-atlas__hero-grid,
	.mse-tax__hero-grid,
	.mse-path__hero-grid {
		grid-template-columns: 1fr;
	}

	.mse-atlas__hero-copy {
		padding-bottom: 0;
	}

	.mse-atlas__hero-meta {
		display: grid;
		gap: 7px;
		margin-top: 32px;
	}

	.mse-atlas__hero-objects {
		min-height: 430px;
		margin-top: 28px;
	}

	.mse-atlas__hero-orbit {
		inset: 10% 3% 8%;
	}

	.mse-atlas-object {
		width: 43%;
	}

	.mse-atlas-object--2 {
		left: 0;
		top: 34%;
	}

	.mse-atlas-object--3 {
		right: 3%;
	}

	.mse-atlas-object__caption {
		display: none;
	}

	.mse-atlas__hero-foot {
		display: grid;
		align-items: start;
		margin-top: 18px;
	}

	.mse-atlas-mode-grid {
		grid-template-columns: 1fr;
	}

	.mse-atlas-mode,
	.mse-atlas-mode + .mse-atlas-mode {
		min-height: 250px;
		padding: 26px 0 70px;
		border-left: 0;
	}

	.mse-atlas-mode__number {
		margin-bottom: 30px;
	}

	.mse-atlas-mode > span:last-child,
	.mse-atlas-mode + .mse-atlas-mode > span:last-child {
		left: 0;
		bottom: 25px;
	}

	.mse-atlas-path-stage {
		display: none;
	}

	.mse-atlas-path-row {
		grid-template-columns: 40px 1fr;
		gap: 12px;
	}

	.mse-atlas-category-row {
		grid-template-columns: 42px 1fr;
		gap: 14px;
	}

	.mse-atlas-category-row__count {
		grid-column: 2;
		padding-top: 0;
	}

	.mse-atlas-az-layout {
		grid-template-columns: 1fr;
	}

	.mse-atlas-az-nav {
		position: sticky;
		top: 0;
		z-index: 10;
		display: flex;
		gap: 16px;
		overflow-x: auto;
		padding-block: 12px;
		background: rgba(251,249,244,.96);
		border-block: 1px solid var(--mse-line);
		-webkit-overflow-scrolling: touch;
	}

	.mse-atlas-az-nav a {
		flex: 0 0 auto;
	}

	.mse-atlas-letter__terms a {
		min-height: 44px;
		display: flex;
		align-items: center;
	}

	.mse-atlas-statement-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.mse-atlas-zms-grid {
		padding-block: 48px;
		gap: 34px;
	}

	.mse-atlas-zms-media {
		width: 100%;
	}

	.mse-atlas-link-row {
		display: grid;
	}

	.mse-tax__hero-objects {
		min-height: 390px;
		margin-top: 16px;
	}

	.mse-tax-object--1 {
		right: 4%;
		width: 42%;
	}

	.mse-tax-object--2 {
		top: 34%;
		left: 0;
		width: 39%;
	}

	.mse-tax-object--3 {
		right: 8%;
		width: 34%;
	}

	.mse-tax-situation {
		grid-template-columns: 38px minmax(0, 1fr) 22px;
		gap: 10px;
		min-height: 94px;
	}

	.mse-tax-situation small {
		display: none;
	}

	.mse-tax-situation h3 {
		font-size: 23px;
	}

	.mse-tax-featured-grid {
		grid-template-columns: 1fr;
		gap: 54px;
	}

	.mse-tax-featured-card__image {
		height: 310px;
	}

	.mse-tax-term-list > a {
		grid-template-columns: 1fr 22px;
		gap: 10px;
	}

	.mse-tax-term-list__desc {
		grid-column: 1;
	}

	.mse-tax-crosslink-grid {
		grid-template-columns: 1fr;
	}

	.mse-tax-crosslink,
	.mse-tax-crosslink + .mse-tax-crosslink {
		min-height: 260px;
		padding: 24px 0 68px;
		border-left: 0;
	}

	.mse-tax-crosslink + .mse-tax-crosslink b {
		left: 0;
	}

	.mse-path__hero-objects {
		min-height: 390px;
		margin-top: 16px;
	}

	.mse-path-hero-object--1 {
		right: 4%;
		width: 42%;
	}

	.mse-path-hero-object--2 {
		top: 34%;
		left: 0;
		width: 39%;
	}

	.mse-path-hero-object--3 {
		right: 8%;
		width: 34%;
	}

	.mse-path-axis-nav {
		grid-template-columns: 1fr 1fr;
		margin-bottom: 42px;
	}

	.mse-path-axis-nav a {
		min-height: 180px;
		padding: 20px;
	}

	.mse-path-axis-nav span {
		margin-bottom: 42px;
	}

	.mse-path-axis-panel__intro {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.mse-path-axis-panel__intro p {
		grid-column: 1;
		margin-top: 8px;
	}

	.mse-path-choice summary {
		grid-template-columns: 36px minmax(0, 1fr) 24px;
		gap: 10px;
		min-height: 96px;
	}

	.mse-path-choice__results {
		padding-left: 46px;
	}

	.mse-path-choice__terms {
		grid-template-columns: 1fr;
	}

	.mse-path-choice__terms > a {
		grid-template-columns: 76px minmax(0, 1fr);
		min-height: 112px;
	}

	.mse-path-choice__image {
		height: 82px;
	}

	.mse-path-choice__img {
		max-height: 78px;
	}

	.mse-path-safety-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.mse-path-all-list a {
		grid-template-columns: 1fr 22px;
		gap: 10px;
	}

	.mse-path-all-list span {
		grid-column: 1;
	}

	.mse-path-zms-grid {
		padding-block: 48px;
		gap: 34px;
	}

	.mse-path-zms-media {
		width: 100%;
	}
}

@media (max-width: 460px) {
	.mse-atlas-shell {
		width: min(calc(100% - 32px), var(--mse-content-max));
	}

	.mse-atlas-searchbox input {
		height: 68px;
		font-size: 17px;
	}


	.mse-path-axis-nav {
		grid-template-columns: 1fr;
	}

	.mse-path-choice__results {
		padding-left: 0;
	}

	.mse-path-choice__terms > a {
		grid-template-columns: 70px minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mse-atlas *,
	.mse-atlas *::before,
	.mse-atlas *::after {
		scroll-behavior: auto !important;
		transition-duration: .001ms !important;
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
	}

	.mse-motion-ready [data-mse-reveal] {
		opacity: 1 !important;
		transform: none !important;
	}
}


/* 03J-C HERO UP — approved 2026-10-01 */
@media (min-width: 768px) {
  .mse-atlas-home .mse-atlas__hero {
    align-content: start;
    padding-top: clamp(28px, 3vw, 48px);
  }

  .mse-atlas-home .mse-atlas__hero-copy {
    padding-top: 20px;
  }
}