/**
 * Mindful Path Scroll Story
 *
 * Desktop-first, editor-safe presentation styles. Every selector is scoped to
 * the widget root so the story can coexist with Elementor themes and widgets.
 */

.mpss-story {
	--mpss-page-bg: #faf6f0;
	--mpss-heading: #20201f;
	--mpss-body: #5f5b56;
	--mpss-accent: #a59078;
	--mpss-card-bg: #fffcf7;
	--mpss-hero-bg: #f8f2ea;
	--mpss-button-bg: #252624;
	--mpss-button-text: #faf6f0;
	--mpss-button-hover-bg: #3b3c39;
	--mpss-button-hover-text: #ffffff;
	--mpss-button-border: rgba(255, 255, 255, 0.14);
	--mpss-button-hover-border: rgba(255, 255, 255, 0.34);
	--mpss-button-border-width: 1px;
	--mpss-button-icon-gap: 13px;
	--mpss-section-bg: var(--mpss-page-bg);
	--mpss-section-hero-bg: var(--mpss-hero-bg);
	--mpss-section-min-height: 1080px;
	--mpss-icon-slot: 96px;
	--mpss-title-slot: 76px;
	--mpss-icon-container: 86px;
	--mpss-icon-size: 72%;
	--mpss-icon-title-gap: 8px;
	--mpss-title-body-gap: 6px;
	--mpss-body-button-gap: 12px;
	--mpss-button-radius: 999px;
	--mpss-button-padding: 13px 22px;
	--mpss-background: var(--mpss-page-bg);
	--mpss-surface: #fffdf9;
	--mpss-surface-muted: #f2ebe2;
	--mpss-heading-color: var(--mpss-heading);
	--mpss-body-color: var(--mpss-body);
	--mpss-muted-color: #89857e;
	--mpss-accent-color: var(--mpss-accent);
	--mpss-accent-soft: #ded1c1;
	--mpss-line-color: rgba(71, 65, 57, 0.16);
	--mpss-button-background: var(--mpss-button-bg);
	--mpss-button-color: var(--mpss-button-text);
	--mpss-card-background: var(--mpss-card-bg);
	--mpss-card-border: rgba(74, 68, 60, 0.14);
	--mpss-card-border-width: 1px;
	--mpss-card-shadow: 0 24px 54px rgba(73, 63, 51, 0.1), 0 3px 10px rgba(73, 63, 51, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.96);
	--mpss-max-width: 1480px;
	--mpss-section-padding: 34px 44px 64px;
	--mpss-hero-width: 620px;
	--mpss-card-height: 470px;
	--mpss-card-gap: 26px;
	--mpss-card-radius: 30px;
	--mpss-card-padding: 30px 30px 26px;
	--mpss-local-hero-width: var(--mpss-hero-width);
	--mpss-local-hero-height: 360px;
	--mpss-hero-x: 0px;
	--mpss-hero-y: 0px;
	--mpss-hero-rotation: 0deg;
	--mpss-hero-perspective: 1000px;
	--mpss-stage-scale: 1;
	--mpss-viewport-offset: 0px;
	--mpss-transition-bg: #faf6f0;
	--mpss-swoosh-dark: #343331;
	--mpss-swoosh-accent: #ae9264;
	--mpss-swoosh-soft: #d9cdbd;
	--mpss-hero-radius: 34px;
	--mpss-panel-offset: 22px;
	--mpss-panel-opacity: 0.86;
	--mpss-icon-slot-height: var(--mpss-icon-slot);
	--mpss-title-slot-height: var(--mpss-title-slot);
	--mpss-serif: "Spectral", Georgia, serif;
	--mpss-sans: "Inter", Arial, sans-serif;
	position: relative;
	isolation: isolate;
	inline-size: 100%;
	max-inline-size: 100%;
	margin: 0;
	overflow-x: hidden;
	overflow-x: clip;
	overflow-y: visible;
	background: var(--mpss-background);
	color: var(--mpss-body-color);
	font-family: var(--mpss-sans);
	font-size: 16px;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.mpss-story.mpss-is-enhanced .mpss-section__inner,
.mpss-story.mpss-is-enhanced .mpss-section,
.mpss-story.mpss-is-enhanced .mpss-hero__visual,
.mpss-story.mpss-is-enhanced .mpss-card,
.mpss-story.mpss-is-enhanced .mpss-transition-layer,
.mpss-story.mpss-is-enhanced .mpss-swoosh__path {
	will-change: transform, opacity;
}

.mpss-story .mpss-master-stage {
	position: relative;
	inline-size: 100%;
	min-inline-size: 0;
}

.mpss-story .mpss-transition-layer {
	display: none;
	position: absolute;
	z-index: 20;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	overflow: hidden;
	overflow: clip;
	background: var(--mpss-transition-bg);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	user-select: none;
	contain: layout paint;
	isolation: isolate;
}

.mpss-story .mpss-swoosh {
	position: absolute;
	inset: 50% auto auto 50%;
	inline-size: 138%;
	block-size: 118%;
	max-inline-size: none;
	overflow: visible;
	transform: translate(-50%, -50%);
}

.mpss-story .mpss-swoosh__path {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
	transform-box: fill-box;
	transform-origin: center;
}

.mpss-story .mpss-swoosh__path--veil {
	stroke: var(--mpss-swoosh-soft);
	stroke-width: 38;
	opacity: 0.24;
}

.mpss-story .mpss-swoosh__path--ribbon {
	stroke: var(--mpss-swoosh-soft);
	stroke-width: 17;
	opacity: 0.34;
}

.mpss-story .mpss-swoosh__path--dark {
	stroke: var(--mpss-swoosh-dark);
	stroke-width: 2.2;
	opacity: 0.62;
}

.mpss-story .mpss-swoosh__path--dark-soft {
	stroke: var(--mpss-swoosh-dark);
	stroke-width: 1.25;
	opacity: 0.3;
}

.mpss-story .mpss-swoosh__path--accent {
	stroke: var(--mpss-swoosh-accent);
	stroke-width: 2;
	opacity: 0.65;
}

.mpss-story .mpss-swoosh__path--accent-soft {
	stroke: var(--mpss-swoosh-accent);
	stroke-width: 1.15;
	opacity: 0.4;
}

.mpss-story .mpss-swoosh__path--fine {
	stroke: var(--mpss-swoosh-soft);
	stroke-width: 1;
	opacity: 0.42;
}

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

.mpss-story img,
.mpss-story svg {
	display: block;
	max-inline-size: 100%;
}

.mpss-story a {
	color: inherit;
}

.mpss-story a:focus-visible,
.mpss-story button:focus-visible,
.mpss-story [tabindex]:focus-visible {
	outline: 3px solid var(--mpss-accent-color);
	outline-offset: 5px;
}

.mpss-story .mpss-section {
	position: relative;
	isolation: isolate;
	inline-size: 100%;
	min-inline-size: 0;
	margin: 0;
	padding: var(--mpss-section-padding);
	overflow: clip;
	background:
		radial-gradient(circle at 50% 22%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0) 38%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) 72%),
		var(--mpss-section-bg);
	color: var(--mpss-body-color);
	scroll-margin-block-start: 24px;
}

.mpss-story .mpss-section::before {
	content: "";
	position: absolute;
	z-index: -2;
	inset: 0;
	background-image:
		repeating-linear-gradient(108deg, rgba(76, 66, 53, 0.012) 0, rgba(76, 66, 53, 0.012) 1px, transparent 1px, transparent 6px),
		radial-gradient(circle at 14% 15%, rgba(193, 173, 146, 0.1), transparent 27%),
		radial-gradient(circle at 88% 76%, rgba(193, 173, 146, 0.08), transparent 25%);
	pointer-events: none;
}

.mpss-story .mpss-section::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: auto 9% 0;
	block-size: 1px;
	background: linear-gradient(90deg, transparent, rgba(93, 84, 73, 0.17), transparent);
	pointer-events: none;
}

.mpss-story .mpss-section__background-image {
	position: absolute;
	z-index: -1;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: none;
	object-fit: cover;
	object-position: center;
	opacity: 0.13;
	filter: grayscale(1) sepia(0.12);
	pointer-events: none;
}

.mpss-story .mpss-section--think {
	--mpss-section-bg: #fbf7f1;
	--mpss-section-hero-bg: #f8f1e8;
}

.mpss-story .mpss-section--philosophy {
	--mpss-section-bg: #f9f5ef;
	--mpss-section-hero-bg: #faf5ee;
}

.mpss-story .mpss-section--psychology {
	--mpss-section-bg: #f4eee6;
	--mpss-section-hero-bg: #20211f;
}

.mpss-story .mpss-section--ethics {
	--mpss-section-bg: #f8f3eb;
	--mpss-section-hero-bg: #fbf7f0;
}

.mpss-story .mpss-section--mind {
	--mpss-section-bg: #f3ede5;
	--mpss-section-hero-bg: #f7f1e9;
}

.mpss-story .mpss-section--blog {
	--mpss-section-bg: #f2ebe1;
	--mpss-section-hero-bg: #f7f0e7;
}

.mpss-story .mpss-section__inner {
	position: relative;
	z-index: 1;
	inline-size: min(100%, var(--mpss-max-width));
	min-inline-size: 0;
	margin-inline: auto;
}

.mpss-story .mpss-nav {
	position: relative;
	z-index: 6;
	display: grid;
	grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr);
	align-items: center;
	inline-size: 100%;
	min-inline-size: 0;
	margin: 0 0 clamp(38px, 4vw, 64px);
	gap: clamp(18px, 3vw, 46px);
}

.mpss-story .mpss-nav__identity {
	display: grid;
	min-inline-size: 0;
	gap: 7px;
}

.mpss-story .mpss-nav__series {
	min-inline-size: 0;
	color: var(--mpss-muted-color);
	font-family: var(--mpss-sans);
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 1.25;
	text-transform: uppercase;
}

.mpss-story .mpss-nav__brand {
	min-inline-size: 0;
	margin: 0;
	color: var(--mpss-heading-color);
	font-family: var(--mpss-serif);
	font-size: clamp(30px, 2.45vw, 43px);
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1;
	text-decoration: none;
	text-wrap: balance;
}

.mpss-story .mpss-nav__links {
	display: flex;
	align-items: center;
	justify-content: center;
	min-inline-size: 0;
	margin: 0;
	padding: 0;
	gap: clamp(22px, 3.4vw, 56px);
	list-style: none;
}

.mpss-story .mpss-nav__item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mpss-story .mpss-nav__links a,
.mpss-story .mpss-nav__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-block-size: 42px;
	color: var(--mpss-heading-color);
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.015em;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.mpss-story .mpss-nav__links a::after,
.mpss-story .mpss-nav__link::after {
	content: "";
	position: absolute;
	inset: auto 0 5px;
	block-size: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform 220ms ease;
}

.mpss-story .mpss-nav__links a:hover::after,
.mpss-story .mpss-nav__links a:focus-visible::after,
.mpss-story .mpss-nav__link:hover::after,
.mpss-story .mpss-nav__link:focus-visible::after {
	transform: scaleX(1);
	transform-origin: left center;
}

.mpss-story .mpss-nav__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: end;
	min-block-size: 50px;
	max-inline-size: 100%;
	padding: var(--mpss-button-padding);
	border: var(--mpss-button-border-width) solid var(--mpss-button-border);
	border-radius: var(--mpss-button-radius);
	background: var(--mpss-button-background);
	box-shadow: 0 10px 20px rgba(28, 29, 27, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.13);
	color: var(--mpss-button-color);
	font-size: 0.96rem;
	font-weight: 500;
	letter-spacing: 0.015em;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.mpss-story .mpss-nav__action {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	justify-self: end;
	min-inline-size: 0;
}

.mpss-story .mpss-nav__cta:hover {
	border-color: var(--mpss-button-hover-border);
	background: var(--mpss-button-hover-bg);
	box-shadow: 0 14px 26px rgba(28, 29, 27, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.16);
	color: var(--mpss-button-hover-text);
	transform: translateY(-2px);
}

.mpss-story .mpss-story-stage {
	position: relative;
	display: grid;
	grid-template-areas: "left hero right";
	grid-template-columns: minmax(150px, 1fr) minmax(360px, var(--mpss-local-hero-width, var(--mpss-hero-width))) minmax(150px, 1fr);
	align-items: center;
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: 382px;
	margin-block-end: clamp(32px, 4vw, 58px);
	gap: clamp(18px, 3.5vw, 58px);
}

.mpss-story .mpss-decor {
	position: relative;
	max-inline-size: 210px;
	margin: 0;
	color: var(--mpss-muted-color);
	font-family: var(--mpss-serif);
	font-size: clamp(15px, 1.25vw, 19px);
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.55;
	text-wrap: balance;
}

.mpss-story .mpss-decor::after {
	content: "";
	display: block;
	inline-size: 34px;
	block-size: 1px;
	margin-block-start: 18px;
	background: var(--mpss-accent-color);
	opacity: 0.72;
}

.mpss-story .mpss-decor--left {
	grid-area: left;
	justify-self: start;
	text-align: start;
}

.mpss-story .mpss-decor--right {
	grid-area: right;
	justify-self: end;
	text-align: end;
}

.mpss-story .mpss-decor--right::after {
	margin-inline-start: auto;
}

.mpss-story .mpss-hero {
	position: relative;
	grid-area: hero;
	justify-self: center;
	inline-size: min(100%, var(--mpss-local-hero-width, var(--mpss-hero-width)));
	min-inline-size: 0;
	min-block-size: var(--mpss-local-hero-height, 360px);
	padding: clamp(28px, 3vw, 44px);
	border: 1px solid rgba(255, 255, 255, 0.92);
	border-radius: var(--mpss-hero-radius, 34px);
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(255, 252, 246, 0.58)),
		var(--mpss-section-hero-bg, var(--mpss-hero-bg));
	box-shadow: 0 30px 70px rgba(70, 61, 50, 0.13), 0 6px 18px rgba(70, 61, 50, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.98);
	color: var(--mpss-heading-color);
	transform-style: preserve-3d;
}

.mpss-story .mpss-hero::before {
	content: "";
	position: absolute;
	inset: 10px;
	border: 1px solid rgba(166, 146, 120, 0.12);
	border-radius: max(0px, calc(var(--mpss-hero-radius, 34px) - 8px));
	pointer-events: none;
}

.mpss-story .mpss-hero__plates {
	position: absolute;
	z-index: -1;
	inset: 0;
	pointer-events: none;
	transform-style: preserve-3d;
}

.mpss-story .mpss-hero__plate {
	position: absolute;
	inset: 5% 3%;
	border: 1px solid rgba(111, 101, 89, 0.09);
	border-radius: inherit;
	background: rgba(245, 239, 231, var(--mpss-panel-opacity, 0.86));
	box-shadow: 0 18px 38px rgba(70, 61, 50, 0.07);
}

.mpss-story .mpss-hero__plate--1,
.mpss-story .mpss-hero__plate--back,
.mpss-story .mpss-hero__plate:nth-child(1) {
	transform: translate3d(calc(0px - var(--mpss-panel-offset, 22px)), var(--mpss-panel-offset, 22px), -20px) scale(0.95);
}

.mpss-story .mpss-hero__plate--2,
.mpss-story .mpss-hero__plate--middle,
.mpss-story .mpss-hero__plate:nth-child(2) {
	transform: translate3d(var(--mpss-panel-offset, 22px), calc(var(--mpss-panel-offset, 22px) + 6px), -36px) scale(0.9);
}

.mpss-story .mpss-hero__plate--3,
.mpss-story .mpss-hero__plate:nth-child(3) {
	transform: translate3d(0, calc(var(--mpss-panel-offset, 22px) + 12px), -48px) scale(0.85);
}

.mpss-story .mpss-hero__plate--4,
.mpss-story .mpss-hero__plate:nth-child(4) {
	transform: translate3d(calc(0px - var(--mpss-panel-offset, 22px)), calc(var(--mpss-panel-offset, 22px) + 18px), -62px) scale(0.8);
}

.mpss-story .mpss-hero__content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-block-size: calc(var(--mpss-local-hero-height, 360px) - clamp(56px, 6vw, 88px));
	text-align: center;
}

.mpss-story .mpss-hero__eyebrow {
	margin: 0 0 12px;
	color: var(--mpss-accent-color);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.34em;
	line-height: 1.4;
	text-transform: uppercase;
}

.mpss-story .mpss-hero__visual {
	position: relative;
	display: grid;
	place-items: center;
	inline-size: min(100%, 300px);
	min-block-size: 145px;
	margin: 0 auto 16px;
	color: var(--mpss-heading-color);
	perspective: 1000px;
	transform-style: preserve-3d;
}

.mpss-story .mpss-hero__visual-positioner {
	position: relative;
	display: grid;
	place-items: center;
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: inherit;
	perspective: var(--mpss-hero-perspective, 1000px);
	transform: translate3d(var(--mpss-hero-x, 0px), var(--mpss-hero-y, 0px), 0) rotate(var(--mpss-hero-rotation, 0deg));
	transform-style: preserve-3d;
}

.mpss-story .mpss-hero__decorative-media {
	position: absolute;
	z-index: 3;
	inset: 7% -7% auto auto;
	inline-size: clamp(72px, 17%, 150px);
	block-size: auto;
	max-block-size: 44%;
	object-fit: contain;
	opacity: 0.72;
	filter: grayscale(1) sepia(0.12);
	pointer-events: none;
}

.mpss-story .mpss-hero__title {
	max-inline-size: 100%;
	margin: 0;
	color: inherit;
	font-family: var(--mpss-serif);
	font-size: clamp(42px, 4.2vw, 66px);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 0.98;
	text-wrap: balance;
}

.mpss-story .mpss-hero__subtitle {
	max-inline-size: 34rem;
	margin: 14px auto 0;
	color: var(--mpss-body-color);
	font-size: clamp(16px, 1.4vw, 20px);
	font-weight: 400;
	line-height: 1.45;
	text-wrap: balance;
}

.mpss-story .mpss-hero__support {
	max-inline-size: 34rem;
	margin: 10px auto 0;
	color: var(--mpss-muted-color);
	font-family: var(--mpss-serif);
	font-size: clamp(14px, 1.15vw, 17px);
	font-style: italic;
	line-height: 1.5;
	text-wrap: balance;
}

.mpss-story .mpss-hero__note {
	margin: 19px 0 0;
	color: var(--mpss-accent-color);
	font-size: 0.69rem;
	font-weight: 600;
	letter-spacing: 0.34em;
	line-height: 1.5;
	text-transform: uppercase;
	text-wrap: balance;
}

.mpss-story .mpss-hero__attribution {
	display: block;
	margin: 9px 0 0;
	color: var(--mpss-muted-color);
	font-family: var(--mpss-serif);
	font-size: 0.8rem;
	font-style: italic;
	letter-spacing: 0.04em;
	line-height: 1.4;
}

.mpss-story .mpss-section--psychology .mpss-hero {
	border-color: rgba(205, 181, 138, 0.28);
	background:
		radial-gradient(circle at 50% 27%, rgba(183, 153, 101, 0.17), transparent 28%),
		linear-gradient(145deg, rgba(72, 72, 68, 0.5), rgba(18, 19, 17, 0.66)),
		var(--mpss-section-hero-bg, #20211f);
	box-shadow: 0 34px 76px rgba(31, 29, 25, 0.27), 0 8px 22px rgba(31, 29, 25, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.09);
	color: #faf5ec;
}

.mpss-story .mpss-section--psychology .mpss-hero::before {
	border-color: rgba(211, 184, 135, 0.2);
}

.mpss-story .mpss-section--psychology .mpss-hero__eyebrow,
.mpss-story .mpss-section--psychology .mpss-hero__note {
	color: #cfb886;
}

.mpss-story .mpss-section--psychology .mpss-hero__title {
	color: #faf5ec;
}

.mpss-story .mpss-section--psychology .mpss-hero__subtitle,
.mpss-story .mpss-section--psychology .mpss-hero__support {
	color: #ddd5c8;
}

.mpss-story .mpss-section--psychology .mpss-hero__plate {
	border-color: rgba(255, 255, 255, 0.08);
	background: rgba(47, 46, 43, var(--mpss-panel-opacity, 0.65));
	box-shadow: 0 22px 45px rgba(22, 21, 19, 0.22);
}

.mpss-story .mpss-cards {
	position: relative;
	z-index: 4;
	display: grid;
	inline-size: 100%;
	min-inline-size: 0;
	gap: var(--mpss-card-gap);
}

.mpss-story .mpss-card {
	position: relative;
	display: grid;
	grid-template-rows: calc(var(--mpss-icon-slot-height) + var(--mpss-icon-title-gap)) calc(var(--mpss-title-slot-height) + var(--mpss-title-body-gap)) minmax(0, 1fr) auto;
	align-items: stretch;
	min-inline-size: 0;
	padding: var(--mpss-card-padding);
	border: var(--mpss-card-border-width) solid var(--mpss-card-border);
	border-radius: var(--mpss-card-radius);
	overflow: hidden;
	background:
		linear-gradient(150deg, rgba(255, 255, 255, 0.77), rgba(255, 255, 255, 0.16) 48%, rgba(231, 220, 206, 0.08)),
		var(--mpss-card-background);
	box-shadow: var(--mpss-card-shadow);
	color: var(--mpss-body-color);
	text-align: center;
	transition: border-color 220ms ease, box-shadow 220ms ease;
}

.mpss-story .mpss-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background:
		radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.68), transparent 36%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 33%);
	pointer-events: none;
}

.mpss-story .mpss-card::after {
	content: "";
	position: absolute;
	inset: auto 14% 9px;
	block-size: 12px;
	border-radius: 50%;
	background: rgba(82, 72, 61, 0.06);
	filter: blur(10px);
	pointer-events: none;
}

.mpss-story .mpss-card:hover,
.mpss-story .mpss-card:focus-within {
	border-color: rgba(173, 152, 124, 0.34);
	box-shadow: 0 29px 62px rgba(73, 63, 51, 0.13), 0 5px 14px rgba(73, 63, 51, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

.mpss-story .mpss-card__icon,
.mpss-story .mpss-card__title,
.mpss-story .mpss-card__body-wrap,
.mpss-story .mpss-card__footer {
	position: relative;
	z-index: 2;
	min-inline-size: 0;
}

.mpss-story .mpss-card__icon {
	display: grid;
	place-items: center;
	align-self: stretch;
	inline-size: var(--mpss-icon-container);
	max-inline-size: 100%;
	block-size: var(--mpss-icon-container);
	margin: 0 auto;
	border: 1px solid rgba(160, 145, 124, 0.13);
	border-radius: 50%;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(222, 209, 193, 0.43));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 9px 20px rgba(75, 65, 53, 0.05);
	color: var(--mpss-heading-color);
	overflow: hidden;
}

.mpss-story .mpss-card__title {
	display: flex;
	align-items: center;
	justify-content: center;
	block-size: var(--mpss-title-slot-height);
	margin: 0;
	padding-block: 8px var(--mpss-title-body-gap);
	overflow: hidden;
	color: var(--mpss-heading-color);
	font-family: var(--mpss-serif);
	font-size: clamp(29px, 2.45vw, 40px);
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1.04;
	text-wrap: balance;
	overflow-wrap: anywhere;
}

.mpss-story .mpss-card__body-wrap {
	min-block-size: 0;
	padding: 2px 7px var(--mpss-body-button-gap);
	overflow: auto;
	overscroll-behavior: contain;
	scrollbar-color: rgba(142, 127, 108, 0.42) transparent;
	scrollbar-gutter: stable both-edges;
	scrollbar-width: thin;
}

.mpss-story .mpss-card__body-wrap::-webkit-scrollbar {
	inline-size: 6px;
}

.mpss-story .mpss-card__body-wrap::-webkit-scrollbar-track {
	background: transparent;
}

.mpss-story .mpss-card__body-wrap::-webkit-scrollbar-thumb {
	border: 2px solid transparent;
	border-radius: 999px;
	background: rgba(142, 127, 108, 0.42);
	background-clip: padding-box;
}

.mpss-story .mpss-card__body {
	margin: 0;
	color: var(--mpss-body-color);
	font-size: clamp(15px, 1.18vw, 18px);
	font-weight: 400;
	line-height: 1.52;
	text-wrap: pretty;
	overflow-wrap: anywhere;
}

.mpss-story .mpss-card__bullets {
	display: grid;
	margin: 16px auto 0;
	padding: 0;
	gap: 8px;
	max-inline-size: 31rem;
	color: var(--mpss-body-color);
	font-size: 0.94em;
	line-height: 1.42;
	list-style: none;
	text-align: start;
}

.mpss-story .mpss-card__bullets li {
	position: relative;
	margin: 0;
	padding-inline-start: 18px;
}

.mpss-story .mpss-card__bullets li::before {
	content: "";
	position: absolute;
	inset: 0.58em auto auto 0;
	inline-size: 6px;
	block-size: 6px;
	border-radius: 50%;
	background: var(--mpss-accent-color);
}

.mpss-story .mpss-card__body > :first-child {
	margin-block-start: 0;
}

.mpss-story .mpss-card__body > :last-child {
	margin-block-end: 0;
}

.mpss-story .mpss-card__footer {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	align-self: end;
	min-block-size: 52px;
	padding-block-start: var(--mpss-body-button-gap);
}

.mpss-story .mpss-card__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 44px;
	max-inline-size: 100%;
	padding: var(--mpss-button-padding);
	border: var(--mpss-button-border-width) solid var(--mpss-button-border);
	border-radius: var(--mpss-button-radius);
	background: var(--mpss-button-bg);
	box-shadow: 0 8px 16px rgba(32, 31, 28, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12);
	color: var(--mpss-button-text);
	font-size: 0.94rem;
	font-weight: 600;
	letter-spacing: 0.025em;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	transition: background-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease;
}

.mpss-story .mpss-card__link:hover {
	border-color: var(--mpss-button-hover-border);
	background: var(--mpss-button-hover-bg);
	box-shadow: 0 11px 20px rgba(32, 31, 28, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.14);
	color: var(--mpss-button-hover-text);
	transform: translateY(-1px);
}

.mpss-story .mpss-link__arrow {
	flex: 0 0 auto;
	inline-size: 20px;
	block-size: 20px;
	margin-inline-start: var(--mpss-button-icon-gap);
	overflow: visible;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
	transition: transform 180ms ease;
}

.mpss-story .mpss-button__icon {
	display: inline-grid;
	place-items: center;
	flex: 0 0 auto;
	inline-size: 1em;
	block-size: 1em;
	margin-inline-start: var(--mpss-button-icon-gap);
	line-height: 1;
	transition: transform 180ms ease;
}

.mpss-story .mpss-button__icon i,
.mpss-story .mpss-button__icon svg {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	fill: currentColor;
}

.mpss-story .mpss-card__link:hover .mpss-link__arrow,
.mpss-story .mpss-card__link:focus-visible .mpss-link__arrow,
.mpss-story .mpss-nav__cta:hover .mpss-link__arrow,
.mpss-story .mpss-nav__cta:focus-visible .mpss-link__arrow {
	transform: translateX(4px);
}

.mpss-story .mpss-card__link:hover .mpss-button__icon,
.mpss-story .mpss-card__link:focus-visible .mpss-button__icon,
.mpss-story .mpss-nav__cta:hover .mpss-button__icon,
.mpss-story .mpss-nav__cta:focus-visible .mpss-button__icon {
	transform: translateX(4px);
}

.mpss-story .mpss-link--disabled {
	cursor: default;
	opacity: 0.72;
}

.mpss-story .mpss-media {
	display: block;
	inline-size: 100%;
	max-inline-size: 100%;
	block-size: 100%;
	max-block-size: 100%;
	object-fit: contain;
	object-position: center;
}

.mpss-story .mpss-media img,
.mpss-story .mpss-media svg,
.mpss-story img.mpss-media,
.mpss-story svg.mpss-media {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
	object-position: center;
}

.mpss-story .mpss-card__icon .mpss-media,
.mpss-story .mpss-card__icon img.mpss-media,
.mpss-story .mpss-card__icon svg.mpss-media {
	inline-size: var(--mpss-icon-size);
	block-size: var(--mpss-icon-size);
}

.mpss-story .mpss-fallback-icon {
	display: block;
	inline-size: var(--mpss-icon-size);
	block-size: var(--mpss-icon-size);
	padding: 10%;
	border: 1px solid rgba(125, 112, 96, 0.17);
	border-radius: 50%;
	background: radial-gradient(circle at 38% 30%, rgba(255, 255, 255, 0.9), rgba(204, 191, 175, 0.48));
	box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.82);
	color: var(--mpss-heading-color);
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

/* CSS-built hero fallbacks. Uploaded Elementor media can replace them cleanly. */
.mpss-story .mpss-book {
	position: relative;
	inline-size: min(96%, 310px);
	block-size: 142px;
	filter: drop-shadow(0 18px 14px rgba(62, 53, 43, 0.2));
	transform-style: preserve-3d;
}

.mpss-story .mpss-book::before,
.mpss-story .mpss-book::after {
	content: "";
	position: absolute;
	inset-block: 12px 8px;
	inline-size: 50.5%;
	border: 1px solid rgba(119, 103, 84, 0.2);
	background:
		repeating-linear-gradient(180deg, transparent 0, transparent 17px, rgba(111, 98, 83, 0.09) 18px, transparent 19px),
		linear-gradient(100deg, #e9ded0, #fffdf7 18%, #f5ede3 100%);
	box-shadow: inset 0 0 22px rgba(104, 89, 72, 0.11);
}

.mpss-story .mpss-book::before {
	inset-inline-start: 0;
	border-radius: 11px 3px 22px 8px;
	transform: perspective(500px) rotateY(8deg) rotateZ(1deg);
	transform-origin: right center;
}

.mpss-story .mpss-book::after {
	inset-inline-end: 0;
	border-radius: 3px 11px 8px 22px;
	transform: perspective(500px) rotateY(-8deg) rotateZ(-1deg);
	transform-origin: left center;
}

.mpss-story .mpss-book__cover {
	position: absolute;
	z-index: -1;
	inset: 18px -7px 0;
	border-radius: 10px 10px 18px 18px;
	background: #4a4037;
	box-shadow: 0 7px 0 #2f2924;
}

.mpss-story .mpss-book__shadow {
	position: absolute;
	z-index: -2;
	inset: auto 4% -13px;
	block-size: 23px;
	border-radius: 50%;
	background: rgba(55, 46, 38, 0.23);
	filter: blur(12px);
}

.mpss-story .mpss-book__spine {
	position: absolute;
	z-index: 4;
	inset-block: 12px 6px;
	inset-inline-start: calc(50% - 2px);
	inline-size: 4px;
	border-radius: 50%;
	background: linear-gradient(90deg, rgba(84, 70, 55, 0.36), rgba(255, 255, 255, 0.72), rgba(84, 70, 55, 0.34));
}

.mpss-story .mpss-book__page,
.mpss-story .mpss-book__leaf,
.mpss-story .mpss-book__pages {
	position: absolute;
	z-index: 3;
	inset-block: 18px 16px;
	inline-size: 47%;
	border: 1px solid rgba(130, 113, 92, 0.15);
	border-radius: 8px 4px 16px 7px;
	background: rgba(255, 252, 245, 0.82);
	box-shadow: 0 2px 4px rgba(74, 62, 49, 0.07);
	transform-origin: center right;
}

.mpss-story .mpss-book__page--left {
	inset-inline-start: 2%;
	transform: rotateY(5deg);
}

.mpss-story .mpss-book__page--right {
	inset-inline-end: 2%;
	border-radius: 4px 8px 7px 16px;
	transform: rotateY(-5deg);
	transform-origin: center left;
}

.mpss-story .mpss-book__pages--left {
	inset-inline-start: 1%;
	transform: translateY(5px) rotateY(7deg);
}

.mpss-story .mpss-book__pages--right {
	inset-inline-end: 1%;
	border-radius: 4px 8px 7px 16px;
	transform: translateY(5px) rotateY(-7deg);
	transform-origin: center left;
}

.mpss-story .mpss-book__page--turn {
	inset-inline-end: 3%;
	background: linear-gradient(100deg, rgba(223, 211, 196, 0.92), #fffdf7 38%, #eee4d8);
	transform: rotateY(-9deg);
	transform-origin: center left;
}

.mpss-story .mpss-philosophy {
	position: relative;
	inline-size: 196px;
	block-size: 150px;
	filter: drop-shadow(0 13px 12px rgba(70, 60, 48, 0.14));
}

.mpss-story .mpss-philosophy > svg {
	position: relative;
	z-index: 2;
	inline-size: 100%;
	block-size: 100%;
	overflow: visible;
	fill: none;
	stroke: #776d60;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.2;
}

.mpss-story .mpss-philosophy > svg .mpss-philosophy__laurel {
	fill: rgba(131, 123, 108, 0.22);
	stroke: #817767;
	stroke-width: 1.8;
}

.mpss-story .mpss-philosophy > svg .mpss-philosophy__column {
	fill: none;
	stroke: #8a7d6b;
	stroke-width: 2.25;
}

.mpss-story .mpss-philosophy::before {
	content: "";
	position: absolute;
	inset: 27px 72px 15px;
	border-radius: 4px 4px 12px 12px;
	background: repeating-linear-gradient(90deg, #d7cabc 0 6px, #f8f1e8 6px 12px);
	box-shadow: inset 8px 0 12px rgba(113, 95, 76, 0.09), inset -8px 0 12px rgba(113, 95, 76, 0.09);
}

.mpss-story .mpss-philosophy::after {
	content: "";
	position: absolute;
	inset: 13px 48px auto;
	block-size: 30px;
	border: 1px solid rgba(115, 98, 78, 0.18);
	border-radius: 8px 8px 3px 3px;
	background: linear-gradient(180deg, #fffaf2, #d6c9b9);
	box-shadow: 0 102px 0 -2px #d8cbbb, 0 108px 0 -7px #b9aa97;
}

.mpss-story .mpss-brain {
	position: relative;
	inline-size: 184px;
	block-size: 130px;
	border: 1px solid rgba(226, 203, 160, 0.28);
	border-radius: 48% 52% 45% 55% / 58% 55% 45% 42%;
	background:
		radial-gradient(circle at 30% 38%, #eee5d9 0 8%, transparent 9%),
		radial-gradient(circle at 54% 31%, #cfc1af 0 11%, transparent 12%),
		radial-gradient(circle at 70% 54%, #eee5d9 0 12%, transparent 13%),
		radial-gradient(circle at 39% 67%, #c8baa8 0 13%, transparent 14%),
		linear-gradient(145deg, #f5ede2, #a99b89);
	box-shadow: inset 10px 7px 22px rgba(255, 255, 255, 0.43), inset -12px -9px 20px rgba(70, 60, 48, 0.2), 0 16px 24px rgba(0, 0, 0, 0.24);
}

.mpss-story .mpss-brain::before {
	content: "";
	position: absolute;
	inset: 10px 13px;
	border: 2px solid rgba(80, 69, 56, 0.25);
	border-radius: inherit;
	filter: blur(0.2px);
}

.mpss-story .mpss-brain__shape,
.mpss-story .mpss-brain__core,
.mpss-story .mpss-brain__lobe {
	position: absolute;
	inset: 12%;
	border: 1px solid rgba(83, 71, 57, 0.22);
	border-radius: 46% 54% 51% 49%;
}

.mpss-story svg.mpss-brain__shape {
	z-index: 2;
	inline-size: 76%;
	block-size: 76%;
	border: 0;
	overflow: visible;
}

.mpss-story .mpss-brain__shape path:first-child {
	fill: rgba(236, 225, 210, 0.54);
	stroke: rgba(239, 220, 190, 0.72);
	stroke-width: 2.5;
}

.mpss-story .mpss-brain__shape path:last-child {
	fill: none;
	stroke: rgba(92, 79, 62, 0.55);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}

.mpss-story .mpss-brain__stem {
	position: absolute;
	inset: auto 42% -22px;
	block-size: 34px;
	border-radius: 3px 3px 14px 14px;
	background: linear-gradient(90deg, #958776, #ddd0bf 52%, #887a69);
}

.mpss-story .mpss-brain__glow {
	position: absolute;
	inset: -30%;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(204, 172, 112, 0.22), transparent 61%);
	pointer-events: none;
}

.mpss-story .mpss-orbit {
	position: absolute;
	inset: 50% auto auto 50%;
	inline-size: 128%;
	block-size: 82%;
	border: 1px solid rgba(219, 186, 124, 0.48);
	border-radius: 50%;
	transform: translate(-50%, -50%) rotate(-15deg);
	transform-origin: center;
	pointer-events: none;
}

.mpss-story .mpss-orbit--two {
	inline-size: 92%;
	block-size: 128%;
	transform: translate(-50%, -50%) rotate(56deg);
}

.mpss-story .mpss-orbit--three {
	inline-size: 115%;
	block-size: 68%;
	transform: translate(-50%, -50%) rotate(23deg);
}

.mpss-story .mpss-brain > .mpss-node {
	position: absolute;
	z-index: 4;
	inline-size: 10px;
	block-size: 10px;
	border: 2px solid rgba(255, 247, 229, 0.88);
	border-radius: 50%;
	background: #cfaa63;
	box-shadow: 0 0 0 3px rgba(207, 170, 99, 0.16), 0 0 13px rgba(239, 194, 104, 0.58);
}

.mpss-story .mpss-brain > .mpss-node--one {
	inset: 12% auto auto 17%;
}

.mpss-story .mpss-brain > .mpss-node--two {
	inset: 23% 10% auto auto;
}

.mpss-story .mpss-brain > .mpss-node--three {
	inset: auto 19% 7% auto;
}

.mpss-story .mpss-brain > .mpss-node--four {
	inset: auto auto 13% 9%;
}

.mpss-story .mpss-ethics-art {
	position: relative;
	inline-size: 232px;
	block-size: 158px;
	transform-style: preserve-3d;
}

.mpss-story .mpss-scales {
	position: relative;
	z-index: 2;
	inline-size: 100%;
	block-size: 100%;
	filter: drop-shadow(0 17px 12px rgba(62, 53, 43, 0.18));
}

.mpss-story .mpss-vine {
	position: absolute;
	z-index: 1;
	inset-block: 4% 2%;
	inline-size: 38%;
	opacity: 0.36;
	pointer-events: none;
}

.mpss-story .mpss-vine::before {
	content: "";
	position: absolute;
	inset: 5% 42% 0;
	border-inline-start: 2px solid rgba(112, 117, 86, 0.5);
	border-radius: 50%;
	transform: rotate(18deg);
}

.mpss-story .mpss-vine::after {
	content: "";
	position: absolute;
	inset: 16% 4% 12%;
	background:
		radial-gradient(ellipse at 25% 22%, rgba(121, 127, 92, 0.46) 0 8%, transparent 9%),
		radial-gradient(ellipse at 70% 42%, rgba(121, 127, 92, 0.4) 0 9%, transparent 10%),
		radial-gradient(ellipse at 28% 67%, rgba(121, 127, 92, 0.36) 0 9%, transparent 10%);
}

.mpss-story .mpss-vine--left {
	inset-inline-start: -27%;
	transform: rotate(-13deg);
}

.mpss-story .mpss-vine--right {
	inset-inline-end: -27%;
	transform: scaleX(-1) rotate(-13deg);
}

.mpss-story .mpss-scales > svg {
	inline-size: 100%;
	block-size: 100%;
	overflow: visible;
	fill: none;
	stroke: #514a41;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mpss-story .mpss-scales > svg .mpss-scales__stand {
	fill: none;
	stroke: #4b443b;
	stroke-width: 8;
}

.mpss-story .mpss-scales > svg .mpss-scales__beam {
	fill: rgba(96, 86, 73, 0.13);
	stroke: #61574b;
	stroke-width: 3.4;
}

.mpss-story .mpss-network {
	position: relative;
	inline-size: 185px;
	block-size: 185px;
	border: 1px solid rgba(113, 100, 83, 0.18);
	border-radius: 50%;
	background: radial-gradient(circle at 43% 37%, rgba(255, 255, 255, 0.94), rgba(217, 205, 190, 0.72) 42%, rgba(152, 139, 123, 0.38) 71%, transparent 72%);
	box-shadow: inset 0 0 25px rgba(85, 73, 59, 0.13), 0 15px 24px rgba(73, 62, 49, 0.12);
	transform-style: preserve-3d;
}

.mpss-story .mpss-network > svg {
	position: absolute;
	z-index: 2;
	inset: 4%;
	inline-size: 92%;
	block-size: 92%;
	overflow: visible;
}

.mpss-story .mpss-network__lines {
	fill: none;
	stroke: rgba(70, 62, 53, 0.72);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}

.mpss-story .mpss-network__nodes .mpss-node {
	position: static;
	fill: #675e52;
	stroke: rgba(245, 236, 224, 0.9);
	stroke-width: 2.5;
}

.mpss-story .mpss-network__core {
	position: absolute;
	inset: 38%;
	border-radius: 50%;
	background: linear-gradient(145deg, #918575, #3d3832);
	box-shadow: 0 6px 10px rgba(48, 42, 35, 0.2);
}

.mpss-story .mpss-network__ring {
	position: absolute;
	inset: 12%;
	border: 2px solid rgba(77, 68, 58, 0.54);
	border-radius: 50%;
	transform: rotate(31deg) rotateX(62deg);
}

.mpss-story .mpss-network__ring:nth-child(2) {
	transform: rotate(91deg) rotateX(62deg);
}

.mpss-story .mpss-network__ring:nth-child(3) {
	transform: rotate(151deg) rotateX(62deg);
}

.mpss-story .mpss-network__line {
	position: absolute;
	inset: 50% auto auto 50%;
	inline-size: 74%;
	block-size: 1px;
	background: rgba(69, 61, 52, 0.61);
	transform: translate(-50%, -50%) rotate(36deg);
	transform-origin: center;
}

.mpss-story .mpss-network__line:nth-child(odd) {
	transform: translate(-50%, -50%) rotate(-43deg);
}

.mpss-story .mpss-journal {
	position: relative;
	inline-size: 205px;
	block-size: 154px;
	filter: drop-shadow(0 19px 14px rgba(48, 42, 35, 0.23));
	transform: rotate(-1.5deg);
	transform-style: preserve-3d;
}

.mpss-story .mpss-journal::before {
	content: none;
}

.mpss-story .mpss-journal::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 9px 15px 15px 9px;
	background:
		radial-gradient(circle at 22% 12%, rgba(255, 255, 255, 0.06), transparent 28%),
		repeating-linear-gradient(120deg, rgba(255, 255, 255, 0.018) 0 1px, rgba(0, 0, 0, 0.025) 1px 4px),
		#23231f;
	box-shadow: inset 8px 0 10px rgba(0, 0, 0, 0.24), inset -1px 0 0 rgba(255, 255, 255, 0.08);
}

.mpss-story .mpss-journal__book,
.mpss-story .mpss-journal__cover {
	position: absolute;
	z-index: 2;
	inset: 0;
	border-radius: 9px 15px 15px 9px;
	background: #23231f;
	box-shadow: inset 8px 0 10px rgba(0, 0, 0, 0.24);
}

.mpss-story .mpss-journal__page,
.mpss-story .mpss-journal__paper {
	position: absolute;
	z-index: 1;
	inset: -10px -14px 12px 18px;
	border-radius: 3px;
	background: #eee3d4;
	box-shadow: 0 4px 10px rgba(55, 47, 38, 0.09);
}

.mpss-story .mpss-journal__band {
	position: absolute;
	z-index: 4;
	inset-block: 0;
	inset-inline-end: 22px;
	inline-size: 9px;
	background: #0d0d0c;
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08), 2px 0 3px rgba(0, 0, 0, 0.2);
}

.mpss-story .mpss-journal__pen {
	position: absolute;
	z-index: 5;
	inset: 73px -6px auto auto;
	inline-size: 130px;
	block-size: 10px;
	border-radius: 999px;
	background: linear-gradient(180deg, #34332f, #090909 64%);
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.31);
	transform: rotate(-43deg);
	transform-origin: center;
}

.mpss-story .mpss-journal__pen::after {
	content: "";
	position: absolute;
	inset: 1px -12px auto auto;
	inline-size: 15px;
	block-size: 8px;
	background: #a78c58;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.mpss-story .mpss-journal__paper--back {
	z-index: 0;
	inset: -17px -4px 22px 3px;
}

.mpss-story .mpss-journal__paper--middle {
	z-index: 1;
	inset: -11px -11px 16px 11px;
}

.mpss-story .mpss-journal__paper--layer-1 {
	z-index: 1;
	inset: -9px -15px 13px 13px;
	transform: rotate(4deg) translateZ(-8px);
}

.mpss-story .mpss-journal__paper--layer-2 {
	z-index: 0;
	inset: -16px -3px 21px 2px;
	transform: rotate(-5deg) translateZ(-16px);
}

.mpss-story .mpss-journal__paper--layer-3 {
	z-index: -1;
	inset: -20px -18px 25px 17px;
	transform: rotate(7deg) translateZ(-24px);
}

.mpss-story .mpss-journal__paper--layer-4 {
	z-index: -2;
	inset: -25px 3px 29px -2px;
	transform: rotate(-8deg) translateZ(-32px);
}

.mpss-story .mpss-journal__pen-image {
	position: absolute;
	z-index: 6;
	inset: 37% -8% auto auto;
	inline-size: 68%;
	block-size: auto;
	max-block-size: 34%;
	object-fit: contain;
	filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.26));
	transform: rotate(-43deg);
}

.mpss-story .mpss-journal__label {
	position: absolute;
	z-index: 5;
	inset: 48% auto auto 50%;
	color: #dfceb0;
	font-family: var(--mpss-serif);
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.28em;
	line-height: 1;
	transform: translate(-50%, -50%);
}

/*
 * Desktop scroll-story state. The ordinary document-flow layout above remains
 * the no-JavaScript, editor, narrow-screen, and reduced-motion fallback.
 */
.mpss-story.mpss-is-enhanced .mpss-master-stage {
	position: relative;
	isolation: isolate;
	inline-size: 100%;
	block-size: calc(100vh - var(--mpss-viewport-offset));
	block-size: calc(100svh - var(--mpss-viewport-offset));
	min-block-size: min(620px, calc(100svh - var(--mpss-viewport-offset)));
	overflow: hidden;
	overflow: clip;
	background: var(--mpss-background);
}

.mpss-story.mpss-is-enhanced .mpss-transition-layer {
	display: block;
}

.mpss-story.mpss-is-enhanced .mpss-section {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	overflow: hidden;
	overflow: clip;
}

.mpss-story.mpss-is-enhanced .mpss-section__inner {
	transform: scale(var(--mpss-stage-scale));
	transform-origin: 50% 0;
}

.mpss-story.mpss-is-enhanced .mpss-nav {
	grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr);
}

.mpss-story.mpss-is-enhanced .mpss-nav__links {
	grid-column: auto;
	grid-row: auto;
	justify-content: center;
	flex-wrap: nowrap;
}

.mpss-story.mpss-is-enhanced .mpss-story-stage {
	display: grid;
	grid-template-areas: "left hero right";
	grid-template-columns: minmax(150px, 1fr) minmax(360px, var(--mpss-local-hero-width, var(--mpss-hero-width))) minmax(150px, 1fr);
	min-block-size: 382px;
}

.mpss-story.mpss-is-enhanced .mpss-decor {
	display: block;
}

.mpss-story.mpss-is-enhanced .mpss-hero {
	min-block-size: var(--mpss-local-hero-height, 360px);
}

.mpss-story.mpss-is-enhanced .mpss-cards {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: var(--mpss-card-height);
	align-items: stretch;
}

.mpss-story.mpss-is-enhanced .mpss-card {
	grid-template-rows: calc(var(--mpss-icon-slot-height) + var(--mpss-icon-title-gap)) calc(var(--mpss-title-slot-height) + var(--mpss-title-body-gap)) minmax(0, 1fr) auto;
	block-size: var(--mpss-card-height);
	min-block-size: var(--mpss-card-height);
	max-block-size: var(--mpss-card-height);
}

.mpss-story.mpss-is-enhanced .mpss-card__title {
	block-size: var(--mpss-title-slot-height);
	overflow: hidden;
}

.mpss-story.mpss-is-enhanced .mpss-card__body-wrap {
	min-block-size: 0;
	overflow: auto;
	overscroll-behavior: auto;
	scrollbar-gutter: stable both-edges;
}

.mpss-story.mpss-is-enhanced .mpss-card__footer {
	min-block-size: 52px;
}

.mpss-story.mpss-is-static .mpss-section,
.mpss-story.mpss-is-static .mpss-decor,
.mpss-story.mpss-is-static .mpss-hero,
.mpss-story.mpss-is-static .mpss-card {
	opacity: 1 !important;
	visibility: visible !important;
}

.mpss-story.mpss-is-static .mpss-master-stage {
	block-size: auto;
	min-block-size: 0;
	overflow: visible;
}

.mpss-story.mpss-is-static .mpss-transition-layer {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

.mpss-story.mpss-is-static .mpss-section {
	position: relative;
	inset: auto;
	block-size: auto;
	pointer-events: auto !important;
}

@media (min-width: 1025px) {
	.mpss-story .mpss-section {
		min-block-size: var(--mpss-section-min-height);
	}

	.mpss-story .mpss-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-auto-rows: var(--mpss-card-height);
		align-items: stretch;
	}

	.mpss-story .mpss-card {
		block-size: var(--mpss-card-height);
		min-block-size: var(--mpss-card-height);
		max-block-size: var(--mpss-card-height);
	}
}

@media (max-width: 1180px) and (min-width: 1025px) {
	.mpss-story {
		--mpss-card-padding: 24px;
		--mpss-icon-slot-height: 88px;
		--mpss-title-slot-height: 76px;
	}

	.mpss-story .mpss-nav {
		grid-template-columns: minmax(170px, 1fr) auto minmax(170px, 1fr);
	}

	.mpss-story .mpss-nav__links {
		gap: 22px;
	}

	.mpss-story .mpss-story-stage {
		grid-template-columns: minmax(125px, 1fr) minmax(360px, var(--mpss-local-hero-width, var(--mpss-hero-width))) minmax(125px, 1fr);
		gap: 22px;
	}
}

@media (max-width: 1024px) {
	.mpss-story {
		--mpss-section-padding: 42px clamp(18px, 4vw, 38px) 64px;
		--mpss-card-padding: 26px;
	}

	.mpss-story .mpss-section {
		min-block-size: 0;
	}

	.mpss-story .mpss-nav {
		grid-template-columns: minmax(180px, 1fr) auto;
		margin-block-end: 36px;
		gap: 16px 24px;
	}

	.mpss-story .mpss-nav__links {
		grid-column: 1 / -1;
		grid-row: 2;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 6px 26px;
	}

	.mpss-story .mpss-story-stage {
		display: block;
		min-block-size: 0;
		margin-block-end: 34px;
	}

	.mpss-story .mpss-decor {
		display: none;
	}

	.mpss-story .mpss-hero {
		inline-size: min(100%, var(--mpss-local-hero-width, var(--mpss-hero-width)));
		min-block-size: 0;
		margin-inline: auto;
	}

	.mpss-story .mpss-hero__content {
		min-block-size: 0;
	}

	.mpss-story .mpss-cards {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}

	.mpss-story .mpss-card {
		grid-template-rows: auto auto auto auto;
		block-size: auto;
		min-block-size: 0;
		max-block-size: none;
	}

	.mpss-story .mpss-card__icon {
		inline-size: var(--mpss-icon-container);
		margin-block-end: 8px;
	}

	.mpss-story .mpss-card__title {
		block-size: auto;
		min-block-size: 0;
		overflow: visible;
	}

	.mpss-story .mpss-card__body-wrap {
		min-block-size: 0;
		padding-block-end: 8px;
		overflow: visible;
		scrollbar-gutter: auto;
	}

	.mpss-story .mpss-card__footer {
		min-block-size: 48px;
	}
}

@media (max-width: 620px) {
	.mpss-story {
		font-size: 15px;
	}

	.mpss-story .mpss-nav {
		grid-template-columns: 1fr;
	}

	.mpss-story .mpss-nav__brand,
	.mpss-story .mpss-nav__action,
	.mpss-story .mpss-nav__cta {
		justify-self: start;
	}

	.mpss-story .mpss-nav__action {
		justify-content: flex-start;
	}

	.mpss-story .mpss-nav__links {
		grid-column: 1;
		grid-row: auto;
	}

	.mpss-story .mpss-nav__cta {
		min-block-size: 46px;
	}

	.mpss-story .mpss-hero {
		padding: 25px 20px 28px;
		border-radius: 25px;
	}

	.mpss-story .mpss-hero__plates {
		display: none;
	}

	.mpss-story .mpss-hero__visual {
		min-block-size: 128px;
	}

	.mpss-story .mpss-card {
		border-radius: 24px;
	}
}

@media (hover: none), (pointer: coarse) {
	.mpss-story .mpss-card:hover,
	.mpss-story .mpss-nav__cta:hover {
		transform: none;
		translate: none;
	}
}

@media (hover: hover) and (pointer: fine) {
	.mpss-story .mpss-card {
		transition: translate 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
	}

	.mpss-story .mpss-card:hover,
	.mpss-story .mpss-card:focus-within {
		translate: 0 -4px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mpss-story .mpss-transition-layer {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}

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

	.mpss-story .mpss-card:hover,
	.mpss-story .mpss-card:focus-within,
	.mpss-story .mpss-nav__cta:hover,
	.mpss-story .mpss-card__link:hover,
	.mpss-story .mpss-link__arrow,
	.mpss-story .mpss-button__icon {
		transform: none;
		translate: none;
	}
}