/* ==========================================================================
   Marona Theme 1.0.6
   ========================================================================== */

:root {
	--marona-green: #23463B;
	--marona-green-deep: #173129;
	--marona-rosa: #6E2635;
	--marona-pietra: #2F3132;
	--marona-latte: #F3EFE7;
	--marona-marmara: #D8D9D6;
	--marona-white: #FFFFFF;

	--marona-font-body: "DanaFaNum", Tahoma, Arial, sans-serif;
	--marona-font-heading: "AnjomanFaNum", "DanaFaNum", Tahoma, Arial, sans-serif;
	--marona-font-display: "Staatliches", Arial, sans-serif;

	--marona-content: 1280px;
	--marona-wide: 1440px;

	--marona-radius-sm: 8px;
	--marona-radius-md: 16px;
	--marona-radius-lg: 28px;

	--marona-shadow-soft: 0 18px 50px rgba(47, 49, 50, .08);
	--marona-shadow-header: 0 10px 30px rgba(20, 32, 28, .05);
}

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

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--marona-latte);
	color: var(--marona-pietra);
	font-family: var(--marona-font-body);
	line-height: 1.8;
	direction: rtl;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--marona-font-heading);
	font-weight: 700;
}

button,
input,
textarea,
select,
.mro-theme-nav,
.mro-theme-mobile-nav,
.marona-button,
.mro-footer {
	font-family: var(--marona-font-body);
}

.marona-eyebrow,
.mro-footer-kicker {
	font-family: var(--marona-font-display);
	font-weight: 400;
	letter-spacing: .16em;
}

body.marona-menu-open {
	overflow: hidden;
}

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

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

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

button {
	color: inherit;
}

.marona-container {
	width: min(calc(100% - 48px), var(--marona-content));
	margin-inline: auto;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */

#mro-theme-header.mro-theme-header {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	position: sticky !important;
	top: 0;
	left: auto !important;
	right: auto !important;
	z-index: 10000 !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: rgba(255, 255, 255, .97) !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(47, 49, 50, .08) !important;
	box-shadow: var(--marona-shadow-header) !important;
	backdrop-filter: blur(16px);
	clip: auto !important;
	clip-path: none !important;
	overflow: visible !important;
}

.admin-bar .marona-header {
	top: 32px;
}

.mro-theme-header__inner {
	min-height: 82px;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 30px;
}

.mro-theme-brand {
	display: flex;
	align-items: center;
	width: 190px;
	direction: ltr;
}

.mro-theme-brand__image {
	width: 100%;
	max-height: 58px;
	object-fit: contain;
	object-position: center;
	mix-blend-mode: multiply;
}

.mro-theme-nav {
	justify-self: center;
}

.mro-theme-nav__list,
.mro-theme-nav .menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(14px, 1.6vw, 28px);
	list-style: none;
	margin: 0;
	padding: 0;
}

.mro-theme-nav__list li,
.mro-theme-nav .menu li {
	position: relative;
}

.mro-theme-nav__list a,
.mro-theme-nav .menu a {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	transition: color .2s ease;
}

.mro-theme-nav__list a::after,
.mro-theme-nav .menu a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 4px;
	width: 0;
	height: 1px;
	background: var(--marona-green);
	transition: width .2s ease;
}

.mro-theme-nav__list a:hover,
.mro-theme-nav .menu a:hover {
	color: var(--marona-green);
}

.mro-theme-nav__list a:hover::after,
.mro-theme-nav .menu a:hover::after {
	width: 100%;
}

.mro-theme-header__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-self: end;
}

.mro-theme-header__phone {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	direction: ltr;
	font-size: 13px;
	font-weight: 700;
}

.mro-theme-header__phone svg,
.mro-theme-mobile-contact svg {
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.marona-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 24px;
	border: 1px solid var(--marona-green);
	border-radius: var(--marona-radius-sm);
	background: var(--marona-green);
	color: var(--marona-white);
	font-weight: 600;
	transition:
		transform .2s ease,
		background .2s ease,
		border-color .2s ease,
		color .2s ease;
}

.marona-button:hover {
	transform: translateY(-1px);
	background: var(--marona-green-deep);
	border-color: var(--marona-green-deep);
}

.marona-button--small {
	min-height: 44px;
	padding-inline: 18px;
	font-size: 13px;
}

.marona-button--outline {
	background: transparent;
	color: var(--marona-green);
}

.marona-button--outline:hover {
	color: var(--marona-white);
}

.marona-button--light {
	background: var(--marona-white);
	border-color: var(--marona-white);
	color: var(--marona-green-deep);
}

.mro-theme-mobile-toggle,
.mro-theme-mobile-contact {
	display: none;
}

/* --------------------------------------------------------------------------
   Mobile drawer
   -------------------------------------------------------------------------- */

.mro-theme-mobile-overlay {
	position: fixed;
	inset: 0;
	z-index: 10020;
	background: rgba(23, 49, 41, .42);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
}

.mro-theme-mobile-drawer {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10030;
	width: min(calc(88vw - 12px), 378px);
	height: 100dvh;
	padding: 24px;
	display: flex;
	flex-direction: column;
	background: var(--marona-latte);
	transform: translateX(102%);
	transition: transform .28s ease;
	box-shadow: -30px 0 70px rgba(23, 49, 41, .16);
}

.mro-theme-menu-open .mro-theme-mobile-overlay {
	opacity: 1;
	visibility: visible;
}

.mro-theme-menu-open .mro-theme-mobile-drawer {
	transform: translateX(0);
}

.mro-theme-mobile-drawer__head {
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(47, 49, 50, .1);
}

.mro-theme-mobile-drawer__head strong {
	letter-spacing: .16em;
	direction: ltr;
}

.mro-theme-mobile-close {
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
}

.mro-theme-mobile-nav {
	padding-block: 22px;
}

.mro-theme-mobile-nav__list,
.mro-theme-mobile-nav .menu,
.mro-theme-mobile-nav .mro-theme-nav__list {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mro-theme-mobile-nav li {
	border-bottom: 1px solid rgba(47, 49, 50, .08);
}

.mro-theme-mobile-nav a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 54px;
	font-size: 16px;
	font-weight: 700;
}

.mro-theme-mobile-drawer__footer {
	margin-top: auto;
	padding-top: 20px;
	display: grid;
	gap: 14px;
}

.mro-theme-mobile-drawer__phone {
	text-align: center;
	direction: ltr;
	font-weight: 700;
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.marona-home-hero {
	min-height: 670px;
	display: grid;
	align-items: center;
	padding-block: 88px;
	overflow: hidden;
	background:
		radial-gradient(circle at 12% 20%, rgba(35, 70, 59, .12), transparent 33%),
		linear-gradient(135deg, #fff, var(--marona-latte));
}

.marona-home-hero__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(400px, .85fr);
	align-items: center;
	gap: 70px;
}

.marona-home-hero__copy {
	max-width: 720px;
}

.marona-eyebrow {
	margin: 0 0 15px;
	color: var(--marona-green);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .18em;
	direction: ltr;
	text-align: right;
}

.marona-home-hero h1 {
	margin: 0;
	max-width: 780px;
	font-size: clamp(48px, 5.2vw, 80px);
	line-height: 1.22;
	font-weight: 800;
	letter-spacing: -.035em;
}

.marona-home-hero h1 span {
	display: block;
	color: var(--marona-green);
}

.marona-home-hero__text {
	max-width: 650px;
	margin: 28px 0 0;
	font-size: 17px;
	color: rgba(47, 49, 50, .72);
}

.marona-home-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 34px;
}

.marona-home-hero__visual {
	position: relative;
	min-height: 470px;
}

.marona-stone-surface {
	position: absolute;
	border-radius: 2px;
	box-shadow: 0 28px 70px rgba(24, 40, 35, .18);
	overflow: hidden;
}

.marona-stone-surface::before,
.marona-stone-surface::after {
	content: "";
	position: absolute;
	inset: -20%;
	opacity: .55;
	background:
		linear-gradient(113deg, transparent 35%, rgba(255,255,255,.48) 36%, transparent 38%),
		linear-gradient(69deg, transparent 51%, rgba(255,255,255,.35) 52%, transparent 54%);
	transform: rotate(-8deg);
}

.marona-stone-surface--green {
	inset: 20px 110px 35px 15px;
	background:
		radial-gradient(circle at 24% 30%, rgba(230,240,231,.22), transparent 22%),
		linear-gradient(135deg, #17342b, #274b3f 50%, #132b24);
}

.marona-stone-surface--rosa {
	width: 230px;
	height: 285px;
	left: 0;
	bottom: 0;
	background:
		radial-gradient(circle at 65% 30%, rgba(238,206,193,.12), transparent 20%),
		linear-gradient(145deg, #5b1f2d, #7d3040 50%, #451722);
	transform: translate(-10%, 5%);
}

.marona-stone-surface--pietra {
	width: 185px;
	height: 225px;
	right: 20px;
	top: 10px;
	background:
		linear-gradient(130deg, #222526, #424648 55%, #272a2b);
	transform: translate(10%, 0);
}

.marona-home-hero__visual > span {
	position: absolute;
	right: 40px;
	bottom: -8px;
	z-index: 2;
	font-size: clamp(52px, 6vw, 86px);
	font-weight: 800;
	letter-spacing: .18em;
	color: rgba(35,70,59,.11);
	direction: ltr;
}

/* --------------------------------------------------------------------------
   Brand strip
   -------------------------------------------------------------------------- */

.marona-brand-strip {
	background: var(--marona-green-deep);
	color: var(--marona-white);
}

.marona-brand-strip__grid {
	min-height: 114px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: center;
}

.marona-brand-strip__grid > div {
	min-height: 62px;
	padding-inline: 28px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-left: 1px solid rgba(255,255,255,.15);
}

.marona-brand-strip__grid > div:last-child {
	border-left: 0;
}

.marona-brand-strip strong {
	font-size: 15px;
}

.marona-brand-strip span {
	margin-top: 3px;
	color: rgba(255,255,255,.62);
	font-size: 12px;
}

/* --------------------------------------------------------------------------
   Foundation / content
   -------------------------------------------------------------------------- */

.marona-foundation,
.marona-content {
	padding-block: 100px;
	background: var(--marona-white);
}

.marona-section-heading {
	margin-bottom: 40px;
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 40px;
}

.marona-section-heading h1,
.marona-section-heading h2 {
	margin: 0;
	font-size: clamp(32px, 4vw, 52px);
}

.marona-section-heading > p {
	max-width: 500px;
	margin: 0;
	color: rgba(47,49,50,.62);
}

.marona-foundation__grid,
.marona-archive-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.marona-card {
	min-height: 225px;
	padding: 28px;
	border: 1px solid rgba(47, 49, 50, .1);
	border-radius: var(--marona-radius-md);
	background: var(--marona-white);
	box-shadow: var(--marona-shadow-soft);
}

.marona-card > span {
	color: var(--marona-green);
	font-weight: 800;
}

.marona-card h3 {
	margin: 36px 0 8px;
	font-size: 22px;
	direction: ltr;
	text-align: right;
}

.marona-card p {
	margin: 0;
	color: rgba(47, 49, 50, .67);
	font-size: 14px;
}

/* --------------------------------------------------------------------------
   CTA
   -------------------------------------------------------------------------- */

.marona-home-cta {
	padding-block: 82px;
	background:
		radial-gradient(circle at 12% 20%, rgba(255,255,255,.06), transparent 28%),
		var(--marona-green-deep);
	color: var(--marona-white);
}

.marona-home-cta__box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 42px;
}

.marona-home-cta__box h2 {
	max-width: 800px;
	margin: 0;
	font-size: clamp(30px, 4vw, 54px);
	line-height: 1.45;
}

.marona-home-cta__box .marona-eyebrow {
	color: rgba(255,255,255,.55);
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

.mro-theme-footer {
	padding-block: 48px;
	background: #202323;
	color: var(--marona-white);
}

.mro-theme-footer__inner {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	align-items: center;
	gap: 40px;
}

.mro-theme-footer__logo {
	width: 170px;
	max-height: 70px;
	object-fit: contain;
	object-position: right center;
	filter: invert(1);
	mix-blend-mode: screen;
}

.mro-theme-footer__brand-wrap p {
	margin: 10px 0 0;
	color: rgba(255,255,255,.55);
	font-size: 13px;
}

.mro-theme-footer__menu {
	display: flex;
	justify-content: center;
	gap: 18px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

.mro-theme-footer__meta {
	display: grid;
	gap: 4px;
	text-align: left;
	direction: ltr;
}

.mro-theme-footer__meta strong {
	letter-spacing: .14em;
}

.mro-theme-footer__meta span {
	color: rgba(255,255,255,.55);
	font-size: 12px;
}

.marona-entry {
	max-width: 920px;
}

.marona-entry h1 {
	font-size: clamp(36px, 5vw, 64px);
	line-height: 1.3;
}

.marona-entry__content {
	font-size: 17px;
}

/* --------------------------------------------------------------------------
   Tablet
   -------------------------------------------------------------------------- */

@media (max-width: 1180px) {
	.mro-theme-header__inner {
		gap: 18px;
	}

	.mro-theme-brand {
		width: 155px;
	}

	.mro-theme-nav__list,
	.mro-theme-nav .menu {
		gap: 14px;
	}

	.mro-theme-nav__list a,
	.mro-theme-nav .menu a {
		font-size: 12px;
	}

	.mro-theme-header__phone span {
		display: none;
	}
}

@media (max-width: 1024px) {
	.admin-bar .marona-header {
		top: 32px;
	}

	.mro-theme-header__inner {
		min-height: 72px;
		grid-template-columns: 42px 1fr 42px;
		gap: 12px;
	}

	.mro-theme-brand {
		justify-self: center;
		width: 170px;
	}

	.mro-theme-nav,
	.mro-theme-header__actions {
		display: none;
	}

	.mro-theme-mobile-toggle,
	.mro-theme-mobile-contact {
		display: flex;
	}

	.mro-theme-mobile-toggle {
		width: 42px;
		height: 42px;
		padding: 9px 8px;
		border: 0;
		background: transparent;
		flex-direction: column;
		justify-content: center;
		gap: 5px;
		cursor: pointer;
	}

	.mro-theme-mobile-toggle span {
		width: 25px;
		height: 2px;
		display: block;
		background: var(--marona-green-deep);
		border-radius: 2px;
	}

	.mro-theme-mobile-contact {
		width: 42px;
		height: 42px;
		align-items: center;
		justify-content: center;
		justify-self: end;
		color: var(--marona-green-deep);
	}

	.marona-home-hero {
		min-height: auto;
		padding-block: 74px;
	}

	.marona-home-hero__layout {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.marona-home-hero__copy {
		max-width: 760px;
	}

	.marona-home-hero__visual {
		min-height: 420px;
		max-width: 650px;
		width: 100%;
		margin-inline: auto;
	}

	.marona-foundation__grid,
	.marona-archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mro-theme-footer__inner {
		grid-template-columns: 1fr auto;
	}

	.mro-theme-footer__nav {
		display: none;
	}
}

/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 782px) {
	.admin-bar .marona-header {
		top: 46px;
	}
}

@media (max-width: 640px) {
	.marona-container {
		width: min(calc(100% - 28px), var(--marona-content));
	}

	.mro-theme-header__inner {
		min-height: 66px;
	}

	.mro-theme-brand {
		width: 155px;
	}

	.mro-theme-brand__image {
		max-height: 48px;
	}

	.marona-home-hero {
		padding-block: 58px 70px;
	}

	.marona-home-hero h1 {
		font-size: 42px;
	}

	.marona-home-hero__text {
		margin-top: 20px;
		font-size: 15px;
	}

	.marona-home-hero__actions {
		flex-direction: column;
		margin-top: 28px;
	}

	.marona-home-hero__actions .marona-button {
		width: 100%;
	}

	.marona-home-hero__visual {
		min-height: 310px;
	}

	.marona-stone-surface--green {
		inset: 0 65px 20px 0;
	}

	.marona-stone-surface--rosa {
		width: 145px;
		height: 185px;
	}

	.marona-stone-surface--pietra {
		width: 118px;
		height: 150px;
		right: 0;
	}

	.marona-brand-strip__grid {
		grid-template-columns: repeat(2, 1fr);
		padding-block: 18px;
	}

	.marona-brand-strip__grid > div {
		min-height: 78px;
		padding-inline: 14px;
		border-bottom: 1px solid rgba(255,255,255,.12);
	}

	.marona-brand-strip__grid > div:nth-child(2n) {
		border-left: 0;
	}

	.marona-section-heading {
		display: block;
	}

	.marona-section-heading > p {
		margin-top: 14px;
	}

	.marona-foundation,
	.marona-content {
		padding-block: 70px;
	}

	.marona-foundation__grid,
	.marona-archive-grid {
		grid-template-columns: 1fr;
	}

	.marona-card {
		min-height: 190px;
	}

	.marona-home-cta {
		padding-block: 62px;
	}

	.marona-home-cta__box {
		display: block;
	}

	.marona-home-cta__box .marona-button {
		width: 100%;
		margin-top: 28px;
	}

	.mro-theme-footer__inner {
		grid-template-columns: 1fr;
	}

	.mro-theme-footer__meta {
		text-align: right;
	}
}


/* ==========================================================================
   Marona 0.2.1 — header isolation from legacy theme/plugin styles
   ========================================================================== */

#mro-theme-header,
#mro-theme-header *,
#mro-theme-header *::before,
#mro-theme-header *::after {
	box-sizing: border-box;
}

#mro-theme-header .mro-theme-header__inner {
	display: grid !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	height: auto !important;
	min-height: 82px !important;
	margin-inline: auto !important;
	transform: none !important;
}

#mro-theme-header .mro-theme-brand,
#mro-theme-header .mro-theme-nav,
#mro-theme-header .mro-theme-header__actions {
	visibility: visible !important;
	opacity: 1 !important;
}

@media (max-width: 1024px) {
	#mro-theme-header .mro-theme-header__inner {
		min-height: 72px !important;
	}

	#mro-theme-header .mro-theme-nav,
	#mro-theme-header .mro-theme-header__actions {
		display: none !important;
	}

	#mro-theme-header .mro-theme-mobile-toggle,
	#mro-theme-header .mro-theme-mobile-contact {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

@media (max-width: 640px) {
	#mro-theme-header .mro-theme-header__inner {
		min-height: 66px !important;
	}
}


/* ==========================================================================
   Marona 0.2.3 — official logo assets + preview-safe template parts
   ========================================================================== */

#mro-theme-header .mro-theme-brand {
	width: 190px !important;
	min-width: 150px;
	height: 58px;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	overflow: visible !important;
}

#mro-theme-header .mro-theme-brand__image {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-width: 190px !important;
	max-height: 58px !important;
	object-fit: contain !important;
	object-position: center !important;
	mix-blend-mode: normal !important;
	filter: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}

#mro-theme-footer .mro-theme-footer__logo {
	display: block !important;
	width: 175px !important;
	height: auto !important;
	max-height: 70px !important;
	object-fit: contain !important;
	filter: none !important;
	mix-blend-mode: normal !important;
	opacity: 1 !important;
}

#mro-theme-header .mro-theme-nav__list,
#mro-theme-header .mro-theme-nav .menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(14px, 1.6vw, 28px);
	list-style: none;
	margin: 0;
	padding: 0;
}

#mro-theme-header .mro-theme-nav__list li {
	position: relative;
}

#mro-theme-header .mro-theme-nav__list a {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}

#mro-theme-footer .mro-theme-footer__menu {
	display: flex;
	justify-content: center;
	gap: 18px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

@media (max-width: 1024px) {
	#mro-theme-header .mro-theme-brand {
		width: 168px !important;
		justify-self: center !important;
	}

	#mro-theme-header .mro-theme-brand__image {
		max-width: 168px !important;
		max-height: 50px !important;
	}
}

@media (max-width: 640px) {
	#mro-theme-header .mro-theme-brand {
		width: 150px !important;
	}

	#mro-theme-header .mro-theme-brand__image {
		max-width: 150px !important;
		max-height: 45px !important;
	}
}


/* ==========================================================================
   Marona 0.2.4 — Brand strip restore
   ========================================================================== */

.marona-brand-strip {
	display: block !important;
	width: 100%;
	background: var(--marona-green-deep) !important;
	color: var(--marona-white) !important;
}

.marona-brand-strip .marona-brand-strip__grid {
	min-height: 114px !important;
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	align-items: stretch !important;
}

.marona-brand-strip .marona-brand-strip__grid > div {
	min-height: 114px !important;
	padding: 20px 28px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	border-left: 1px solid rgba(255,255,255,.14) !important;
	color: var(--marona-white) !important;
}

.marona-brand-strip .marona-brand-strip__grid > div:last-child {
	border-left: 0 !important;
}

.marona-brand-strip strong {
	display: block;
	font-size: 15px !important;
	font-weight: 800;
	color: var(--marona-white) !important;
}

.marona-brand-strip span {
	display: block;
	margin-top: 4px !important;
	font-size: 12px !important;
	color: rgba(255,255,255,.62) !important;
}


@media (max-width: 640px) {
	.marona-brand-strip .marona-brand-strip__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		padding-block: 0 !important;
	}

	.marona-brand-strip .marona-brand-strip__grid > div {
		min-height: 92px !important;
		padding: 16px !important;
		border-bottom: 1px solid rgba(255,255,255,.12) !important;
	}

	.marona-brand-strip .marona-brand-strip__grid > div:nth-child(2n) {
		border-left: 0 !important;
	}
}


/* ==========================================================================
   Marona 0.2.5 — Final lead-focused footer
   ========================================================================== */

#mro-theme-footer.mro-theme-footer {
	position: relative;
	overflow: hidden;
	background: #191d1c !important;
	color: #fff;
}

#mro-theme-footer.mro-theme-footer::before {
	content: "";
	position: absolute;
	inset: 150px 0 44px;
	pointer-events: none;
	opacity: .22;
	background:
		linear-gradient(110deg, transparent 0 19%, rgba(255,255,255,.12) 19.1% 19.25%, transparent 19.35% 100%),
		linear-gradient(74deg, transparent 0 34%, rgba(255,255,255,.08) 34.1% 34.22%, transparent 34.32% 100%),
		repeating-linear-gradient(90deg, transparent 0 118px, rgba(255,255,255,.035) 119px 120px),
		repeating-linear-gradient(0deg, transparent 0 86px, rgba(255,255,255,.025) 87px 88px);
}

.mro-footer-consultation,
.mro-footer-main,
.mro-footer-bottom {
	position: relative;
	z-index: 2;
}

.mro-footer-consultation {
	border-bottom: 1px solid rgba(255,255,255,.08);
	background: rgba(255,255,255,.025);
}

.mro-footer-consultation__inner {
	min-height: 160px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 44px;
}

.mro-footer-kicker {
	margin: 0 0 7px;
	color: rgba(255,255,255,.45);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .18em;
	direction: ltr;
	text-align: right;
}

.mro-footer-consultation__copy h2 {
	margin: 0;
	font-size: clamp(25px, 2.2vw, 36px);
	line-height: 1.5;
}

.mro-footer-consultation__copy > p:last-child {
	max-width: 650px;
	margin: 8px 0 0;
	color: rgba(255,255,255,.58);
	font-size: 13px;
}

.mro-footer-consultation__actions {
	display: flex;
	align-items: center;
	gap: 24px;
	flex: 0 0 auto;
}

.mro-footer-phone {
	min-width: 170px;
	display: grid;
	gap: 1px;
	text-align: center;
	direction: ltr;
}

.mro-footer-phone strong {
	font-size: 17px;
	letter-spacing: .02em;
}

.mro-footer-phone span {
	color: rgba(255,255,255,.45);
	font-size: 11px;
	direction: rtl;
}

.mro-footer-main {
	padding-block: 64px 58px;
}

.mro-footer-grid {
	display: grid;
	grid-template-columns: 1.35fr .85fr .8fr 1.35fr;
	gap: clamp(34px, 4vw, 72px);
	align-items: start;
}

.mro-footer-brand__title {
	margin: 16px 0 0;
	font-size: 16px;
	font-weight: 800;
}

.mro-footer-brand__text {
	max-width: 430px;
	margin: 12px 0 0;
	color: rgba(255,255,255,.58);
	font-size: 13px;
	line-height: 2;
}

.mro-footer-whatsapp {
	display: inline-flex;
	margin-top: 22px;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(255,255,255,.32);
	color: rgba(255,255,255,.85);
	font-size: 12px;
	font-weight: 700;
}

.mro-footer-column h3 {
	margin: 0 0 22px;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
}

.mro-footer-column ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 13px;
}

.mro-footer-column li,
.mro-footer-column li a {
	color: rgba(255,255,255,.6);
	font-size: 13px;
}

.mro-footer-column li a {
	transition: color .2s ease;
}

.mro-footer-column li a:hover {
	color: #fff;
}

.mro-footer-contact {
	display: grid;
	align-content: start;
}

.mro-footer-contact__item {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	padding-block: 10px;
	color: rgba(255,255,255,.67);
	font-size: 12px;
	line-height: 1.8;
}

.mro-footer-contact__item svg {
	width: 18px;
	height: 18px;
	margin-top: 2px;
	flex: 0 0 auto;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mro-footer-contact__item small {
	display: block;
	margin-top: 2px;
	color: rgba(255,255,255,.4);
	font-size: 10px;
}

.mro-footer-contact__address {
	max-width: 330px;
}

.mro-footer-bottom {
	border-top: 1px solid rgba(255,255,255,.07);
	background: rgba(0,0,0,.12);
}

.mro-footer-bottom__inner {
	min-height: 62px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.mro-footer-bottom p {
	margin: 0;
	color: rgba(255,255,255,.38);
	font-size: 11px;
}

.mro-footer-bottom__links {
	display: flex;
	gap: 20px;
}

.mro-footer-bottom__links a {
	color: rgba(255,255,255,.42);
	font-size: 11px;
}

#mro-theme-header .marona-button,
#mro-theme-footer .marona-button {
	gap: 0 !important;
}

@media (max-width: 1024px) {
	.mro-footer-consultation__inner {
		align-items: flex-start;
		flex-direction: column;
		padding-block: 42px;
	}

	.mro-footer-consultation__actions {
		width: 100%;
		justify-content: space-between;
	}

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

@media (max-width: 640px) {
	.mro-footer-consultation__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.mro-footer-consultation__actions .marona-button {
		width: 100%;
	}

	.mro-footer-phone {
		text-align: right;
		direction: rtl;
	}

	.mro-footer-phone strong {
		direction: ltr;
		text-align: right;
	}

	.mro-footer-grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.mro-footer-main {
		padding-block: 52px;
	}

	.mro-footer-bottom__inner {
		align-items: flex-start;
		flex-direction: column;
		padding-block: 20px;
	}

	.mro-footer-bottom__links {
		order: -1;
	}
}


/* ==========================================================================
   Marona 0.2.6 — Mobile navigation hardening
   ========================================================================== */

/* Prevent styles from the currently active public theme affecting our controls. */
#mro-theme-header .mro-theme-mobile-toggle {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: none;
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 8px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	outline: 0;
	color: var(--marona-green-deep) !important;
	cursor: pointer !important;
	position: relative !important;
	z-index: 2 !important;
}

#mro-theme-header .mro-theme-mobile-toggle:hover,
#mro-theme-header .mro-theme-mobile-toggle:focus,
#mro-theme-header .mro-theme-mobile-toggle:active {
	background: rgba(35, 70, 59, .06) !important;
	background-image: none !important;
	box-shadow: none !important;
	border: 0 !important;
	transform: none !important;
}

#mro-theme-header .mro-theme-mobile-toggle span {
	display: block !important;
	width: 24px !important;
	height: 2px !important;
	min-height: 2px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--marona-green-deep) !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

#mro-theme-header .mro-theme-mobile-toggle span + span {
	margin-top: 5px !important;
}

/* Drawer stays light and brand-consistent. */
.mro-theme-mobile-drawer {
	display: flex !important;
	background: var(--marona-latte) !important;
	color: var(--marona-pietra) !important;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateX(105%) !important;
}

.mro-theme-mobile-overlay {
	display: block !important;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

body.mro-theme-menu-open .mro-theme-mobile-drawer,
.mro-theme-mobile-drawer.is-open {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	transform: translateX(0) !important;
}

body.mro-theme-menu-open .mro-theme-mobile-overlay,
.mro-theme-mobile-overlay.is-open {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Close button must also ignore legacy button styles. */
.mro-theme-mobile-close {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 42px !important;
	height: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--marona-pietra) !important;
	cursor: pointer !important;
}

.mro-theme-mobile-close:hover,
.mro-theme-mobile-close:focus {
	background: rgba(47, 49, 50, .06) !important;
	box-shadow: none !important;
}

.mro-theme-mobile-drawer__head {
	background: transparent !important;
}

.mro-theme-mobile-nav a {
	color: var(--marona-pietra) !important;
	background: transparent !important;
}

.mro-theme-mobile-nav a:hover {
	color: var(--marona-green) !important;
}

@media (max-width: 1024px) {
	#mro-theme-header .mro-theme-mobile-toggle {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
	}

	#mro-theme-header .mro-theme-mobile-contact {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		border-radius: 8px !important;
	}

	#mro-theme-header .mro-theme-mobile-contact:hover,
	#mro-theme-header .mro-theme-mobile-contact:focus {
		background: rgba(35, 70, 59, .06) !important;
	}
}

/* When the WP admin bar exists, the mobile menu should still fill the viewport. */
body.admin-bar .mro-theme-mobile-drawer {
	padding-top: 30px;
}

@media (max-width: 782px) {
	body.admin-bar .mro-theme-mobile-drawer {
		padding-top: 54px;
	}
}


/* ==========================================================================
   Marona 0.3.0 — Mobile drawer refinement + dynamic Home sections
   ========================================================================== */

.mro-theme-mobile-drawer {
	width: min(calc(88vw - 12px), 378px) !important;
}

.mro-theme-mobile-drawer__logo {
	display: block;
	width: 126px;
	height: auto;
	max-height: 42px;
	object-fit: contain;
	object-position: right center;
}

.marona-home-section {
	padding-block: 94px;
	background: var(--marona-white);
}

.marona-home-section:nth-of-type(even) {
	background: #fbfaf7;
}

.marona-home-heading {
	margin-bottom: 38px;
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 44px;
}

.marona-home-heading h2 {
	margin: 0;
	font-size: clamp(32px, 4vw, 52px);
	line-height: 1.35;
}

.marona-home-heading > p {
	max-width: 520px;
	margin: 0;
	color: rgba(47,49,50,.63);
	font-size: 14px;
	line-height: 2;
}

.marona-home-heading--simple {
	display: block;
}

.marona-home-empty {
	padding: 28px;
	border: 1px dashed rgba(35,70,59,.28);
	border-radius: 14px;
	background: rgba(35,70,59,.035);
	color: rgba(47,49,50,.62);
	font-size: 13px;
	text-align: center;
}

.marona-service-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.marona-service-card {
	min-height: 250px;
	padding: 28px;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(47,49,50,.09);
	border-radius: 16px;
	background: #fff;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.marona-service-card:hover {
	transform: translateY(-3px);
	border-color: rgba(35,70,59,.25);
	box-shadow: 0 22px 50px rgba(35,70,59,.08);
}

.marona-card-index {
	color: var(--marona-green);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
}

.marona-service-card h3 {
	margin: auto 0 10px;
	font-size: 21px;
}

.marona-service-card p {
	margin: 0;
	color: rgba(47,49,50,.62);
	font-size: 13px;
	line-height: 2;
}

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

.marona-project-card {
	position: relative;
	overflow: hidden;
	min-height: 480px;
	border-radius: 18px;
	background: var(--marona-pietra);
	color: #fff;
}

.marona-project-card__media,
.marona-project-card__media img,
.marona-project-card__placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.marona-project-card__media img {
	object-fit: cover;
	transition: transform .45s ease;
}

.marona-project-card:hover .marona-project-card__media img {
	transform: scale(1.025);
}

.marona-project-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(18,24,22,.82), rgba(18,24,22,.04) 62%);
}

.marona-project-card__placeholder {
	background:
		linear-gradient(135deg, rgba(255,255,255,.08), transparent 36%),
		linear-gradient(145deg, #263d35, #171b1a);
}

.marona-project-card__body {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 30px;
}

.marona-project-card__meta {
	margin: 0 0 6px;
	color: rgba(255,255,255,.62);
	font-size: 11px;
}

.marona-project-card h3 {
	margin: 0;
	font-size: clamp(22px, 2.5vw, 34px);
}

.marona-material-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.marona-material-card {
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid rgba(47,49,50,.09);
	background: #fff;
}

.marona-material-card__media {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #ece8df;
}

.marona-material-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.marona-material-card:hover .marona-material-card__media img {
	transform: scale(1.035);
}

.marona-material-card__placeholder {
	width: 100%;
	height: 100%;
	background:
		linear-gradient(125deg, transparent 20%, rgba(255,255,255,.5) 21%, transparent 23%),
		linear-gradient(145deg, #d7d2ca, #aaa69e);
}

.marona-material-card__body {
	padding: 17px;
}

.marona-material-card__body p {
	margin: 0 0 3px;
	color: rgba(47,49,50,.5);
	font-size: 10px;
}

.marona-material-card__body h3 {
	margin: 0;
	font-size: 15px;
}

.marona-process-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid rgba(47,49,50,.12);
}

.marona-process-item {
	min-height: 230px;
	padding: 28px 24px 0;
	border-left: 1px solid rgba(47,49,50,.1);
}

.marona-process-item:last-child {
	border-left: 0;
}

.marona-process-item > span {
	color: var(--marona-green);
	font-size: 12px;
	font-weight: 800;
}

.marona-process-item h3 {
	margin: 44px 0 8px;
	font-size: 18px;
}

.marona-process-item p {
	margin: 0;
	color: rgba(47,49,50,.6);
	font-size: 12px;
	line-height: 2;
}

@media (max-width: 1024px) {
	.marona-service-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.marona-material-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

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

	.marona-process-item:nth-child(2) {
		border-left: 0;
	}
}

@media (max-width: 640px) {
	.mro-theme-mobile-drawer {
		width: min(calc(88vw - 12px), 378px) !important;
	}

	.mro-theme-mobile-drawer__logo {
		width: 116px;
	}

	.marona-home-section {
		padding-block: 68px;
	}

	.marona-home-heading {
		display: block;
		margin-bottom: 28px;
	}

	.marona-home-heading > p {
		margin-top: 12px;
	}

	.marona-service-grid,
	.marona-project-grid,
	.marona-material-grid,
	.marona-process-grid {
		grid-template-columns: 1fr;
	}

	.marona-service-card {
		min-height: 205px;
	}

	.marona-project-card {
		min-height: 390px;
	}

	.marona-material-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.marona-process-item {
		min-height: 190px;
		border-left: 0;
		border-bottom: 1px solid rgba(47,49,50,.1);
		padding-inline: 0;
	}

	.marona-process-item h3 {
		margin-top: 28px;
	}
}


/* ==========================================================================
   Marona 0.4.0 — Content architecture / relations
   ========================================================================== */

.marona-archive-hero,
.marona-single-hero {
	padding-block: 90px 58px;
	background:
		radial-gradient(circle at 10% 15%, rgba(35,70,59,.1), transparent 30%),
		var(--marona-latte);
}

.marona-archive-hero h1,
.marona-single-hero h1 {
	max-width: 900px;
	margin: 0;
	font-size: clamp(42px, 6vw, 78px);
	line-height: 1.25;
}

.marona-single-lead {
	max-width: 760px;
	margin: 20px 0 0;
	color: rgba(47,49,50,.68);
	font-size: 17px;
	line-height: 2;
}

.marona-single-meta-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin-top: 22px;
	color: rgba(47,49,50,.58);
	font-size: 12px;
}

.marona-project-cover,
.marona-standard-cover {
	padding-block: 0 74px;
	background: var(--marona-latte);
}

.marona-project-cover img,
.marona-standard-cover img {
	width: 100%;
	max-height: 760px;
	object-fit: cover;
	border-radius: 18px;
}

.marona-single-body {
	padding-block: 86px;
	background: #fff;
}

.marona-single-body__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr);
	gap: clamp(50px, 7vw, 110px);
	align-items: start;
}

.marona-single-content {
	max-width: 850px;
	font-size: 16px;
	line-height: 2.15;
}

.marona-single-content--wide {
	max-width: 940px;
}

.marona-single-content h2,
.marona-single-content h3 {
	line-height: 1.55;
}

.marona-single-content img {
	border-radius: 12px;
}

.marona-project-facts {
	position: sticky;
	top: 120px;
	display: grid;
	border-top: 1px solid rgba(47,49,50,.12);
}

.marona-project-fact,
.marona-project-relation {
	padding-block: 17px;
	border-bottom: 1px solid rgba(47,49,50,.1);
}

.marona-project-fact > span,
.marona-project-relation > span {
	display: block;
	margin-bottom: 4px;
	color: rgba(47,49,50,.48);
	font-size: 10px;
}

.marona-project-fact strong {
	font-size: 14px;
}

.marona-project-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.marona-project-tags a {
	display: inline-flex;
	padding: 6px 9px;
	border: 1px solid rgba(35,70,59,.18);
	border-radius: 6px;
	color: var(--marona-green);
	font-size: 11px;
}

.marona-project-gallery-section,
.marona-before-after-section,
.marona-related-projects {
	padding-block: 88px;
	background: #fbfaf7;
}

.marona-before-after-section {
	background: #fff;
}

.marona-project-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.marona-project-gallery figure {
	margin: 0;
	overflow: hidden;
	border-radius: 14px;
	background: #eeeae2;
}

.marona-project-gallery img {
	width: 100%;
	height: 100%;
	min-height: 360px;
	max-height: 680px;
	object-fit: cover;
}

.marona-project-gallery figure:nth-child(3n + 1) {
	grid-column: span 2;
}

.marona-before-after {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.marona-before-after figure {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: 14px;
	background: #eeeae2;
}

.marona-before-after img {
	width: 100%;
	height: 520px;
	object-fit: cover;
}

.marona-before-after figcaption {
	position: absolute;
	right: 14px;
	bottom: 14px;
	padding: 7px 11px;
	border-radius: 6px;
	background: rgba(20,25,23,.78);
	color: #fff;
	font-size: 11px;
}

.marona-content--archive {
	padding-block: 72px 100px;
}

.marona-archive-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.marona-archive-card {
	overflow: hidden;
	border: 1px solid rgba(47,49,50,.09);
	border-radius: 15px;
	background: #fff;
}

.marona-archive-card__media {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #ede9e1;
}

.marona-archive-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.marona-archive-card:hover .marona-archive-card__media img {
	transform: scale(1.025);
}

.marona-archive-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(125deg, transparent 20%, rgba(255,255,255,.42) 21%, transparent 23%),
		linear-gradient(145deg, #d7d2ca, #aaa69e);
}

.marona-archive-card__body {
	padding: 21px;
}

.marona-archive-card__body h2,
.marona-archive-card__body h3 {
	margin: 0;
	font-size: 19px;
}

.marona-archive-card__body p {
	margin: 8px 0 0;
	color: rgba(47,49,50,.58);
	font-size: 12px;
	line-height: 1.9;
}

.marona-pagination {
	margin-top: 42px;
}

@media (max-width: 1024px) {
	.marona-single-body__grid {
		grid-template-columns: 1fr;
	}

	.marona-project-facts {
		position: static;
	}

	.marona-archive-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.marona-archive-hero,
	.marona-single-hero {
		padding-block: 64px 42px;
	}

	.marona-single-body {
		padding-block: 62px;
	}

	.marona-project-cover,
	.marona-standard-cover {
		padding-bottom: 50px;
	}

	.marona-project-cover img,
	.marona-standard-cover img {
		border-radius: 10px;
	}

	.marona-project-gallery,
	.marona-before-after,
	.marona-archive-cards {
		grid-template-columns: 1fr;
	}

	.marona-project-gallery figure:nth-child(3n + 1) {
		grid-column: auto;
	}

	.marona-project-gallery img,
	.marona-before-after img {
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.marona-project-gallery-section,
	.marona-before-after-section,
	.marona-related-projects {
		padding-block: 64px;
	}
}


/* Marona 0.4.1 — Hierarchical Services & Materials */
.marona-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;color:rgba(47,49,50,.48);font-size:11px}
.marona-breadcrumb a{color:var(--marona-green)}
.marona-breadcrumb strong{color:rgba(47,49,50,.68);font-weight:600}
.marona-child-items{padding-block:84px;background:#fbfaf7}
.marona-child-items + .marona-related-projects{background:#fff}
@media(max-width:640px){.marona-child-items{padding-block:62px}}


/* Marona 0.4.2 — Managed footer socials */
.mro-footer-socials{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:14px;
}
.mro-footer-socials a{
	display:inline-flex;
	padding-bottom:4px;
	border-bottom:1px solid rgba(255,255,255,.24);
	color:rgba(255,255,255,.76);
	font-size:11px;
}
.mro-footer-socials a:hover{
	color:#fff;
	border-bottom-color:#fff;
}


/* ==========================================================================
   Marona 0.4.3 — Brand typography
   ========================================================================== */

.marona-header,
.marona-content,
.marona-home-section,
.marona-brand-strip,
.mro-footer {
	font-family: var(--marona-font-body);
}

.marona-home-hero h1,
.marona-home-heading h2,
.marona-section-heading h1,
.marona-section-heading h2,
.marona-single-hero h1,
.marona-archive-hero h1,
.mro-footer h2,
.mro-footer h3,
.mro-footer-brand__title {
	font-family: var(--marona-font-heading);
}

.marona-home-hero h1,
.marona-single-hero h1,
.marona-archive-hero h1 {
	font-weight: 800;
}

.marona-home-heading h2,
.marona-section-heading h1,
.marona-section-heading h2,
.mro-footer h2 {
	font-weight: 700;
}

.marona-card h3,
.marona-service-card h3,
.marona-project-card h3,
.marona-material-card h3,
.marona-process-item h3,
.marona-archive-card__body h2,
.marona-archive-card__body h3 {
	font-family: var(--marona-font-heading);
	font-weight: 700;
}

.marona-eyebrow,
.mro-footer-kicker {
	text-transform: uppercase;
}

.mro-theme-header__phone,
.mro-theme-mobile-drawer__phone,
.mro-footer-contact-list,
.marona-single-meta-inline,
.marona-project-card__meta {
	font-variant-numeric: tabular-nums;
}

@media (max-width: 640px) {
	.marona-home-hero h1 {
		letter-spacing: -.02em;
	}
}


/* ==========================================================================
   Marona 0.5.0 — Real Hero media / slider
   ========================================================================== */

.marona-home-hero--media .marona-home-hero__visual {
	position: relative;
	overflow: hidden;
	min-height: 590px;
	padding: 0;
	background: var(--marona-pietra);
	border-radius: 18px;
}

.marona-hero-picture,
.marona-hero-picture img,
.marona-hero-slider,
.marona-hero-slider__track,
.marona-hero-slide,
.marona-hero-slide img {
	display: block;
	width: 100%;
	height: 100%;
}

.marona-hero-picture,
.marona-hero-slider,
.marona-hero-slider__track {
	position: absolute;
	inset: 0;
}

.marona-hero-picture img,
.marona-hero-slide img {
	object-fit: cover;
	object-position: center;
}

.marona-hero-slider__track {
	position: relative;
}

.marona-hero-slide {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transform: scale(1.015);
	transition:
		opacity .65s ease,
		visibility .65s ease,
		transform 5.5s ease;
}

.marona-hero-slide.is-active {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	z-index: 1;
}

.marona-hero-slider::after,
.marona-hero-picture::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		linear-gradient(to top, rgba(17,25,22,.24), transparent 34%),
		linear-gradient(to left, transparent 58%, rgba(17,25,22,.06));
}

.marona-hero-slider__controls {
	position: absolute;
	right: 18px;
	bottom: 18px;
	left: 18px;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	pointer-events: none;
}

.marona-hero-slider__prev,
.marona-hero-slider__next {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.42);
	border-radius: 50%;
	background: rgba(20,28,25,.22);
	backdrop-filter: blur(7px);
	color: #fff;
	font-size: 25px;
	line-height: 1;
	cursor: pointer;
	pointer-events: auto;
}

.marona-hero-slider__dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 8px 11px;
	border-radius: 999px;
	background: rgba(20,28,25,.22);
	backdrop-filter: blur(7px);
	pointer-events: auto;
}

.marona-hero-slider__dots button {
	width: 7px;
	height: 7px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255,255,255,.45);
	cursor: pointer;
	transition: width .2s ease, border-radius .2s ease, background .2s ease;
}

.marona-hero-slider__dots button.is-active {
	width: 20px;
	border-radius: 99px;
	background: #fff;
}

@media (max-width: 1024px) {
	.marona-home-hero--media .marona-home-hero__visual {
		min-height: 500px;
	}
}

@media (max-width: 640px) {
	.marona-home-hero--media .marona-home-hero__visual {
		min-height: 430px;
		border-radius: 12px;
	}

	.marona-hero-slider__controls {
		right: 12px;
		bottom: 12px;
		left: 12px;
	}

	.marona-hero-slider__prev,
	.marona-hero-slider__next {
		width: 34px;
		height: 34px;
		font-size: 21px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.marona-hero-slide {
		transition: none;
		transform: none;
	}
}


/* ==========================================================================
   Marona 0.6.0 — Contact / Consultation
   ========================================================================== */

.marona-contact-hero {
	padding-block: 92px 74px;
	background:
		radial-gradient(circle at 10% 10%, rgba(35,70,59,.13), transparent 34%),
		var(--marona-latte);
}

.marona-contact-hero__grid {
	display: grid;
	grid-template-columns: minmax(0,1.4fr) minmax(300px,.6fr);
	gap: clamp(50px,8vw,120px);
	align-items: end;
}

.marona-contact-hero h1 {
	max-width: 840px;
	margin: 0;
	font-family: var(--marona-font-heading);
	font-size: clamp(46px,6vw,78px);
	font-weight: 800;
	line-height: 1.3;
}

.marona-contact-lead {
	max-width: 720px;
	margin: 22px 0 0;
	color: rgba(47,49,50,.65);
	font-size: 16px;
	line-height: 2.05;
}

.marona-contact-direct {
	display: grid;
	border-top: 1px solid rgba(47,49,50,.13);
}

.marona-contact-direct a {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding-block:17px;
	border-bottom:1px solid rgba(47,49,50,.11);
}

.marona-contact-direct span {
	color: rgba(47,49,50,.48);
	font-size:11px;
}

.marona-contact-direct strong {
	font-size:14px;
	font-weight:600;
}

.marona-contact-main {
	padding-block: 88px 105px;
	background:#fff;
}

.marona-contact-main__grid {
	display:grid;
	grid-template-columns:minmax(0,1.3fr) minmax(300px,.55fr);
	gap:clamp(55px,8vw,120px);
	align-items:start;
}

.marona-contact-section-heading {
	margin-bottom:34px;
}

.marona-contact-section-heading h2,
.marona-contact-info h2 {
	margin:0;
	font-family:var(--marona-font-heading);
	font-size:clamp(30px,4vw,46px);
	line-height:1.45;
}

.marona-contact-section-heading > p:last-child {
	margin:10px 0 0;
	color:rgba(47,49,50,.58);
	font-size:13px;
	line-height:1.9;
}

.marona-consultation-form {
	display:grid;
	gap:20px;
}

.marona-form-grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
}

.marona-form-field {
	display:grid;
	gap:8px;
}

.marona-form-field label {
	font-size:12px;
	font-weight:600;
}

.marona-form-field label span {
	color:var(--marona-rosa);
}

.marona-form-field input,
.marona-form-field select,
.marona-form-field textarea {
	width:100%;
	min-height:49px;
	padding:12px 14px;
	border:1px solid rgba(47,49,50,.16);
	border-radius:9px;
	outline:0;
	background:#fbfaf7;
	color:var(--marona-pietra);
	font:inherit;
	transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.marona-form-field textarea {
	min-height:145px;
	resize:vertical;
}

.marona-form-field input:focus,
.marona-form-field select:focus,
.marona-form-field textarea:focus {
	border-color:rgba(35,70,59,.52);
	box-shadow:0 0 0 3px rgba(35,70,59,.07);
	background:#fff;
}

.marona-form-consent {
	display:flex;
	align-items:flex-start;
	gap:9px;
	color:rgba(47,49,50,.62);
	font-size:11px;
	line-height:1.9;
	cursor:pointer;
}

.marona-form-consent input {
	margin-top:5px;
}

.marona-consultation-submit {
	justify-self:start;
	min-width:210px;
	border:0;
	cursor:pointer;
}

.marona-hp-field {
	position:absolute !important;
	left:-9999px !important;
	width:1px !important;
	height:1px !important;
	overflow:hidden !important;
	opacity:0 !important;
}

.marona-form-message {
	margin-bottom:22px;
	padding:15px 17px;
	border-radius:9px;
	font-size:12px;
	line-height:1.9;
}

.marona-form-message--success {
	background:rgba(35,70,59,.08);
	border:1px solid rgba(35,70,59,.2);
	color:var(--marona-green);
}

.marona-form-message--error {
	background:rgba(110,38,53,.06);
	border:1px solid rgba(110,38,53,.18);
	color:var(--marona-rosa);
}

.marona-contact-info {
	position:sticky;
	top:120px;
	padding:28px;
	border-radius:15px;
	background:var(--marona-latte);
}

.marona-contact-info__items {
	display:grid;
	margin-top:30px;
	border-top:1px solid rgba(47,49,50,.12);
}

.marona-contact-info__items > div {
	padding-block:17px;
	border-bottom:1px solid rgba(47,49,50,.1);
}

.marona-contact-info__items span {
	display:block;
	margin-bottom:5px;
	color:rgba(47,49,50,.48);
	font-size:10px;
}

.marona-contact-info__items strong,
.marona-contact-info__items a {
	display:block;
	font-size:13px;
	font-weight:600;
	line-height:1.9;
}

@media(max-width:900px) {
	.marona-contact-hero__grid,
	.marona-contact-main__grid {
		grid-template-columns:1fr;
	}

	.marona-contact-info {
		position:static;
	}
}

@media(max-width:640px) {
	.marona-contact-hero {
		padding-block:66px 52px;
	}

	.marona-contact-main {
		padding-block:64px 80px;
	}

	.marona-form-grid {
		grid-template-columns:1fr;
	}

	.marona-contact-info {
		padding:22px;
	}
}


/* ==========================================================================
   Marona 0.7.0 — Contextual conversion CTA
   ========================================================================== */
.marona-context-cta{
	padding-block:78px;
	background:var(--marona-green);
	color:#fff;
}
.marona-context-cta__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:50px;
}
.marona-context-cta .marona-eyebrow{color:rgba(255,255,255,.58)}
.marona-context-cta h2{
	margin:0;
	max-width:780px;
	font-family:var(--marona-font-heading);
	font-size:clamp(30px,4vw,50px);
	font-weight:700;
	line-height:1.45;
}
.marona-context-cta p:not(.marona-eyebrow){
	max-width:680px;
	margin:11px 0 0;
	color:rgba(255,255,255,.68);
	font-size:13px;
	line-height:2;
}
.marona-context-cta .marona-button{
	flex:0 0 auto;
	min-width:170px;
	justify-content:center;
}
@media(max-width:760px){
	.marona-context-cta{padding-block:58px}
	.marona-context-cta__inner{display:block}
	.marona-context-cta .marona-button{margin-top:26px}
}


/* ==========================================================================
   Marona 0.8.0 — Consultation phone field
   ========================================================================== */
.marona-form-hint{
	display:block;
	margin-top:-2px;
	color:rgba(47,49,50,.48);
	font-size:10px;
	line-height:1.8;
}
.marona-consultation-form input[name="phone"]{
	direction:ltr;
	text-align:left;
	font-variant-numeric:tabular-nums;
}


/* ==========================================================================
   Marona 0.9.0 — Breadcrumb refinements
   ========================================================================== */
.marona-breadcrumb{
	row-gap:6px;
}
.marona-breadcrumb a{
	text-decoration:none;
}
.marona-breadcrumb a:hover{
	text-decoration:underline;
	text-underline-offset:3px;
}
.marona-breadcrumb strong[aria-current="page"]{
	color:rgba(47,49,50,.72);
}
@media(max-width:640px){
	.marona-breadcrumb{
		font-size:10px;
		line-height:1.8;
	}
}


/* ==========================================================================
   Marona 0.9.2 — Premium Service UI
   ========================================================================== */

/* Service hero */
.marona-service-hero{
	padding-block:72px;
	background:
		radial-gradient(circle at 8% 12%,rgba(35,70,59,.09),transparent 28%),
		linear-gradient(180deg,#f4f0e8 0%,#f7f4ee 100%);
}
.marona-service-hero__grid{
	display:grid;
	grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);
	gap:clamp(46px,6vw,92px);
	align-items:center;
}
.marona-service-hero__copy{
	max-width:700px;
}
.marona-service-hero .marona-breadcrumb{
	margin-bottom:28px;
}
.marona-service-hero__display-title{
	max-width:720px;
	margin:0;
	font-family:var(--marona-font-heading);
	font-size:clamp(46px,5.4vw,74px);
	font-weight:800;
	line-height:1.28;
	letter-spacing:-.025em;
}
.marona-service-hero .marona-single-lead{
	max-width:660px;
	margin-top:22px;
	font-size:16px;
	line-height:2.1;
}
.marona-service-hero__actions{
	display:flex;
	align-items:center;
	gap:26px;
	margin-top:32px;
}
.marona-service-hero__phone{
	display:grid;
	gap:2px;
	padding-right:22px;
	border-right:1px solid rgba(47,49,50,.14);
}
.marona-service-hero__phone span{
	color:rgba(47,49,50,.48);
	font-size:10px;
}
.marona-service-hero__phone strong{
	font-size:14px;
	font-weight:600;
}
.marona-service-hero__media{
	position:relative;
	overflow:hidden;
	aspect-ratio:5/4;
	border-radius:22px;
	background:#e6e0d7;
	box-shadow:0 24px 60px rgba(30,38,34,.08);
}
.marona-service-hero__media::after{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	border-radius:inherit;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);
}
.marona-service-hero__media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.marona-service-hero__placeholder{
	display:grid;
	place-items:end start;
	width:100%;
	height:100%;
	padding:28px;
	background:
		linear-gradient(130deg,transparent 18%,rgba(255,255,255,.34) 18.2%,transparent 18.5%),
		linear-gradient(145deg,#2f3132,#636665);
}
.marona-service-hero__placeholder span{
	color:rgba(255,255,255,.52);
	font-family:var(--marona-font-display);
	font-size:34px;
	letter-spacing:.18em;
}

/* Service body */
.marona-service-body{
	padding-block:96px 110px;
}
.marona-service-body__grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) 285px;
	gap:clamp(60px,8vw,118px);
	align-items:start;
}
.marona-service-content{
	max-width:820px;
	font-size:15px;
	line-height:2.15;
}
.marona-service-content > p:first-child{
	margin-top:0;
	font-size:16px;
	line-height:2.15;
	color:rgba(47,49,50,.86);
}
.marona-service-content > h2{
	margin:72px 0 18px;
	padding-top:4px;
	font-family:var(--marona-font-heading);
	font-size:clamp(27px,3vw,36px);
	font-weight:700;
	line-height:1.55;
}
.marona-service-content > h2:first-of-type{
	margin-top:58px;
}
.marona-service-content > h3{
	margin:38px 0 12px;
	font-family:var(--marona-font-heading);
	font-size:22px;
	line-height:1.65;
}
.marona-service-content > p{
	margin:0 0 19px;
	color:rgba(47,49,50,.84);
}
.marona-service-content a{
	color:var(--marona-green);
	text-decoration:underline;
	text-decoration-color:rgba(35,70,59,.22);
	text-underline-offset:4px;
}

/* Service feature list */
.marona-service-feature-list{
	display:grid !important;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	margin:26px 0 8px !important;
	padding:0 !important;
	list-style:none !important;
}
.marona-service-feature-list > li{
	position:relative;
	min-height:68px;
	display:flex;
	align-items:center;
	padding:15px 18px;
	border:1px solid rgba(47,49,50,.10);
	border-radius:10px;
	background:#fbfaf7;
	line-height:1.8;
}
.marona-service-feature-list > li::before{
	content:none;
	display:none;
}
.marona-service-feature-list > li a{
	font-weight:600;
	text-decoration:none;
}

/* Process steps */
.marona-service-process-list{
	counter-reset:marona-step;
	display:grid !important;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:0;
	margin:28px 0 10px !important;
	padding:0 !important;
	list-style:none !important;
	overflow:hidden;
	border:1px solid rgba(47,49,50,.11);
	border-radius:13px;
	background:#fff;
}
.marona-service-process-list > li{
	counter-increment:marona-step;
	position:relative;
	min-height:108px;
	padding:52px 22px 20px;
	background:#fff;
	line-height:1.8;
}
.marona-service-process-list > li:nth-child(odd):not(:last-child){
	border-left:1px solid rgba(47,49,50,.11);
}
.marona-service-process-list > li:not(:nth-last-child(-n+2)),
.marona-service-process-list > li:nth-last-child(2):nth-child(even){
	border-bottom:1px solid rgba(47,49,50,.11);
}
.marona-service-process-list > li::before{
	content:counter(marona-step,decimal-leading-zero);
	position:absolute;
	right:22px;
	top:17px;
	color:var(--marona-green);
	font-family:var(--marona-font-display);
	font-size:16px;
	letter-spacing:.08em;
}

/* FAQ */
.marona-service-faq{
	display:grid;
	gap:8px;
	margin-top:26px;
}
.marona-service-faq__item{
	overflow:hidden;
	border:1px solid rgba(47,49,50,.10);
	border-radius:11px;
	background:#fbfaf7;
}
.marona-service-faq__item summary{
	position:relative;
	padding:19px 52px 19px 18px;
	cursor:pointer;
	list-style:none;
	font-family:var(--marona-font-heading);
	font-size:18px;
	font-weight:700;
	line-height:1.65;
}
.marona-service-faq__item summary::-webkit-details-marker{
	display:none;
}
.marona-service-faq__item summary::before,
.marona-service-faq__item summary::after{
	content:"";
	position:absolute;
	right:20px;
	top:50%;
	width:14px;
	height:1.5px;
	background:var(--marona-green);
	transform:translateY(-50%);
	transition:transform .2s ease;
}
.marona-service-faq__item summary::after{
	transform:translateY(-50%) rotate(90deg);
}
.marona-service-faq__item[open] summary::after{
	transform:translateY(-50%) rotate(0);
}
.marona-service-faq__body{
	padding:0 52px 20px 18px;
	color:rgba(47,49,50,.72);
	font-size:13px;
	line-height:2;
}
.marona-service-faq__body > *:last-child{
	margin-bottom:0;
}

/* Sticky service card */
.marona-service-aside{
	position:sticky;
	top:112px;
	padding:24px;
	border:1px solid rgba(47,49,50,.09);
	border-radius:15px;
	background:var(--marona-latte);
	box-shadow:0 18px 46px rgba(30,38,34,.045);
}
.marona-service-aside .marona-eyebrow{
	margin-bottom:12px;
}
.marona-service-aside h2{
	margin:0;
	font-family:var(--marona-font-heading);
	font-size:22px;
	line-height:1.55;
}
.marona-service-aside > p:not(.marona-eyebrow){
	margin:13px 0 22px;
	color:rgba(47,49,50,.58);
	font-size:12px;
	line-height:1.95;
}
.marona-service-aside .marona-button{
	width:100%;
	justify-content:center;
}
.marona-service-aside__phone{
	display:grid;
	gap:3px;
	margin-top:18px;
	padding-top:17px;
	border-top:1px solid rgba(47,49,50,.1);
}
.marona-service-aside__phone span{
	color:rgba(47,49,50,.45);
	font-size:10px;
}
.marona-service-aside__phone strong{
	font-size:14px;
}

/* Related projects */
.marona-service-projects{
	padding-block:96px;
	background:#f7f4ee;
}
.marona-service-projects .marona-project-card{
	background:#fff;
}
.marona-service-projects .marona-project-card__media{
	overflow:hidden;
	border-radius:14px 14px 0 0;
}
.marona-service-projects .marona-project-card__body{
	padding:18px 20px 22px;
}

/* Premium CTA before footer */
.marona-service-page .marona-context-cta{
	padding:0 0 96px;
	background:#fff;
}
.marona-service-page .marona-context-cta__inner{
	position:relative;
	overflow:hidden;
	min-height:250px;
	padding:clamp(34px,5vw,58px);
	border-radius:22px;
	background:
		radial-gradient(circle at 8% 18%,rgba(255,255,255,.10),transparent 28%),
		linear-gradient(135deg,#173129 0%,#23463b 100%);
	box-shadow:0 24px 58px rgba(23,49,41,.12);
}
.marona-service-page .marona-context-cta__inner::after{
	content:"MARONA";
	position:absolute;
	left:34px;
	bottom:-18px;
	color:rgba(255,255,255,.035);
	font-family:var(--marona-font-display);
	font-size:clamp(80px,13vw,170px);
	letter-spacing:.08em;
	pointer-events:none;
}
.marona-service-page .marona-context-cta__inner > *{
	position:relative;
	z-index:1;
}
.marona-service-page .marona-context-cta h2{
	max-width:650px;
	font-size:clamp(32px,4vw,50px);
}
.marona-service-page .marona-context-cta p:not(.marona-eyebrow){
	max-width:580px;
}
.marona-service-page .marona-context-cta .marona-button{
	min-width:190px;
	background:#fff;
	color:var(--marona-green);
}

/* Footer structure */
.mro-footer-nav-columns{
	display:contents;
}

/* Tablet */
@media(max-width:1024px){
	.marona-service-hero .marona-container{
		width:min(calc(100% - 20px), 1480px);
	}
	.marona-service-hero__grid{
		grid-template-columns:1fr 1fr;
		gap:36px;
	}
	.marona-service-body__grid{
		grid-template-columns:minmax(0,1fr) 250px;
		gap:44px;
	}
}

/* Mobile service */
@media(max-width:760px){
	.marona-service-hero{
		padding-block:42px 52px;
	}
	.marona-service-hero__grid{
		grid-template-columns:1fr;
		gap:30px;
	}
	.marona-service-hero__copy{
		max-width:none;
	}
	.marona-service-hero__display-title{
		font-size:34px;
		line-height:1.42;
	}
	.marona-service-hero .marona-single-lead{
		font-size:14px;
		line-height:2.05;
	}
	.marona-service-hero__actions{
		align-items:stretch;
		flex-direction:column;
		gap:14px;
		margin-top:24px;
	}
	.marona-service-hero__actions .marona-button{
		width:100%;
		justify-content:center;
	}
	.marona-service-hero__phone{
		padding:12px 0 0;
		border-right:0;
		border-top:1px solid rgba(47,49,50,.12);
	}
	.marona-service-hero__media{
		aspect-ratio:4/3;
		border-radius:14px;
	}
	.marona-service-body{
		padding-block:60px 74px;
	}
	.marona-service-body__grid{
		display:block;
	}
	.marona-service-content{
		max-width:none;
		font-size:14px;
	}
	.marona-service-content > p:first-child{
		font-size:14px;
	}
	.marona-service-content > h2{
		margin-top:52px;
		font-size:25px;
	}
	.marona-service-feature-list{
		grid-template-columns:1fr;
	}
	.marona-service-process-list{
		grid-template-columns:1fr;
	}
	.marona-service-process-list > li{
		min-height:88px;
	}
	.marona-service-aside{
		position:static;
		margin-top:58px;
	}
	.marona-service-page .marona-context-cta{
		padding-bottom:0;
		background:var(--marona-green);
	}
	.marona-service-page .marona-context-cta__inner{
		min-height:0;
		border-radius:0;
		box-shadow:none;
		margin-inline:calc(var(--marona-container-padding) * -1);
		padding:50px var(--marona-container-padding) 54px;
	}
	.marona-service-page .marona-context-cta__inner::after{
		left:10px;
		font-size:84px;
	}
	.marona-service-page .marona-context-cta .marona-button{
		width:100%;
	}
}

/* Mobile footer: brand full-width, two navigation columns, contact full-width */
@media(max-width:700px){
	.mro-footer-grid{
		display:grid !important;
		grid-template-columns:1fr 1fr !important;
		gap:34px 22px !important;
	}

	.mro-footer-brand{
		grid-column:1/-1;
	}

	.mro-footer-nav-columns{
		grid-column:1/-1;
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:22px;
		padding-block:4px 10px;
	}

	.mro-footer-nav-columns .mro-footer-column{
		min-width:0;
	}

	.mro-footer-nav-columns .mro-footer-column h3{
		margin-bottom:16px;
		font-size:14px;
	}

	.mro-footer-nav-columns .mro-footer-column ul{
		display:grid;
		gap:10px;
	}

	.mro-footer-nav-columns .mro-footer-column li{
		margin:0;
	}

	.mro-footer-nav-columns .mro-footer-column a{
		font-size:11px;
		line-height:1.8;
	}

	.mro-footer-contact{
		grid-column:1/-1;
		padding-top:22px;
		border-top:1px solid rgba(255,255,255,.09);
	}
}


/* ==========================================================================
   Marona 0.9.3 — Direct-call CTA + Project submission
   ========================================================================== */

.marona-context-cta__actions{
	position:relative;
	z-index:1;
	display:grid;
	justify-items:stretch;
	gap:12px;
	min-width:230px;
}

.marona-context-cta__call{
	display:grid !important;
	grid-template-columns:1fr;
	gap:2px;
	text-align:center;
}

.marona-context-cta__call span{
	font-size:11px;
	font-weight:600;
}

.marona-context-cta__call strong{
	font-size:15px;
	font-weight:700;
}

.marona-context-cta__project-link{
	display:block;
	padding:4px 8px;
	color:rgba(255,255,255,.72);
	font-size:11px;
	text-align:center;
	text-decoration:underline;
	text-underline-offset:4px;
}

.marona-context-cta__project-link:hover{
	color:#fff;
}

.marona-service-aside__project{
	display:block;
	margin-top:13px;
	color:var(--marona-green);
	font-size:11px;
	line-height:1.8;
	text-align:center;
	text-decoration:underline;
	text-underline-offset:4px;
}

.marona-project-upload input[type="file"]{
	min-height:0;
	padding:16px;
	border-style:dashed;
	background:#fff;
}

.marona-project-upload input[type="file"]::file-selector-button{
	margin-left:12px;
	padding:8px 13px;
	border:0;
	border-radius:7px;
	background:var(--marona-green);
	color:#fff;
	font-family:var(--marona-font-body);
	cursor:pointer;
}

/* Footer mobile navigation: equal five-row rhythm */
@media(max-width:700px){
	.mro-footer-nav-columns{
		align-items:stretch;
	}

	.mro-footer-nav-columns .mro-footer-column{
		display:flex;
		flex-direction:column;
		height:100%;
	}

	.mro-footer-nav-columns .mro-footer-column ul{
		grid-template-rows:repeat(5,minmax(22px,auto));
		align-content:start;
	}
}

@media(max-width:760px){
	.marona-context-cta__actions{
		min-width:0;
		width:100%;
		margin-top:26px;
	}

	.marona-context-cta__project-link{
		padding-top:7px;
	}
}


/* ==========================================================================
   Marona 1.0.0 — Cleaner Service layout + automatic image standards
   ========================================================================== */

/*
 * Service content is now a single editorial column.
 * The previous sticky consultation sidebar was intentionally removed because
 * contact actions already exist in the Hero and contextual CTA.
 */
.marona-service-body__grid{
	display:block !important;
}

.marona-service-content{
	width:100%;
	max-width:900px !important;
	margin-inline:auto;
}

/*
 * Service Hero image standard:
 * source image dimensions never determine the visible frame.
 */
.marona-service-hero__media{
	width:100%;
	aspect-ratio:16 / 10 !important;
	min-height:0 !important;
	max-height:620px;
}

.marona-service-hero__media img{
	display:block;
	width:100% !important;
	height:100% !important;
	max-width:none !important;
	max-height:none !important;
	object-fit:cover !important;
	object-position:center center;
}

/*
 * Project cards always use a predictable visual frame.
 */
.marona-project-card{
	min-height:0 !important;
	aspect-ratio:3 / 2;
}

.marona-project-card__media,
.marona-project-card__media img,
.marona-project-card__placeholder{
	width:100%;
	height:100%;
}

.marona-project-card__media img{
	object-fit:cover;
	object-position:center;
}

/*
 * Material cards remain square regardless of the uploaded source ratio.
 */
.marona-material-card__media{
	aspect-ratio:1 / 1 !important;
}

.marona-material-card__media img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}

/*
 * Images inserted manually in a Service content editor are also constrained.
 */
.marona-service-content img{
	max-width:100%;
	height:auto;
}

.marona-service-content > figure,
.marona-service-content > .wp-block-image{
	max-width:100%;
	margin:32px 0;
}

.marona-service-content > figure img,
.marona-service-content > .wp-block-image img{
	display:block;
	width:100%;
	max-height:560px;
	object-fit:cover;
	object-position:center;
	border-radius:14px;
}

/*
 * CTA title: prevent oversized wrapping on long Persian labels.
 */
.marona-service-page .marona-context-cta h2{
	max-width:680px;
	font-size:clamp(30px,3.5vw,46px) !important;
	line-height:1.45 !important;
	letter-spacing:-.015em;
}

/*
 * Mobile vertical rhythm.
 * The Hero image should never consume almost an entire small-phone viewport.
 */
@media(max-width:760px){

	.marona-service-hero{
		padding-block:30px 32px !important;
	}

	.marona-service-hero__grid{
		gap:18px !important;
	}

	.marona-service-hero__media{
		aspect-ratio:16 / 10 !important;
		max-height:none;
		border-radius:11px !important;
	}

	.marona-service-body{
		padding-block:40px 58px !important;
	}

	.marona-service-content{
		max-width:none !important;
	}

	.marona-service-content > figure,
	.marona-service-content > .wp-block-image{
		margin:22px 0;
	}

	.marona-service-content > figure img,
	.marona-service-content > .wp-block-image img{
		max-height:360px;
		border-radius:10px;
	}

	.marona-service-page .marona-context-cta h2{
		font-size:26px !important;
		line-height:1.55 !important;
	}
}

@media(max-width:420px){

	.marona-service-hero{
		padding-block:24px 26px !important;
	}

	.marona-service-hero__media{
		aspect-ratio:16 / 10 !important;
	}

	.marona-service-body{
		padding-top:34px !important;
	}
}


/* ==========================================================================
   Marona 1.0.0 — Production system pages
   ========================================================================== */

.marona-system-hero{
	padding-block:72px 58px;
	background:var(--marona-latte);
}

.marona-system-hero h1{
	max-width:850px;
	margin:0;
	font-family:var(--marona-font-heading);
	font-size:clamp(38px,5vw,66px);
	font-weight:800;
	line-height:1.4;
}

.marona-system-hero p{
	max-width:680px;
	margin:14px 0 0;
	color:rgba(47,49,50,.62);
	font-size:14px;
	line-height:2;
}

.marona-system-body{
	padding-block:72px 100px;
}

.marona-search-form{
	display:flex;
	gap:10px;
	max-width:680px;
	margin-top:28px;
}

.marona-search-form input[type="search"]{
	flex:1 1 auto;
	min-width:0;
	height:50px;
	padding:0 15px;
	border:1px solid rgba(47,49,50,.15);
	border-radius:9px;
	background:#fff;
	color:var(--marona-pietra);
	font:inherit;
}

.marona-search-form button{
	flex:0 0 auto;
	min-width:120px;
	height:50px;
	border:0;
	border-radius:9px;
	background:var(--marona-green);
	color:#fff;
	font:inherit;
	font-weight:600;
	cursor:pointer;
}

.marona-search-results{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
	margin-top:34px;
}

.marona-search-card{
	padding:22px;
	border:1px solid rgba(47,49,50,.09);
	border-radius:12px;
	background:#fff;
}

.marona-search-card h2{
	margin:0;
	font-family:var(--marona-font-heading);
	font-size:22px;
	line-height:1.6;
}

.marona-search-card h2 a{
	color:inherit;
}

.marona-search-card p{
	margin:10px 0 0;
	color:rgba(47,49,50,.62);
	font-size:12px;
	line-height:1.9;
}

.marona-404-actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:28px;
}

@media(max-width:760px){
	.marona-system-hero{
		padding-block:50px 42px;
	}

	.marona-system-body{
		padding-block:52px 72px;
	}

	.marona-search-form{
		display:grid;
		grid-template-columns:1fr;
	}

	.marona-search-form button{
		width:100%;
	}

	.marona-search-results{
		grid-template-columns:1fr;
	}
}


/* ==========================================================================
   Marona 1.0.3 — Image-backed Service Hero
   ========================================================================== */

.marona-service-hero{
	padding-block:34px 46px !important;
	background:#fff !important;
}

.marona-service-hero .marona-container{
	width:min(calc(100% - 24px), 1680px);
}

.marona-service-hero__panel{
	position:relative;
	isolation:isolate;
	overflow:hidden;
	width:100%;
	min-height:540px;
	border-radius:22px;
	background:#1b2d27;
	box-shadow:0 26px 70px rgba(23,49,41,.11);
}

.marona-service-hero__media{
	position:absolute !important;
	inset:0;
	width:100%;
	height:100%;
	max-height:none !important;
	aspect-ratio:auto !important;
	border-radius:0 !important;
	background:#d8d9d6;
	box-shadow:none !important;
}

.marona-service-hero__media::after{
	content:none !important;
}

.marona-service-hero__image,
.marona-service-hero__media img{
	display:block;
	width:100% !important;
	height:100% !important;
	max-width:none !important;
	max-height:none !important;
	object-fit:cover !important;
	object-position:center center;
}

.marona-service-hero__placeholder{
	width:100%;
	height:100%;
	border-radius:0;
}

.marona-service-hero__shade{
	position:absolute;
	z-index:1;
	inset:0;
	pointer-events:none;
	background:
		linear-gradient(
			270deg,
			rgba(16,38,31,.96) 0%,
			rgba(16,38,31,.91) 23%,
			rgba(16,38,31,.72) 40%,
			rgba(16,38,31,.28) 61%,
			rgba(16,38,31,.05) 78%,
			rgba(16,38,31,0) 100%
		);
}

.marona-service-hero__copy{
	position:relative;
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:min(53%,680px);
	min-height:540px;
	margin-right:0;
	margin-left:auto;
	padding:58px clamp(38px,5vw,72px);
	color:#fff;
}

.marona-service-hero .marona-breadcrumb{
	margin:0 0 24px;
	color:rgba(255,255,255,.62);
}

.marona-service-hero .marona-breadcrumb a,
.marona-service-hero .marona-breadcrumb strong{
	color:inherit;
}

.marona-service-hero .marona-breadcrumb span{
	color:rgba(255,255,255,.32);
}

.marona-service-hero .marona-eyebrow{
	margin-bottom:10px;
	color:rgba(255,255,255,.62);
}

.marona-service-hero__display-title{
	max-width:660px !important;
	margin:0;
	color:#fff;
	font-size:clamp(40px,4.5vw,66px) !important;
	line-height:1.36 !important;
	letter-spacing:-.02em;
	text-shadow:0 2px 24px rgba(0,0,0,.12);
}

.marona-service-hero .marona-single-lead{
	max-width:620px;
	margin:18px 0 0;
	color:rgba(255,255,255,.78);
	font-size:15px;
	line-height:2.05;
}

.marona-service-hero__actions{
	margin-top:28px !important;
}

.marona-service-hero__button{
	min-width:154px;
	justify-content:center;
	background:#fff !important;
	color:var(--marona-green) !important;
	border-color:#fff !important;
}

.marona-service-hero__button:hover{
	background:var(--marona-latte) !important;
}

/* ==========================================================================
   Marona 1.0.3 — Persian/FaNum numerals
   ========================================================================== */

@counter-style marona-persian-2{
	system:numeric;
	symbols:"۰" "۱" "۲" "۳" "۴" "۵" "۶" "۷" "۸" "۹";
	pad:2 "۰";
	suffix:"";
}

@counter-style marona-persian{
	system:numeric;
	symbols:"۰" "۱" "۲" "۳" "۴" "۵" "۶" "۷" "۸" "۹";
	suffix:"";
}

.marona-service-process-list > li::before{
	content:counter(marona-step,marona-persian-2) !important;
	font-family:var(--marona-font-body) !important;
	letter-spacing:0 !important;
}

.marona-service-feature-list > li::before{
	content:none !important;
	display:none !important;
}

.marona-card-index,
.mro-theme-header__phone,
.mro-theme-mobile-drawer__phone,
.mro-footer-phone,
.mro-footer-contact-list,
.marona-single-meta-inline,
.marona-project-card__meta,
.marona-context-cta__call strong{
	font-family:var(--marona-font-body) !important;
	font-variant-numeric:normal !important;
	letter-spacing:0 !important;
}

/* Tablet */
@media(max-width:1024px){
	.marona-service-hero .marona-container{
		width:min(calc(100% - 20px), 1480px);
	}
	.marona-service-hero__panel{
		min-height:500px;
	}

	.marona-service-hero__copy{
		width:min(60%,620px);
		min-height:500px;
		padding:46px 42px;
	}

	.marona-service-hero__shade{
		background:
			linear-gradient(
				270deg,
				rgba(16,38,31,.96) 0%,
				rgba(16,38,31,.88) 32%,
				rgba(16,38,31,.52) 57%,
				rgba(16,38,31,.08) 82%,
				rgba(16,38,31,0) 100%
			);
	}
}

/* Mobile */
@media(max-width:760px){
	.marona-service-hero{
		padding-block:14px 26px !important;
	}

	.marona-service-hero .marona-container{
		padding-inline:14px;
	}

	.marona-service-hero__panel{
		min-height:470px;
		border-radius:14px;
		box-shadow:0 16px 42px rgba(23,49,41,.10);
	}

	.marona-service-hero__media img{
		object-position:center center;
	}

	.marona-service-hero__shade{
		background:
			linear-gradient(
				0deg,
				rgba(16,38,31,.98) 0%,
				rgba(16,38,31,.92) 27%,
				rgba(16,38,31,.66) 49%,
				rgba(16,38,31,.20) 71%,
				rgba(16,38,31,0) 100%
			);
	}

	.marona-service-hero__copy{
		justify-content:flex-end;
		width:100%;
		min-height:470px;
		padding:30px 24px 28px;
	}

	.marona-service-hero .marona-breadcrumb{
		margin-bottom:14px;
		font-size:9px;
		line-height:1.8;
	}

	.marona-service-hero .marona-eyebrow{
		margin-bottom:7px;
	}

	.marona-service-hero__display-title{
		max-width:100% !important;
		font-size:31px !important;
		line-height:1.45 !important;
	}

	.marona-service-hero .marona-single-lead{
		margin-top:12px;
		font-size:12px;
		line-height:1.95;
		color:rgba(255,255,255,.80);
	}

	.marona-service-hero__actions{
		margin-top:18px !important;
	}

	.marona-service-hero__button{
		width:100%;
		min-height:44px;
	}
}

@media(max-width:420px){
	.marona-service-hero__panel,
	.marona-service-hero__copy{
		min-height:445px;
	}

	.marona-service-hero__copy{
		padding:26px 20px 22px;
	}

	.marona-service-hero__display-title{
		font-size:28px !important;
	}
}


/* ==========================================================================
   Marona 1.0.3 — Full-bleed Service Hero
   ========================================================================== */

/*
 * Service Hero now behaves like a true full-width editorial slider:
 * no outer gutter, no rounded corners and no card shadow.
 */
.marona-service-hero{
	padding:0 !important;
	margin:0 !important;
	background:#fff !important;
}

.marona-service-hero .marona-container{
	width:100% !important;
	max-width:none !important;
	margin:0 !important;
	padding:0 !important;
}

.marona-service-hero__panel{
	width:100% !important;
	min-height:500px;
	border-radius:0 !important;
	box-shadow:none !important;
}

.marona-service-hero__copy{
	min-height:500px;
	padding-inline:clamp(40px,6vw,96px);
}

@media(max-width:1024px){
	.marona-service-hero .marona-container{
		width:100% !important;
		max-width:none !important;
		margin:0 !important;
		padding:0 !important;
	}

	.marona-service-hero__panel,
	.marona-service-hero__copy{
		min-height:440px;
	}
}

@media(max-width:760px){
	.marona-service-hero{
		padding:0 !important;
		margin:0 !important;
	}

	.marona-service-hero .marona-container{
		width:100% !important;
		max-width:none !important;
		padding:0 !important;
		margin:0 !important;
	}

	.marona-service-hero__panel,
	.marona-service-hero__copy{
		min-height:350px;
	}

	.marona-service-hero__panel{
		border-radius:0 !important;
		box-shadow:none !important;
	}

	.marona-service-hero__copy{
		padding:20px 18px 18px;
	}

	.marona-service-hero .marona-breadcrumb{
		display:none;
	}

	.marona-service-hero .marona-eyebrow{
		margin-bottom:5px;
		font-size:8px;
	}

	.marona-service-hero__display-title{
		font-size:26px !important;
		line-height:1.38 !important;
	}

	.marona-service-hero .marona-single-lead{
		margin-top:8px;
		font-size:11px;
		line-height:1.85;
		display:-webkit-box;
		-webkit-line-clamp:3;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}

	.marona-service-hero__actions{
		margin-top:12px !important;
	}

	.marona-service-hero__button{
		min-height:40px;
	}
}

@media(max-width:420px){
	.marona-service-hero__panel,
	.marona-service-hero__copy{
		min-height:330px;
	}

	.marona-service-hero__copy{
		padding:18px 16px 16px;
	}

	.marona-service-hero__display-title{
		font-size:24px !important;
	}
}

/* ==========================================================================
   Marona 1.0.5 — About page
   ========================================================================== */

.marona-about-page{
	background:#fff;
	color:var(--marona-pietra);
}

.marona-about-hero{
	position:relative;
	overflow:hidden;
	background:var(--marona-green-deep);
	color:#fff;
}

.marona-about-hero__inner{
	position:relative;
	min-height:590px;
	display:grid;
	grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
	align-items:center;
	gap:clamp(48px,8vw,120px);
	padding-block:88px;
}

.marona-about-hero__copy{
	position:relative;
	z-index:2;
	max-width:760px;
}

.marona-about-hero .marona-eyebrow{
	color:rgba(255,255,255,.56);
	margin:0 0 12px;
}

.marona-about-hero h1{
	margin:0;
	max-width:760px;
	font-size:clamp(46px,6vw,82px);
	line-height:1.28;
	letter-spacing:-.025em;
}

.marona-about-hero__lead{
	max-width:680px;
	margin:26px 0 0;
	font-size:17px;
	line-height:2.15;
	color:rgba(255,255,255,.76);
}

.marona-about-hero__actions{
	display:flex;
	align-items:center;
	gap:24px;
	flex-wrap:wrap;
	margin-top:34px;
}

.marona-about-text-link{
	display:inline-flex;
	align-items:center;
	gap:9px;
	font-weight:700;
	font-size:13px;
	border-bottom:1px solid rgba(47,49,50,.25);
	padding-bottom:4px;
}

.marona-about-text-link:hover{
	border-color:currentColor;
}

.marona-about-text-link--light{
	color:#fff;
	border-color:rgba(255,255,255,.35);
}

.marona-about-hero__brand{
	position:relative;
	z-index:2;
	justify-self:end;
	width:min(100%,330px);
	padding:46px 42px;
	border:1px solid rgba(255,255,255,.13);
	background:rgba(255,255,255,.045);
	backdrop-filter:blur(10px);
}

.marona-about-hero__brand img{
	width:100%;
	max-height:180px;
	object-fit:contain;
}

.marona-about-hero__brand span{
	display:block;
	margin-top:28px;
	padding-top:18px;
	border-top:1px solid rgba(255,255,255,.12);
	font-family:var(--marona-font-display);
	letter-spacing:.18em;
	font-size:12px;
	color:rgba(255,255,255,.54);
	direction:ltr;
	text-align:left;
}

.marona-about-hero__ghost{
	position:absolute;
	left:-20px;
	bottom:-82px;
	z-index:1;
	font-family:var(--marona-font-display);
	font-size:clamp(150px,25vw,390px);
	line-height:.8;
	letter-spacing:.01em;
	color:rgba(255,255,255,.025);
	direction:ltr;
	pointer-events:none;
}

.marona-about-intro{
	padding:110px 0;
	background:var(--marona-latte);
}

.marona-about-intro__grid{
	display:grid;
	grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);
	gap:clamp(50px,8vw,120px);
	align-items:start;
}

.marona-about-intro h2,
.marona-about-heading h2,
.marona-about-statement h2,
.marona-about-audience h2,
.marona-about-cta h2{
	margin:8px 0 0;
	font-size:clamp(31px,4vw,50px);
	line-height:1.45;
}

.marona-about-intro__body{
	max-width:780px;
}

.marona-about-intro__body p{
	margin:0 0 20px;
	font-size:16px;
	line-height:2.2;
	color:#565a59;
}

.marona-about-intro__body p:first-child{
	font-size:19px;
	font-weight:700;
	color:var(--marona-pietra);
}

.marona-about-capabilities,
.marona-about-process,
.marona-about-projects{
	padding:110px 0;
	background:#fff;
}

.marona-about-heading{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);
	gap:60px;
	align-items:end;
	margin-bottom:56px;
}

.marona-about-heading > p{
	margin:0;
	max-width:560px;
	justify-self:end;
	color:#6b6f6e;
	line-height:2;
}

.marona-about-heading--compact{
	grid-template-columns:1fr;
}

.marona-about-capabilities__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	border-top:1px solid rgba(47,49,50,.14);
	border-right:1px solid rgba(47,49,50,.14);
}

.marona-about-capability{
	position:relative;
	min-height:280px;
	padding:34px;
	border-left:1px solid rgba(47,49,50,.14);
	border-bottom:1px solid rgba(47,49,50,.14);
	transition:background .2s ease,transform .2s ease;
}

.marona-about-capability:hover{
	background:var(--marona-latte);
}

.marona-about-process__item > span{
	display:block;
	font-family:var(--marona-font-body);
	font-size:12px;
	font-weight:700;
	color:var(--marona-green);
}

.marona-about-capability h3{
	margin:2px 0 12px;
	font-size:22px;
}

.marona-about-capability p{
	margin:0;
	color:#6b6f6e;
	font-size:13px;
	line-height:2;
}

.marona-about-capability__link{
	position:absolute;
	right:34px;
	bottom:28px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	min-height:40px;
	padding:9px 15px 8px;
	border:1px solid rgba(35,70,59,.55);
	border-radius:3px;
	background:rgba(255,255,255,.38);
	font-size:12px;
	font-weight:700;
	line-height:1.2;
	color:var(--marona-green);
	transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}

.marona-about-capability__link:hover,
.marona-about-capability__link:focus-visible{
	background:var(--marona-green);
	border-color:var(--marona-green);
	color:#fff;
	transform:translateY(-1px);
}

.marona-about-capability__arrow{
	display:inline-block;
	font-size:15px;
	line-height:1;
	transition:transform .2s ease;
}

.marona-about-capability__link:hover .marona-about-capability__arrow,
.marona-about-capability__link:focus-visible .marona-about-capability__arrow{
	transform:translateX(-3px);
}

.marona-about-statement{
	padding:0;
	background:#fff;
}

.marona-about-statement__inner{
	position:relative;
	display:grid;
	grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
	gap:70px;
	align-items:center;
	min-height:560px;
	padding:76px clamp(40px,6vw,86px);
	background:var(--marona-pietra);
	color:#fff;
	overflow:hidden;
}

.marona-about-statement__copy{
	position:relative;
	z-index:2;
	max-width:700px;
}

.marona-about-statement__copy .marona-eyebrow{
	color:rgba(255,255,255,.55);
}

.marona-about-statement__copy p{
	max-width:650px;
	margin:20px 0 28px;
	color:rgba(255,255,255,.7);
	line-height:2.1;
}

.marona-button--outline-light{
	background:transparent !important;
	color:#fff !important;
	border-color:rgba(255,255,255,.5) !important;
}

.marona-button--outline-light:hover{
	background:#fff !important;
	color:var(--marona-pietra) !important;
	border-color:#fff !important;
}

.marona-about-statement__swatches{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-template-rows:repeat(3,100px);
	gap:10px;
	transform:rotate(-5deg);
	opacity:.92;
}

.marona-about-statement__swatches span{
	display:block;
	min-height:100px;
}

.marona-about-statement__swatches .is-green{background:#23463B;grid-row:span 2;}
.marona-about-statement__swatches .is-rosa{background:#6E2635;}
.marona-about-statement__swatches .is-latte{background:#F3EFE7;}
.marona-about-statement__swatches .is-marmara{background:#D8D9D6;}
.marona-about-statement__swatches .is-pietra{background:#444748;}

.marona-about-process{
	background:var(--marona-latte);
}

.marona-about-process__grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	border-top:1px solid rgba(47,49,50,.15);
}

.marona-about-process__item{
	min-height:250px;
	padding:30px 28px;
	border-left:1px solid rgba(47,49,50,.13);
}

.marona-about-process__item:last-child{
	border-left:0;
}

.marona-about-process__item h3{
	margin:54px 0 12px;
	font-size:21px;
}

.marona-about-process__item p{
	margin:0;
	font-size:13px;
	line-height:2;
	color:#6a6e6d;
}

.marona-about-audience{
	padding:110px 0;
	background:#fff;
}

.marona-about-audience__grid{
	display:grid;
	grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
	gap:clamp(50px,8vw,120px);
}

.marona-about-audience__body > p{
	max-width:760px;
	margin:0;
	font-size:16px;
	line-height:2.2;
	color:#606463;
}

.marona-about-audience__tags{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:34px;
}

.marona-about-audience__tags span{
	padding:9px 15px;
	border:1px solid rgba(47,49,50,.14);
	font-size:12px;
	background:#fff;
}

.marona-about-projects{
	background:#f7f6f3;
}

.marona-about-projects__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
}

.marona-about-project-card{
	display:block;
	background:#fff;
	border:1px solid rgba(47,49,50,.09);
}

.marona-about-project-card figure{
	margin:0;
	aspect-ratio:3/2;
	overflow:hidden;
	background:var(--marona-marmara);
}

.marona-about-project-card figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .35s ease;
}

.marona-about-project-card:hover figure img{
	transform:scale(1.025);
}

.marona-about-project-card__placeholder{
	display:grid;
	place-items:center;
	width:100%;
	height:100%;
	font-family:var(--marona-font-display);
	font-size:48px;
	color:rgba(47,49,50,.15);
}

.marona-about-project-card > div{
	padding:20px 22px 22px;
}

.marona-about-project-card h3{
	margin:0 0 9px;
	font-size:18px;
}

.marona-about-project-card > div > span{
	font-size:11px;
	font-weight:700;
	color:var(--marona-green);
}

.marona-about-projects__more{
	margin-top:34px;
	text-align:center;
}

.marona-about-cta{
	padding:80px 0;
	background:var(--marona-green);
	color:#fff;
}

.marona-about-cta__inner{
	display:grid;
	grid-template-columns:minmax(0,1.2fr) auto;
	gap:50px;
	align-items:center;
}

.marona-about-cta .marona-eyebrow{
	color:rgba(255,255,255,.55);
}

.marona-about-cta h2{
	max-width:760px;
}

.marona-about-cta p{
	max-width:720px;
	margin:16px 0 0;
	color:rgba(255,255,255,.72);
	line-height:2;
}

.marona-about-cta__actions{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:18px;
	min-width:190px;
}

@media(max-width:1024px){
	.marona-about-hero__inner{
		min-height:520px;
		grid-template-columns:minmax(0,1fr) 250px;
		gap:40px;
		padding-block:70px;
	}

	.marona-about-hero__brand{
		padding:34px 28px;
	}

	.marona-about-capabilities__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.marona-about-process__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.marona-about-process__item:nth-child(2){
		border-left:0;
	}

	.marona-about-process__item:nth-child(-n+2){
		border-bottom:1px solid rgba(47,49,50,.13);
	}

	.marona-about-projects__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:760px){
	.marona-about-hero__inner{
		min-height:0;
		grid-template-columns:1fr;
		padding-block:54px 58px;
	}

	.marona-about-hero__brand{
		display:none;
	}

	.marona-about-hero h1{
		font-size:40px;
	}

	.marona-about-hero__lead{
		font-size:14px;
		line-height:2;
	}

	.marona-about-hero__actions{
		margin-top:26px;
		gap:18px;
	}

	.marona-about-hero__ghost{
		font-size:160px;
		bottom:-34px;
	}

	.marona-about-intro,
	.marona-about-capabilities,
	.marona-about-process,
	.marona-about-audience,
	.marona-about-projects{
		padding:70px 0;
	}

	.marona-about-intro__grid,
	.marona-about-audience__grid,
	.marona-about-heading,
	.marona-about-cta__inner{
		grid-template-columns:1fr;
		gap:30px;
	}

	.marona-about-heading{
		margin-bottom:34px;
	}

	.marona-about-heading > p{
		justify-self:start;
	}

	.marona-about-intro h2,
	.marona-about-heading h2,
	.marona-about-statement h2,
	.marona-about-audience h2,
	.marona-about-cta h2{
		font-size:30px;
	}

	.marona-about-capabilities__grid{
		grid-template-columns:1fr;
	}

	.marona-about-capability{
		min-height:245px;
		padding:28px;
	}

	.marona-about-capability h3{
		margin-top:0;
	}

	.marona-about-capability__link{
		right:28px;
		bottom:24px;
	}

	.marona-about-statement__inner{
		grid-template-columns:1fr;
		min-height:0;
		padding:54px 26px;
	}

	.marona-about-statement__swatches{
		grid-template-rows:repeat(3,64px);
		max-width:420px;
		transform:none;
	}

	.marona-about-statement__swatches span{
		min-height:64px;
	}

	.marona-about-process__grid{
		grid-template-columns:1fr;
	}

	.marona-about-process__item,
	.marona-about-process__item:nth-child(2),
	.marona-about-process__item:last-child{
		min-height:0;
		padding:28px 0 34px;
		border-left:0;
		border-bottom:1px solid rgba(47,49,50,.13);
	}

	.marona-about-process__item:last-child{
		border-bottom:0;
	}

	.marona-about-process__item h3{
		margin-top:25px;
	}

	.marona-about-projects__grid{
		grid-template-columns:1fr;
	}

	.marona-about-cta{
		padding:58px 0;
	}

	.marona-about-cta__actions{
		min-width:0;
		align-items:flex-start;
	}
}


/* ==========================================================================
   Marona 1.0.6 — Service content refinements
   ========================================================================== */
@media(max-width:760px){
	.marona-service-process-list{
		grid-template-columns:1fr !important;
	}

	.marona-service-process-list > li,
	.marona-service-process-list > li:nth-child(odd):not(:last-child),
	.marona-service-process-list > li:nth-last-child(2):nth-child(even){
		border-left:0;
		border-bottom:1px solid rgba(47,49,50,.11);
	}

	.marona-service-process-list > li:last-child{
		border-bottom:0;
	}
}


/* ==========================================================================
   Marona 1.0.7 — Responsive Service Hero framing
   ========================================================================== */

/*
 * Hero imagery is authored with the subject in the left safe zone and
 * negative space on the right for Persian copy. Desktop keeps the full
 * composition; mobile deliberately crops toward the left-safe zone.
 */
.marona-service-hero__image,
.marona-service-hero__media img{
	object-position:42% center !important;
}

@media(max-width:760px){
	.marona-service-hero__panel,
	.marona-service-hero__copy{
		min-height:clamp(340px,100vw,390px) !important;
	}

	.marona-service-hero__image,
	.marona-service-hero__media img{
		object-position:30% center !important;
	}

	.marona-service-hero__shade{
		background:
			linear-gradient(
				0deg,
				rgba(16,38,31,.98) 0%,
				rgba(16,38,31,.90) 31%,
				rgba(16,38,31,.54) 53%,
				rgba(16,38,31,.12) 72%,
				rgba(16,38,31,0) 100%
			),
			linear-gradient(
				270deg,
				rgba(16,38,31,.40) 0%,
				rgba(16,38,31,.10) 52%,
				rgba(16,38,31,0) 100%
			);
	}

	.marona-service-hero__copy{
		justify-content:flex-end;
		align-items:flex-start;
		padding:22px 18px 20px !important;
	}

	.marona-service-hero .marona-eyebrow{
		margin:0 0 7px;
		font-size:8px;
		letter-spacing:.10em;
	}

	.marona-service-hero__display-title{
		width:auto;
		max-width:10.8em !important;
		margin:0 !important;
		padding-right:12px;
		border-right:2px solid rgba(255,255,255,.42);
		font-size:clamp(28px,8.1vw,34px) !important;
		font-weight:800;
		line-height:1.34 !important;
		letter-spacing:-.025em;
		text-wrap:balance;
	}

	.marona-service-hero .marona-single-lead{
		max-width:320px;
		margin-top:10px;
		font-size:11px;
		line-height:1.9;
	}

	.marona-service-hero__actions{
		width:auto;
		margin-top:14px !important;
	}

	.marona-service-hero__actions .marona-button,
	.marona-service-hero__button{
		width:auto !important;
		min-width:158px;
		min-height:42px;
		padding-inline:20px;
		align-self:flex-start;
	}
}

@media(max-width:420px){
	.marona-service-hero__panel,
	.marona-service-hero__copy{
		min-height:clamp(330px,100vw,370px) !important;
	}

	.marona-service-hero__copy{
		padding:19px 16px 17px !important;
	}

	.marona-service-hero__display-title{
		max-width:10.4em !important;
		font-size:clamp(27px,8.2vw,31px) !important;
		line-height:1.34 !important;
	}
}


/* ==========================================================================
   Marona 1.0.9 — Reliable desktop/mobile Service Hero titles
   ========================================================================== */

/* Keep each editorial title in the HTML instead of swapping text via a CSS
 * generated-content attribute. This is more robust with caching, responsive
 * previews and accessibility tools. */
.marona-service-hero__title-desktop{
	display:inline;
}

.marona-service-hero__title-mobile{
	display:none;
}

/* Standard Hero source image: subject in the left safe zone, quiet right side. */
.marona-service-hero__image,
.marona-service-hero__media img{
	object-position:40% center !important;
}

@media(max-width:760px){
	.marona-service-hero__panel,
	.marona-service-hero__copy{
		height:clamp(360px,100vw,430px) !important;
		min-height:0 !important;
	}

	.marona-service-hero__image,
	.marona-service-hero__media img{
		object-position:28% center !important;
	}

	.marona-service-hero__shade{
		background:
			linear-gradient(
				0deg,
				rgba(16,38,31,.99) 0%,
				rgba(16,38,31,.94) 29%,
				rgba(16,38,31,.66) 48%,
				rgba(16,38,31,.20) 67%,
				rgba(16,38,31,0) 82%
			),
			linear-gradient(
				270deg,
				rgba(16,38,31,.34) 0%,
				rgba(16,38,31,.08) 56%,
				rgba(16,38,31,0) 100%
			);
	}

	.marona-service-hero__copy{
		justify-content:flex-end;
		align-items:flex-start;
		padding:22px 17px 19px !important;
	}

	.marona-service-hero .marona-breadcrumb{
		display:none !important;
	}

	.marona-service-hero .marona-eyebrow{
		margin:0 0 7px;
		font-size:8px;
		letter-spacing:.11em;
		opacity:.78;
	}

	.marona-service-hero__display-title{
		width:auto;
		max-width:320px !important;
		margin:0 !important;
		padding-right:12px;
		border-right:2px solid rgba(255,255,255,.44);
		font-size:clamp(29px,8.15vw,34px) !important;
		font-weight:800;
		line-height:1.30 !important;
		letter-spacing:-.025em;
		text-wrap:balance;
	}

	.marona-service-hero__title-desktop{
		display:none !important;
	}

	.marona-service-hero__title-mobile{
		display:inline !important;
	}

	.marona-service-hero .marona-single-lead{
		display:-webkit-box;
		max-width:320px;
		margin-top:10px;
		overflow:hidden;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		font-size:11px;
		line-height:1.85;
	}

	.marona-service-hero__actions{
		width:auto;
		margin-top:13px !important;
	}

	.marona-service-hero__actions .marona-button,
	.marona-service-hero__button{
		width:auto !important;
		min-width:160px;
		min-height:42px;
		padding-inline:20px;
		align-self:flex-start;
	}
}

@media(max-width:420px){
	.marona-service-hero__panel,
	.marona-service-hero__copy{
		height:clamp(350px,100vw,410px) !important;
	}

	.marona-service-hero__copy{
		padding:19px 15px 17px !important;
	}

	.marona-service-hero__display-title{
		max-width:292px !important;
		font-size:clamp(28px,8vw,31px) !important;
		line-height:1.30 !important;
	}
}


/* ==========================================================================
   Marona 1.0.10 — Semantic Service Hero titles
   ========================================================================== */

/* The canonical WordPress service title remains the page's single H1 for
 * document structure, while the editorial desktop/mobile Hero lines are
 * visual copy rather than additional headings. */
.marona-sr-only{
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	padding:0 !important;
	margin:-1px !important;
	overflow:hidden !important;
	clip:rect(0,0,0,0) !important;
	white-space:nowrap !important;
	border:0 !important;
}

.marona-service-hero__display-title{
	display:block;
}


/* ==========================================================================
   Marona 1.0.11 — Child Service media integration
   ========================================================================== */

/* Child Featured Images become editorial media rows inside the parent Service
 * content. Images are managed only on the child page and reused automatically. */
.marona-service-content.has-inline-child-media > .marona-inline-child-service{
	width:min(1120px,calc(100vw - 44px));
	max-width:none;
	position:relative;
	left:50%;
	margin:46px 0;
	transform:translateX(-50%);
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);
	align-items:center;
	gap:clamp(28px,4vw,64px);
}

.marona-inline-child-service.is-reversed{
	grid-template-columns:minmax(320px,.92fr) minmax(0,1fr);
}

.marona-inline-child-service.is-reversed .marona-inline-child-service__text{
	order:2;
}

.marona-inline-child-service.is-reversed .marona-inline-child-service__media{
	order:1;
}

.marona-inline-child-service__text > h3{
	margin:0 0 14px;
	font-size:clamp(24px,2.4vw,34px);
	line-height:1.45;
}

.marona-inline-child-service__text > p{
	margin:0 0 14px;
	color:rgba(47,49,50,.80);
	font-size:14px;
	line-height:2.15;
}

.marona-inline-child-service__text > p:last-child{
	margin-bottom:0;
}

.marona-inline-child-service__media{
	display:block;
	aspect-ratio:3/2;
	overflow:hidden;
	border-radius:14px;
	background:#ecebe6;
	box-shadow:0 18px 44px rgba(23,49,41,.08);
}

.marona-inline-child-service__media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .45s ease;
}

.marona-inline-child-service__media:hover img{
	transform:scale(1.025);
}

/* Fallback child cards now also use the same Featured Image when the inline
 * section cannot yet be built (for example before all child images are set). */
.marona-child-items .marona-service-card{
	padding:0;
	overflow:hidden;
	min-height:0;
}

.marona-service-card__media{
	display:block;
	aspect-ratio:3/2;
	overflow:hidden;
	background:#ecebe6;
}

.marona-service-card__media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .4s ease;
}

.marona-service-card:hover .marona-service-card__media img{
	transform:scale(1.025);
}

.marona-service-card__body{
	padding:24px 26px 28px;
}

.marona-child-items .marona-service-card h3{
	margin:0 0 10px;
}

.marona-child-items .marona-service-card p{
	margin:0;
}

/* Move mobile Hero copy away from the absolute bottom edge. */
@media(max-width:760px){
	.marona-service-hero__copy{
		padding-bottom:38px !important;
	}

	.marona-service-content.has-inline-child-media > .marona-inline-child-service{
		width:100%;
		margin:38px 0;
		transform:none;
		grid-template-columns:1fr;
		gap:20px;
	}

	.marona-inline-child-service.is-reversed{
		grid-template-columns:1fr;
	}

	.marona-inline-child-service.is-reversed .marona-inline-child-service__text,
	.marona-inline-child-service.is-reversed .marona-inline-child-service__media{
		order:initial;
	}

	.marona-inline-child-service__text{
		order:1 !important;
	}

	.marona-inline-child-service__media{
		order:2 !important;
		border-radius:11px;
	}

	.marona-inline-child-service__text > h3{
		font-size:24px;
	}

	.marona-inline-child-service__text > p{
		font-size:13px;
		line-height:2.05;
	}
}

@media(max-width:420px){
	.marona-service-hero__copy{
		padding-bottom:32px !important;
	}
}



/* Marona 1.0.12 — Services archive: single-page 4-column grid */
.post-type-archive-marona_service .marona-archive-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
}

.post-type-archive-marona_service .marona-archive-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.post-type-archive-marona_service .marona-archive-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 20px;
}

.post-type-archive-marona_service .marona-archive-card__body h3 {
	font-size: clamp(16px, 1.25vw, 18px);
	line-height: 1.65;
}

.post-type-archive-marona_service .marona-archive-card__body p {
	margin-top: 7px;
}

@media (max-width: 1024px) {
	.post-type-archive-marona_service .marona-archive-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.post-type-archive-marona_service .marona-archive-cards {
		grid-template-columns: 1fr;
	}
}

/* Marona 1.0.13 — Services archive editorial sections */
.post-type-archive-marona_service .marona-service-archive-hero {
	padding-block: 76px 68px;
}

.post-type-archive-marona_service .marona-archive-hero__lead {
	max-width: 720px;
	margin: 18px 0 0;
	color: rgba(47,49,50,.66);
	font-size: 15px;
	line-height: 2.05;
}

.post-type-archive-marona_service .marona-service-archive {
	padding-block: 82px 108px;
}

.post-type-archive-marona_service .marona-service-archive__section + .marona-service-archive__section {
	margin-top: 104px;
	padding-top: 92px;
	border-top: 1px solid rgba(47,49,50,.10);
}

.post-type-archive-marona_service .marona-service-archive__heading {
	max-width: 760px;
	margin: 0 0 34px;
}

.post-type-archive-marona_service .marona-service-archive__heading h2 {
	margin: 4px 0 0;
	font-size: clamp(28px, 3.2vw, 44px);
	line-height: 1.45;
}

.post-type-archive-marona_service .marona-service-archive__heading > p:last-child {
	max-width: 680px;
	margin: 10px 0 0;
	color: rgba(47,49,50,.58);
	font-size: 13px;
	line-height: 2;
}

.post-type-archive-marona_service .marona-service-archive__cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px;
}

.post-type-archive-marona_service .marona-service-archive__cards .marona-archive-card {
	flex: 0 0 calc((100% - 36px) / 3);
	max-width: calc((100% - 36px) / 3);
}

.post-type-archive-marona_service .marona-service-archive__heading h2 a {
	color: inherit;
	text-decoration: none;
}

.post-type-archive-marona_service .marona-service-archive__heading h2 a:hover {
	color: var(--marona-royal-green, #23463B);
}

@media (max-width: 1024px) {
	.post-type-archive-marona_service .marona-service-archive-hero {
		padding-block: 64px 58px;
	}

	.post-type-archive-marona_service .marona-service-archive {
		padding-block: 68px 90px;
	}

	.post-type-archive-marona_service .marona-service-archive__section + .marona-service-archive__section {
		margin-top: 78px;
		padding-top: 72px;
	}

	.post-type-archive-marona_service .marona-service-archive__cards .marona-archive-card {
		flex-basis: calc((100% - 18px) / 2);
		max-width: calc((100% - 18px) / 2);
	}
}

@media (max-width: 640px) {
	.post-type-archive-marona_service .marona-service-archive-hero {
		padding-block: 52px 46px;
	}

	.post-type-archive-marona_service .marona-service-archive-hero h1 {
		font-size: clamp(38px, 12vw, 54px);
	}

	.post-type-archive-marona_service .marona-archive-hero__lead {
		margin-top: 14px;
		font-size: 13px;
		line-height: 2;
	}

	.post-type-archive-marona_service .marona-service-archive {
		padding-block: 54px 72px;
	}

	.post-type-archive-marona_service .marona-service-archive__heading {
		margin-bottom: 24px;
	}

	.post-type-archive-marona_service .marona-service-archive__section + .marona-service-archive__section {
		margin-top: 62px;
		padding-top: 56px;
	}

	.post-type-archive-marona_service .marona-service-archive__cards .marona-archive-card {
		flex-basis: 100%;
		max-width: 100%;
	}
}

/* Marona 1.0.15 — Stone Processing hub child navigation */
.marona-child-items--processing-hub .marona-service-grid{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:16px;
}

.marona-child-items--processing-hub .marona-service-card{
	flex:0 0 calc((100% - 32px) / 3);
	max-width:calc((100% - 32px) / 3);
}

@media(max-width:1024px){
	.marona-child-items--processing-hub .marona-service-card{
		flex-basis:calc((100% - 16px) / 2);
		max-width:calc((100% - 16px) / 2);
	}
}

@media(max-width:640px){
	.marona-child-items--processing-hub .marona-service-card{
		flex-basis:100%;
		max-width:100%;
	}
}

/* ========================================================================== 
   Marona 1.0.17 — Material content model / paired data UI
   ========================================================================== */
.marona-material-hero__display-title{
	max-width:980px;
	margin:0;
	font-family:var(--marona-font-heading);
	font-size:clamp(42px,6vw,78px);
	font-weight:800;
	line-height:1.25;
	color:var(--marona-pietra,#2f3132);
}

.marona-material-hero__title-mobile{display:none;}
.marona-material-hero__lead{max-width:820px;}

.marona-material-facts,
.marona-material-performance,
.marona-material-lab{
	padding-block:76px;
	background:#fff;
}

.marona-material-facts{
	border-bottom:1px solid rgba(47,49,50,.08);
}

.marona-material-performance{
	background:var(--marona-latte,#f3efe7);
}

.marona-material-lab{
	border-top:1px solid rgba(47,49,50,.08);
}

.marona-material-facts__grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
}

.marona-material-performance__grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}

.marona-material-lab__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:14px;
}

.marona-material-fact,
.marona-material-performance__item,
.marona-material-lab__grid > div{
	display:flex;
	flex-direction:column;
	gap:8px;
	min-height:108px;
	padding:22px 26px;
	border:1px solid rgba(47,49,50,.1);
	border-radius:14px;
	background:#fff;
}

.marona-material-fact--wide{grid-column:1/-1;}

.marona-material-fact span,
.marona-material-performance__item span,
.marona-material-lab__grid span{
	color:rgba(47,49,50,.58);
	font-size:12px;
	line-height:1.8;
}

.marona-material-fact strong,
.marona-material-performance__item strong,
.marona-material-lab__grid strong{
	color:var(--marona-pietra,#2f3132);
	font-size:15px;
	font-weight:700;
	line-height:2;
}

.marona-material-performance__item{
	min-height:102px;
	padding:20px 22px;
}

.marona-material-performance__item strong{
	font-size:14px;
	line-height:1.85;
}

.marona-material-finish-links a{
	color:var(--marona-royal-green,#23463b);
	text-decoration:none;
}
.marona-material-finish-links a:hover{text-decoration:underline;}

.marona-material-facts .marona-home-heading,
.marona-material-performance .marona-home-heading{
	margin-bottom:30px;
}

.marona-material-fact,
.marona-material-performance__item{
	position:relative;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(27,39,35,.035);
	transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.marona-material-fact::before,
.marona-material-performance__item::before{
	content:"";
	position:absolute;
	inset-inline-start:0;
	top:0;
	bottom:0;
	width:3px;
	background:rgba(35,70,59,.18);
}

.marona-material-fact:hover,
.marona-material-performance__item:hover{
	transform:translateY(-2px);
	border-color:rgba(35,70,59,.2);
	box-shadow:0 14px 34px rgba(27,39,35,.065);
}

.marona-material-performance__item--summary{
	grid-column:1/-1;
	min-height:96px;
	background:rgba(35,70,59,.055);
	border-color:rgba(35,70,59,.16);
}

.marona-material-performance__item--summary::before{
	background:var(--marona-royal-green,#23463b);
}

.marona-material-note{
	margin-top:18px;
	padding:22px 24px;
	border-inline-start:3px solid var(--marona-royal-green,#23463b);
	border-radius:10px;
	background:rgba(255,255,255,.75);
}
.marona-material-note strong{display:block;margin-bottom:8px;}
.marona-material-note p{margin:0;color:rgba(47,49,50,.72);line-height:2;}

.marona-material-lab__note{
	max-width:760px;
	margin:-8px 0 24px;
	color:rgba(47,49,50,.62);
	font-size:13px;
	line-height:2;
}

@media(max-width:1180px){
	.marona-material-performance__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media(max-width:900px){
	.marona-material-facts__grid,
	.marona-material-performance__grid,
	.marona-material-lab__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:760px){
	.marona-material-hero__title-desktop{display:none;}
	.marona-material-hero__title-mobile{display:inline;}
	.marona-material-hero__display-title{font-size:clamp(34px,11vw,50px);line-height:1.3;}
	.marona-material-facts,
	.marona-material-performance,
	.marona-material-lab{padding-block:48px;}
	.marona-material-facts__grid,
	.marona-material-performance__grid,
	.marona-material-lab__grid{grid-template-columns:1fr;}
	.marona-material-fact--wide{grid-column:auto;}
	.marona-material-fact,
	.marona-material-performance__item,
	.marona-material-lab__grid > div{min-height:0;padding:18px;}
}


/* ========================================================================== 
   Marona 1.0.18 — Service-style Material Hero + balanced two-column data
   ========================================================================== */
.marona-material-hero--service-style{
	padding-block:0;
	background:transparent;
}

.marona-material-hero--service-style .marona-material-hero__display-title{
	max-width:760px;
	font-size:clamp(42px,5.2vw,72px);
	line-height:1.28;
	color:#fff;
}

.marona-material-hero--service-style .marona-material-hero__lead{
	max-width:640px;
	color:rgba(255,255,255,.84);
}

.marona-material-hero--service-style .marona-material-hero__image{
	object-position:center center !important;
}

.marona-material-facts__grid,
.marona-material-performance__grid{
	grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	align-items:stretch;
}

.marona-material-fact,
.marona-material-performance__item{
	min-height:118px;
	justify-content:center;
}

.marona-material-fact--wide,
.marona-material-performance__item--wide,
.marona-material-performance__item--summary{
	grid-column:1/-1;
}

.marona-material-performance__item--summary{
	min-height:102px;
}

@media(max-width:760px){
	.marona-material-hero--service-style .marona-material-hero__display-title{
		max-width:320px !important;
		font-size:clamp(29px,8.15vw,34px) !important;
		line-height:1.30 !important;
		color:#fff;
	}
	.marona-material-hero--service-style .marona-material-hero__image{
		object-position:center center !important;
	}
	.marona-material-facts__grid,
	.marona-material-performance__grid{
		grid-template-columns:1fr !important;
	}
	.marona-material-fact--wide,
	.marona-material-performance__item--wide,
	.marona-material-performance__item--summary{
		grid-column:auto;
	}
}

/* ========================================================================== 
   Marona 1.0.20 — Material performance responsive grid fix
   Fixes 1.0.18's final !important 2-column override.
   ========================================================================== */
@media (min-width: 1181px){
	.marona-material-performance__grid{
		grid-template-columns:repeat(4,minmax(0,1fr)) !important;
		gap:14px;
	}
}

@media (min-width: 901px) and (max-width: 1180px){
	.marona-material-performance__grid{
		grid-template-columns:repeat(3,minmax(0,1fr)) !important;
	}
}

@media (min-width: 601px) and (max-width: 900px){
	.marona-material-performance__grid{
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	}
}

@media (max-width: 600px){
	.marona-material-performance__grid{
		grid-template-columns:1fr !important;
	}
}

.marona-material-performance__item--summary{
	grid-column:1/-1 !important;
}

/* ==========================================================================
   Marona 1.0.23 — Editorial Article Experience
   ========================================================================== */

.single-post .marona-article-page{
	background:#fff;
}

.marona-article-hero{
	padding:30px 0 36px;
	background:#fff;
}

.marona-article-hero__container{
	width:min(calc(100% - 48px),1400px);
}

.marona-article-breadcrumb{
	margin:0 0 18px;
}

.marona-article-hero__panel{
	display:grid;
	grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);
	align-items:stretch;
	overflow:hidden;
	min-height:470px;
	border:1px solid rgba(47,49,50,.08);
	border-radius:22px;
	background:
		radial-gradient(circle at 12% 0%,rgba(35,70,59,.08),transparent 35%),
		#f7f4ee;
	box-shadow:0 24px 62px rgba(30,38,34,.06);
}

.marona-article-hero.no-image .marona-article-hero__panel{
	grid-template-columns:minmax(0,1fr);
	min-height:auto;
}

.marona-article-hero__copy{
	display:flex;
	flex-direction:column;
	justify-content:center;
	max-width:800px;
	padding:clamp(44px,5.4vw,72px);
}

.marona-article-hero.no-image .marona-article-hero__copy{
	max-width:1040px;
	margin-inline:auto;
	text-align:right;
}

.marona-article-hero .marona-eyebrow{
	margin:0 0 13px;
	color:var(--marona-green);
	font-family:var(--marona-font-body);
	font-size:11px;
	font-weight:700;
	letter-spacing:0;
}

.marona-article-hero h1{
	max-width:880px;
	margin:0;
	font-family:var(--marona-font-heading);
	font-size:clamp(36px,4.1vw,58px);
	font-weight:800;
	line-height:1.38;
	letter-spacing:-.025em;
}

.marona-article-hero__lead{
	max-width:760px;
	margin:22px 0 0;
	color:rgba(47,49,50,.72);
	font-size:16px;
	line-height:2.05;
}

.marona-article-meta{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:9px 20px;
	margin-top:26px;
	color:rgba(47,49,50,.48);
	font-size:11px;
}

.marona-article-meta span{
	position:relative;
}

.marona-article-meta span + span::before{
	content:"";
	position:absolute;
	right:-11px;
	top:50%;
	width:3px;
	height:3px;
	border-radius:50%;
	background:rgba(47,49,50,.28);
	transform:translateY(-50%);
}

.marona-article-hero__media{
	position:relative;
	min-height:470px;
	margin:0;
	background:#d9d7d0;
}

.marona-article-hero__media::after{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}

.marona-article-hero__image{
	width:100%;
	height:100%;
	object-fit:cover;
}

.marona-article-summary{
	padding:0 0 10px;
	background:#fff;
}

.marona-article-summary__card{
	display:grid;
	grid-template-columns:170px minmax(0,1fr);
	gap:32px;
	align-items:start;
	padding:28px 32px;
	border:1px solid rgba(35,70,59,.10);
	border-radius:14px;
	background:#fbfaf7;
}

.marona-article-summary__label{
	display:flex;
	align-items:center;
	gap:11px;
	padding-top:3px;
	color:var(--marona-green);
	font-size:12px;
}

.marona-article-summary__label span{
	width:28px;
	height:2px;
	background:var(--marona-green);
}

.marona-article-summary__card p{
	max-width:900px;
	margin:0;
	color:rgba(47,49,50,.78);
	font-size:14px;
	line-height:2.05;
}

.marona-article-body{
	padding:74px 0 112px;
	background:#fff;
}

.marona-article-layout{
	display:grid;
	grid-template-columns:250px minmax(0,820px);
	gap:clamp(56px,7vw,104px);
	justify-content:center;
	align-items:start;
}

.marona-article-main{
	min-width:0;
}

.marona-article-toc--desktop{
	position:sticky;
	top:112px;
}

.admin-bar .marona-article-toc--desktop{
	top:144px;
}

.marona-article-toc__card{
	padding:22px 21px 20px;
	border:1px solid rgba(47,49,50,.08);
	border-radius:14px;
	background:#f8f6f1;
}

.marona-article-toc__card .marona-eyebrow{
	margin:0 0 13px;
	color:rgba(47,49,50,.5);
	font-family:var(--marona-font-body);
	font-size:11px;
	font-weight:700;
	letter-spacing:0;
}

.marona-article-toc nav{
	display:grid;
	gap:2px;
}

.marona-article-toc a{
	position:relative;
	display:block;
	padding:8px 13px 8px 7px;
	border-radius:7px;
	color:rgba(47,49,50,.69);
	font-size:12px;
	line-height:1.78;
	transition:background .18s ease,color .18s ease;
}

.marona-article-toc a::before{
	content:"";
	position:absolute;
	right:0;
	top:15px;
	width:4px;
	height:4px;
	border-radius:50%;
	background:rgba(35,70,59,.25);
}

.marona-article-toc a:hover,
.marona-article-toc a.is-active{
	background:rgba(35,70,59,.065);
	color:var(--marona-green);
}

.marona-article-toc a.is-active::before{
	background:var(--marona-green);
}

.marona-article-toc--mobile{
	display:none;
}

.marona-article-content{
	max-width:820px;
	font-size:15px;
	line-height:2.18;
}

.marona-article-content > p:first-child{
	margin-top:0;
	color:rgba(47,49,50,.9);
	font-size:16px;
	line-height:2.15;
}

.marona-article-content p{
	margin:0 0 20px;
	color:rgba(47,49,50,.82);
}

.marona-article-content > h2{
	position:relative;
	margin:76px 0 20px;
	padding-top:10px;
	font-family:var(--marona-font-heading);
	font-size:clamp(27px,2.7vw,35px);
	font-weight:750;
	line-height:1.55;
	letter-spacing:-.012em;
	scroll-margin-top:130px;
}

.marona-article-content > h2::before{
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:42px;
	height:2px;
	background:var(--marona-green);
}

.marona-article-content > h2:first-of-type{
	margin-top:54px;
}

.marona-article-content > h3{
	margin:40px 0 12px;
	font-family:var(--marona-font-heading);
	font-size:21px;
	font-weight:700;
	line-height:1.7;
}

.marona-article-content a{
	color:var(--marona-green);
	font-weight:600;
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-decoration-color:rgba(35,70,59,.24);
	text-underline-offset:4px;
}

.marona-article-content a:hover{
	text-decoration-color:var(--marona-green);
}

.marona-article-content ul,
.marona-article-content ol{
	margin:24px 0 30px;
	padding:0 22px 0 0;
}

.marona-article-content li{
	margin:8px 0;
	padding-right:4px;
	color:rgba(47,49,50,.8);
}

.marona-article-content li::marker{
	color:var(--marona-green);
	font-weight:700;
}

.marona-article-content > ol{
	counter-reset:marona-article-step;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	padding:0;
	list-style:none;
}

.marona-article-content > ol > li{
	counter-increment:marona-article-step;
	position:relative;
	min-height:96px;
	margin:0;
	padding:45px 18px 17px;
	border:1px solid rgba(47,49,50,.09);
	border-radius:10px;
	background:#fbfaf7;
	line-height:1.9;
}

.marona-article-content > ol > li::before{
	content:counter(marona-article-step,marona-persian-2);
	position:absolute;
	right:18px;
	top:14px;
	color:var(--marona-green);
	font-size:12px;
	font-weight:700;
}

.marona-article-content blockquote{
	margin:34px 0;
	padding:22px 24px;
	border-right:3px solid var(--marona-green);
	background:#f8f6f1;
	color:rgba(47,49,50,.78);
}

.marona-article-content blockquote > *:last-child{
	margin-bottom:0;
}

.marona-table-wrap,
.marona-article-table-wrap{
	width:100%;
	overflow-x:auto;
	margin:28px 0 36px;
	border:1px solid rgba(47,49,50,.09);
	border-radius:12px;
	background:#fff;
	-webkit-overflow-scrolling:touch;
}

.marona-article-content table{
	width:100%;
	min-width:620px;
	border-collapse:collapse;
	font-size:12px;
	line-height:1.85;
}

.marona-article-content th,
.marona-article-content td{
	padding:14px 16px;
	border-bottom:1px solid rgba(47,49,50,.08);
	text-align:right;
	vertical-align:top;
}

.marona-article-content th{
	background:var(--marona-green);
	color:#fff;
	font-weight:700;
}

.marona-article-content tbody tr:nth-child(even) td{
	background:#fbfaf7;
}

.marona-article-content tbody tr:last-child td{
	border-bottom:0;
}

.marona-article-content figure,
.marona-article-content > .wp-block-image{
	margin:40px 0;
}

.marona-article-content figure img,
.marona-article-content > .wp-block-image img,
.marona-article-content > img{
	width:100%;
	border-radius:14px;
	background:#ece9e2;
}

.marona-article-content figcaption,
.marona-article-content .wp-element-caption{
	margin-top:10px;
	color:rgba(47,49,50,.48);
	font-size:11px;
	line-height:1.8;
}

.marona-article-note,
.marona-article-example,
.marona-article-warning,
.marona-article-decision{
	position:relative;
	margin:34px 0;
	padding:24px 26px 23px;
	border:1px solid rgba(47,49,50,.09);
	border-radius:13px;
	background:#f8f6f1;
}

.marona-article-note::before,
.marona-article-example::before,
.marona-article-warning::before,
.marona-article-decision::before{
	display:block;
	margin-bottom:8px;
	color:var(--marona-green);
	font-size:11px;
	font-weight:800;
}

.marona-article-note::before{content:"نکته مهم";}
.marona-article-example::before{content:"در پروژه واقعی";}
.marona-article-warning::before{content:"هشدار اجرایی";color:var(--marona-rosa);}
.marona-article-decision::before{content:"برای تصمیم‌گیری";}

.marona-article-note > *:last-child,
.marona-article-example > *:last-child,
.marona-article-warning > *:last-child,
.marona-article-decision > *:last-child{
	margin-bottom:0;
}

.marona-article-content .marona-service-faq{
	margin-top:24px;
}

.marona-article-content .marona-service-faq__item{
	background:#fff;
}

.marona-article-content .marona-service-faq__body{
	font-size:13px;
}

.marona-article-cta{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:36px;
	align-items:center;
	margin:72px 0 14px;
	padding:34px 36px;
	border-radius:16px;
	background:var(--marona-green-deep);
	color:#fff;
}

.marona-article-cta .marona-eyebrow{
	margin:0 0 7px;
	color:rgba(255,255,255,.56);
}

.marona-article-cta h2{
	margin:0;
	font-size:25px;
	line-height:1.6;
}

.marona-article-cta__copy > p:not(.marona-eyebrow){
	max-width:610px;
	margin:10px 0 0;
	color:rgba(255,255,255,.72);
	font-size:12px;
	line-height:2;
}

.marona-article-cta__actions{
	display:grid;
	gap:10px;
	min-width:186px;
}

.marona-article-cta__actions .marona-button{
	justify-content:center;
	white-space:nowrap;
}

.marona-article-cta__phone{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:10px 3px 0;
	color:rgba(255,255,255,.7);
	font-size:10px;
}

.marona-article-cta__phone strong{
	color:#fff;
	font-size:12px;
	font-weight:600;
}

.marona-article-related{
	padding:82px 0 104px;
	background:var(--marona-latte);
}

.marona-article-related__head{
	display:flex;
	align-items:end;
	justify-content:space-between;
	gap:24px;
	margin-bottom:26px;
}

.marona-article-related__head .marona-eyebrow{
	margin:0 0 7px;
	color:rgba(47,49,50,.45);
}

.marona-article-related__head h2{
	margin:0;
	font-size:31px;
	line-height:1.5;
}

.marona-article-related__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
}

.marona-article-card{
	overflow:hidden;
	border:1px solid rgba(47,49,50,.08);
	border-radius:14px;
	background:#fff;
	transition:transform .2s ease,box-shadow .2s ease;
}

.marona-article-card:hover{
	transform:translateY(-3px);
	box-shadow:0 18px 46px rgba(30,38,34,.07);
}

.marona-article-card__media{
	display:block;
	aspect-ratio:3/2;
	overflow:hidden;
	background:#d9d8d3;
}

.marona-article-card__media img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .35s ease;
}

.marona-article-card:hover .marona-article-card__media img{
	transform:scale(1.025);
}

.marona-article-card__placeholder{
	display:grid;
	place-items:end start;
	width:100%;
	height:100%;
	padding:18px;
	background:
		linear-gradient(135deg,rgba(35,70,59,.08),transparent 55%),
		#e7e3db;
	color:rgba(35,70,59,.4);
	font-family:var(--marona-font-display);
	font-size:48px;
}

.marona-article-card__body{
	padding:22px 22px 24px;
}

.marona-article-card__body .marona-eyebrow{
	margin:0 0 8px;
	color:var(--marona-green);
	font-family:var(--marona-font-body);
	font-size:9px;
	font-weight:700;
	letter-spacing:0;
}

.marona-article-card__body h3{
	margin:0;
	font-size:19px;
	line-height:1.75;
}

.marona-article-card__body h3 a:hover{
	color:var(--marona-green);
}

.marona-article-card__body > p:last-child{
	margin:10px 0 0;
	color:rgba(47,49,50,.58);
	font-size:11px;
	line-height:1.9;
}

@media(max-width:1100px){
	.marona-article-hero__panel{
		grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);
	}
	.marona-article-hero__copy{
		padding:42px;
	}
	.marona-article-layout{
		grid-template-columns:220px minmax(0,760px);
		gap:48px;
	}
}

@media(max-width:900px){
	.marona-article-hero__container{
		width:min(calc(100% - 32px),1400px);
	}
	.marona-article-hero__panel{
		grid-template-columns:1fr;
		min-height:0;
	}
	.marona-article-hero__copy{
		max-width:none;
		padding:40px 36px;
	}
	.marona-article-hero__media{
		min-height:0;
		aspect-ratio:16/9;
	}
	.marona-article-summary__card{
		grid-template-columns:1fr;
		gap:12px;
	}
	.marona-article-layout{
		display:block;
		width:min(calc(100% - 36px),840px);
	}
	.marona-article-toc--desktop{
		display:none;
	}
	.marona-article-toc--mobile{
		display:block;
		margin:0 0 38px;
		border:1px solid rgba(47,49,50,.08);
		border-radius:12px;
		background:#f8f6f1;
	}
	.marona-article-toc--mobile summary{
		position:relative;
		padding:15px 18px;
		cursor:pointer;
		list-style:none;
		font-size:12px;
		font-weight:700;
	}
	.marona-article-toc--mobile summary::-webkit-details-marker{display:none;}
	.marona-article-toc--mobile summary::after{
		content:"+";
		position:absolute;
		left:18px;
		top:50%;
		color:var(--marona-green);
		font-size:18px;
		font-weight:400;
		transform:translateY(-50%);
	}
	.marona-article-toc--mobile[open] summary::after{content:"−";}
	.marona-article-toc--mobile nav{
		padding:0 12px 14px;
	}
	.marona-article-related__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:640px){
	.marona-article-hero{
		padding:18px 0 26px;
	}
	.marona-article-hero__container{
		width:min(calc(100% - 24px),1400px);
	}
	.marona-article-breadcrumb{
		display:none;
	}
	.marona-article-hero__panel{
		border-radius:15px;
	}
	.marona-article-hero__copy{
		padding:31px 23px 28px;
	}
	.marona-article-hero h1{
		font-size:clamp(30px,8.9vw,40px);
		line-height:1.42;
	}
	.marona-article-hero__lead{
		margin-top:16px;
		font-size:13px;
		line-height:2;
	}
	.marona-article-meta{
		margin-top:20px;
		font-size:10px;
	}
	.marona-article-hero__media{
		aspect-ratio:4/3;
	}
	.marona-article-summary{
		padding-bottom:0;
	}
	.marona-article-summary .marona-container{
		width:min(calc(100% - 24px),var(--marona-content));
	}
	.marona-article-summary__card{
		padding:20px;
		border-radius:11px;
	}
	.marona-article-summary__card p{
		font-size:12px;
	}
	.marona-article-body{
		padding:52px 0 76px;
	}
	.marona-article-layout{
		width:min(calc(100% - 28px),840px);
	}
	.marona-article-content{
		font-size:14px;
		line-height:2.12;
	}
	.marona-article-content > p:first-child{
		font-size:14px;
	}
	.marona-article-content > h2{
		margin-top:58px;
		font-size:26px;
	}
	.marona-article-content > h3{
		margin-top:32px;
		font-size:19px;
	}
	.marona-article-content > ol{
		grid-template-columns:1fr;
	}
	.marona-article-content > ol > li{
		min-height:0;
	}
	.marona-table-wrap,
	.marona-article-table-wrap{
		margin-inline:-2px;
	}
	.marona-article-cta{
		grid-template-columns:1fr;
		gap:20px;
		margin-top:56px;
		padding:27px 24px;
	}
	.marona-article-cta h2{
		font-size:22px;
	}
	.marona-article-cta__actions{
		min-width:0;
	}
	.marona-article-cta__actions .marona-button{
		width:100%;
	}
	.marona-article-related{
		padding:62px 0 76px;
	}
	.marona-article-related__grid{
		grid-template-columns:1fr;
	}
	.marona-article-related__head h2{
		font-size:27px;
	}
}

/* ========================================================================== 
   Marona 1.0.24 — Homepage art direction / architectural editorial system
   ========================================================================== */

/* ---------- Hero: image and copy become one composition ---------- */
.marona-home-hero--editorial {
	position: relative;
	isolation: isolate;
	min-height: min(820px, calc(100svh - 82px));
	padding: 0;
	display: block;
	overflow: hidden;
	background: #18251f;
	color: #fff;
}

.marona-home-hero--editorial .marona-home-hero__visual {
	position: absolute;
	inset: 0;
	z-index: -2;
	min-height: 0;
	height: 100%;
	overflow: hidden;
	border-radius: 0;
	background: #18251f;
}

.marona-home-hero--editorial.marona-home-hero--media .marona-home-hero__visual {
	min-height: 0;
	border-radius: 0;
}

.marona-home-hero--editorial .marona-hero-picture,
.marona-home-hero--editorial .marona-hero-picture img,
.marona-home-hero--editorial .marona-hero-slider,
.marona-home-hero--editorial .marona-hero-slider__track,
.marona-home-hero--editorial .marona-hero-slide,
.marona-home-hero--editorial .marona-hero-slide img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.marona-home-hero--editorial .marona-hero-picture img,
.marona-home-hero--editorial .marona-hero-slide img {
	object-fit: cover;
	object-position: center;
}

.marona-home-hero--editorial .marona-home-hero__visual::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(11,17,14,.08) 0%, rgba(11,17,14,.18) 38%, rgba(13,27,22,.82) 100%),
		linear-gradient(0deg, rgba(10,18,15,.66) 0%, transparent 45%);
}

.marona-home-hero--editorial .marona-hero-slider::after,
.marona-home-hero--editorial .marona-hero-picture::after {
	display: none;
}

.marona-home-hero__fallback {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 20% 20%, rgba(255,255,255,.08), transparent 24%),
		linear-gradient(135deg, #213f35 0%, #172a24 48%, #101915 100%);
}

.marona-home-hero__fallback .marona-stone-surface--green {
	inset: 5% 8% 8% 46%;
}

.marona-home-hero__fallback .marona-stone-surface--rosa {
	left: 11%;
	bottom: 8%;
}

.marona-home-hero--editorial .marona-home-hero__layout {
	position: relative;
	z-index: 5;
	min-height: inherit;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 48px;
	padding-top: 160px;
	padding-bottom: 78px;
}

.marona-home-hero--editorial .marona-home-hero__copy {
	max-width: 820px;
	padding: 0;
}

.marona-home-hero--editorial .marona-eyebrow {
	margin-bottom: 24px;
	color: rgba(255,255,255,.8);
	font-size: 13px;
	letter-spacing: .21em;
}

.marona-home-hero--editorial h1 {
	max-width: 900px;
	font-size: clamp(56px, 6.5vw, 96px);
	line-height: 1.16;
	letter-spacing: -.045em;
	color: #fff;
	text-wrap: balance;
}

.marona-home-hero--editorial h1 span {
	color: #d6e2dc;
}

.marona-home-hero--editorial .marona-home-hero__text {
	max-width: 700px;
	margin-top: 28px;
	color: rgba(255,255,255,.72);
	font-size: 17px;
	line-height: 2;
}

.marona-home-hero--editorial .marona-home-hero__actions {
	margin-top: 36px;
	gap: 10px;
}

.marona-home-hero--editorial .marona-button--hero-primary,
.marona-home-hero--editorial .marona-button--hero-secondary {
	min-height: 54px;
	padding-inline: 25px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 700;
}

.marona-home-hero--editorial .marona-button--hero-primary {
	background: #fff;
	border: 1px solid #fff;
	color: var(--marona-green-deep);
}

.marona-home-hero--editorial .marona-button--hero-secondary {
	background: rgba(14,27,22,.18);
	border: 1px solid rgba(255,255,255,.5);
	color: #fff;
	backdrop-filter: blur(9px);
}

.marona-home-hero__signature {
	align-self: flex-end;
	padding-bottom: 6px;
	display: grid;
	gap: 8px;
	min-width: 180px;
	direction: ltr;
	text-align: left;
	color: rgba(255,255,255,.66);
}

.marona-home-hero__signature span {
	font-family: var(--marona-font-display);
	font-size: 56px;
	line-height: 1;
	color: rgba(255,255,255,.2);
}

.marona-home-hero__signature b {
	font-family: var(--marona-font-display);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .16em;
}

.marona-home-hero--editorial .marona-hero-slider__controls {
	right: auto;
	left: max(24px, calc((100vw - min(calc(100vw - 48px), var(--marona-content))) / 2));
	bottom: 28px;
	width: 160px;
}

/* ---------- Brand strip: not a four-box widget ---------- */
.marona-brand-strip--editorial {
	position: relative;
	background: #10221c;
	border-top: 1px solid rgba(255,255,255,.12);
}

.marona-brand-strip--editorial .marona-brand-strip__grid {
	min-height: 136px;
	align-items: stretch;
}

.marona-brand-strip--editorial .marona-brand-strip__grid > div {
	position: relative;
	min-height: 136px;
	padding: 27px 28px 25px;
	justify-content: flex-end;
	border-left: 1px solid rgba(255,255,255,.11);
}

.marona-brand-strip--editorial i {
	position: absolute;
	top: 20px;
	right: 28px;
	font-family: var(--marona-font-display);
	font-style: normal;
	font-size: 12px;
	letter-spacing: .08em;
	color: rgba(255,255,255,.34);
}

.marona-brand-strip--editorial strong {
	font-family: var(--marona-font-heading);
	font-size: 18px;
	font-weight: 700;
}

.marona-brand-strip--editorial span {
	margin-top: 5px;
	font-size: 12px;
	color: rgba(255,255,255,.53);
}

/* ---------- Editorial section headers ---------- */
.marona-home-section {
	padding-block: 118px;
}

.marona-home-heading--editorial {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, .7fr);
	align-items: end;
	gap: 70px;
	margin-bottom: 52px;
}

.marona-home-heading--editorial h2,
.marona-home-process__heading h2 {
	font-size: clamp(44px, 5vw, 72px);
	line-height: 1.16;
	letter-spacing: -.03em;
}

.marona-home-heading--editorial .marona-eyebrow,
.marona-home-process__heading .marona-eyebrow {
	font-size: 12px;
}

.marona-home-heading__side {
	max-width: 520px;
}

.marona-home-heading__side > p {
	margin: 0;
	color: rgba(47,49,50,.63);
	font-size: 14px;
	line-height: 2;
}

.marona-home-section-link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: 19px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(35,70,59,.42);
	color: var(--marona-green);
	font-size: 13px;
	font-weight: 700;
}

.marona-home-section-link span {
	direction: ltr;
	font-size: 15px;
	transition: transform .2s ease;
}

.marona-home-section-link:hover span {
	transform: translate(2px,-2px);
}

/* ---------- Services: editorial masonry instead of white cards ---------- */
.marona-home-services--editorial {
	background: #f1ede5 !important;
}

.marona-home-service-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-rows: 168px;
	gap: 14px;
}

.marona-home-service-card {
	position: relative;
	min-width: 0;
	overflow: hidden;
	background: #173129;
	color: #fff;
}

.marona-home-service-card:nth-child(1) {
	grid-column: span 7;
	grid-row: span 3;
}

.marona-home-service-card:nth-child(2) {
	grid-column: span 5;
	grid-row: span 3;
}

.marona-home-service-card:nth-child(n+3) {
	grid-column: span 3;
	grid-row: span 2;
}

.marona-home-service-card__link,
.marona-home-service-card__media,
.marona-home-service-card__media img,
.marona-home-service-card__surface {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.marona-home-service-card__media {
	overflow: hidden;
	background: #1b312a;
}

.marona-home-service-card__media img {
	object-fit: cover;
	filter: saturate(.82) contrast(1.02);
	transition: transform .55s cubic-bezier(.22,.61,.36,1), filter .35s ease;
}

.marona-home-service-card:hover .marona-home-service-card__media img {
	transform: scale(1.035);
	filter: saturate(.95) contrast(1.03);
}

.marona-home-service-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(0deg, rgba(10,19,16,.92) 0%, rgba(10,19,16,.26) 62%, rgba(10,19,16,.12) 100%),
		linear-gradient(90deg, rgba(14,30,24,.15), transparent 55%);
}

.marona-home-service-card__surface {
	background:
		linear-gradient(117deg, transparent 0 45%, rgba(255,255,255,.08) 45.5% 46.5%, transparent 47% 100%),
		radial-gradient(circle at 18% 18%, rgba(255,255,255,.08), transparent 25%),
		linear-gradient(145deg, #213f35, #14271f 60%, #0d1c17);
}

.marona-home-service-card:nth-child(2) .marona-home-service-card__surface,
.marona-home-service-card:nth-child(5) .marona-home-service-card__surface {
	background:
		linear-gradient(120deg, transparent 0 54%, rgba(255,255,255,.07) 54.5% 55%, transparent 55.5% 100%),
		linear-gradient(150deg, #4c2630, #2d2224 58%, #191d1b);
}

.marona-home-service-card__content {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 30px;
}

.marona-home-service-card__index {
	position: absolute;
	top: 24px;
	right: 28px;
	font-family: var(--marona-font-display);
	font-size: 11px;
	letter-spacing: .14em;
	direction: ltr;
	color: rgba(255,255,255,.64);
}

.marona-home-service-card h3 {
	max-width: 620px;
	margin: 0;
	font-family: var(--marona-font-heading);
	font-size: clamp(23px, 2.3vw, 38px);
	line-height: 1.45;
	font-weight: 700;
	text-wrap: balance;
}

.marona-home-service-card p {
	max-width: 560px;
	margin: 11px 0 0;
	color: rgba(255,255,255,.64);
	font-size: 12px;
	line-height: 1.9;
}

.marona-home-service-card:nth-child(n+3) h3 {
	font-size: 21px;
}

.marona-home-service-card:nth-child(n+3) p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.marona-home-service-card__arrow {
	position: absolute;
	left: 24px;
	bottom: 25px;
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(255,255,255,.36);
	font-size: 17px;
	font-weight: 400;
	transition: transform .2s ease, background .2s ease, color .2s ease;
}

.marona-home-service-card:hover .marona-home-service-card__arrow {
	transform: translate(2px,-2px);
	background: #fff;
	color: #173129;
}

/* ---------- Projects: large cinematic tiles ---------- */
.marona-home-projects--editorial {
	background: #fff !important;
}

.marona-home-project-grid {
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 14px;
}

.marona-home-project-card {
	position: relative;
	min-height: 590px;
	overflow: hidden;
	background: #222a27;
	color: #fff;
}

.marona-home-project-card:nth-child(n+3) {
	min-height: 420px;
}

.marona-home-project-card > a,
.marona-home-project-card__media,
.marona-home-project-card__media img,
.marona-home-project-card__placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.marona-home-project-card__media img {
	object-fit: cover;
	transition: transform .55s cubic-bezier(.22,.61,.36,1);
}

.marona-home-project-card:hover .marona-home-project-card__media img {
	transform: scale(1.03);
}

.marona-home-project-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(10,17,14,.82), transparent 60%);
}

.marona-home-project-card__placeholder {
	background: linear-gradient(145deg, #344b42, #16251f);
}

.marona-home-project-card__body {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 30px;
}

.marona-home-project-card__body > span {
	font-family: var(--marona-font-display);
	font-size: 12px;
	color: rgba(255,255,255,.52);
}

.marona-home-project-card__body p {
	margin: 22px 0 5px;
	font-size: 11px;
	color: rgba(255,255,255,.58);
}

.marona-home-project-card__body h3 {
	margin: 0;
	font-family: var(--marona-font-heading);
	font-size: clamp(25px, 3vw, 42px);
	line-height: 1.4;
}

/* ---------- Materials: image-first mosaic, no shop-card bodies ---------- */
.marona-home-materials--editorial {
	background: #f4f1ea !important;
}

.marona-home-material-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-rows: 220px;
	gap: 12px;
}

.marona-home-material-card {
	position: relative;
	min-width: 0;
	overflow: hidden;
	background: #d8d5ce;
}

.marona-home-material-card:nth-child(1) {
	grid-column: span 5;
	grid-row: span 2;
}

.marona-home-material-card:nth-child(2) {
	grid-column: span 3;
}

.marona-home-material-card:nth-child(3) {
	grid-column: span 4;
}

.marona-home-material-card:nth-child(4) {
	grid-column: span 4;
}

.marona-home-material-card:nth-child(5) {
	grid-column: span 3;
}

.marona-home-material-card > a,
.marona-home-material-card__media,
.marona-home-material-card__media img,
.marona-home-material-card__placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.marona-home-material-card__media {
	overflow: hidden;
}

.marona-home-material-card__media img {
	object-fit: cover;
	transition: transform .5s cubic-bezier(.22,.61,.36,1);
}

.marona-home-material-card:hover .marona-home-material-card__media img {
	transform: scale(1.04);
}

.marona-home-material-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(10,17,14,.74), transparent 58%);
}

.marona-home-material-card__placeholder {
	background:
		linear-gradient(118deg, transparent 0 44%, rgba(255,255,255,.34) 44.5% 45.5%, transparent 46% 100%),
		linear-gradient(145deg, #cfcac1, #918d86);
}

.marona-home-material-card__body {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 22px;
	color: #fff;
}

.marona-home-material-card__body span {
	font-family: var(--marona-font-display);
	font-size: 10px;
	color: rgba(255,255,255,.54);
}

.marona-home-material-card__body h3 {
	margin: 4px 0 0;
	font-family: var(--marona-font-heading);
	font-size: 21px;
	line-height: 1.4;
	text-shadow: 0 2px 18px rgba(0,0,0,.12);
}

.marona-home-material-card:nth-child(1) .marona-home-material-card__body h3 {
	font-size: clamp(28px, 3vw, 42px);
}

/* ---------- Process: dark architectural timeline ---------- */
.marona-home-process--editorial {
	position: relative;
	padding-block: 116px 126px;
	background: #10221c !important;
	color: #fff;
	overflow: hidden;
}

.marona-home-process--editorial::before {
	content: "";
	position: absolute;
	top: -18%;
	left: 8%;
	width: 1px;
	height: 140%;
	background: rgba(255,255,255,.08);
	transform: rotate(24deg);
}

.marona-home-process__layout {
	position: relative;
	display: grid;
	grid-template-columns: .75fr 1.25fr;
	gap: 90px;
	align-items: start;
}

.marona-home-process__heading {
	position: sticky;
	top: 126px;
}

.marona-home-process__heading .marona-eyebrow {
	color: rgba(255,255,255,.55);
}

.marona-home-process__heading h2 {
	margin: 0;
	max-width: 480px;
	color: #fff;
}

.marona-home-process__heading > p:last-child {
	max-width: 430px;
	margin: 24px 0 0;
	color: rgba(255,255,255,.53);
	font-size: 13px;
	line-height: 2;
}

.marona-home-process__steps {
	border-top: 1px solid rgba(255,255,255,.18);
}

.marona-home-process__step {
	position: relative;
	display: grid;
	grid-template-columns: 94px 1fr;
	gap: 22px;
	align-items: start;
	padding: 32px 0 35px;
	border-bottom: 1px solid rgba(255,255,255,.14);
}

.marona-home-process__step > span {
	font-family: var(--marona-font-display);
	font-size: 54px;
	line-height: 1;
	letter-spacing: .04em;
	color: rgba(255,255,255,.16);
}

.marona-home-process__step h3 {
	margin: 2px 0 6px;
	font-family: var(--marona-font-heading);
	font-size: 24px;
	font-weight: 700;
}

.marona-home-process__step p {
	margin: 0;
	color: rgba(255,255,255,.53);
	font-size: 13px;
	line-height: 1.9;
}

/* ---------- Subtle reveal: no gimmicks ---------- */
.marona-js [data-marona-reveal] {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .65s ease, transform .65s cubic-bezier(.22,.61,.36,1);
}

.marona-js [data-marona-reveal].is-visible {
	opacity: 1;
	transform: none;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.marona-home-hero--editorial {
		min-height: 700px;
	}

	.marona-home-hero--editorial .marona-home-hero__layout {
		padding-top: 130px;
		padding-bottom: 60px;
	}

	.marona-home-hero__signature {
		display: none;
	}

	.marona-home-heading--editorial {
		grid-template-columns: 1fr .85fr;
		gap: 42px;
	}

	.marona-home-service-grid {
		grid-auto-rows: 150px;
	}

	.marona-home-service-card:nth-child(1),
	.marona-home-service-card:nth-child(2) {
		grid-column: span 6;
		grid-row: span 3;
	}

	.marona-home-service-card:nth-child(n+3) {
		grid-column: span 6;
		grid-row: span 2;
	}

	.marona-home-material-grid {
		grid-auto-rows: 200px;
	}

	.marona-home-material-card:nth-child(1) {
		grid-column: span 7;
	}

	.marona-home-material-card:nth-child(2),
	.marona-home-material-card:nth-child(5) {
		grid-column: span 5;
	}

	.marona-home-material-card:nth-child(3),
	.marona-home-material-card:nth-child(4) {
		grid-column: span 6;
	}

	.marona-home-process__layout {
		gap: 54px;
	}
}

/* ---------- Mobile: designed independently, not desktop squeezed ---------- */
@media (max-width: 640px) {
	.marona-container {
		width: min(calc(100% - 30px), var(--marona-content));
	}

	.marona-home-hero--editorial {
		min-height: 650px;
	}

	.marona-home-hero--editorial .marona-home-hero__visual::after {
		background:
			linear-gradient(0deg, rgba(10,19,16,.96) 0%, rgba(10,19,16,.70) 46%, rgba(10,19,16,.12) 100%),
			linear-gradient(90deg, transparent 0%, rgba(13,27,22,.22) 100%);
	}

	.marona-home-hero--editorial .marona-home-hero__layout {
		min-height: 650px;
		align-items: flex-end;
		padding-top: 90px;
		padding-bottom: 31px;
	}

	.marona-home-hero--editorial .marona-home-hero__copy {
		width: 100%;
	}

	.marona-home-hero--editorial .marona-eyebrow {
		margin-bottom: 13px;
		font-size: 10px;
		letter-spacing: .15em;
	}

	.marona-home-hero--editorial h1 {
		font-size: clamp(43px, 13.5vw, 58px);
		line-height: 1.2;
		letter-spacing: -.035em;
	}

	.marona-home-hero--editorial .marona-home-hero__text {
		margin-top: 17px;
		font-size: 14px;
		line-height: 1.95;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.marona-home-hero--editorial .marona-home-hero__actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 7px;
		margin-top: 23px;
	}

	.marona-home-hero--editorial .marona-button--hero-primary,
	.marona-home-hero--editorial .marona-button--hero-secondary {
		min-height: 48px;
		padding-inline: 9px;
		font-size: 12px;
		text-align: center;
	}

	.marona-home-hero--editorial .marona-hero-slider__controls {
		display: none;
	}

	.marona-brand-strip--editorial .marona-brand-strip__grid {
		grid-template-columns: repeat(2, 1fr);
		min-height: 0;
	}

	.marona-brand-strip--editorial .marona-brand-strip__grid > div {
		min-height: 116px;
		padding: 22px 17px 18px;
		border-left: 1px solid rgba(255,255,255,.10);
		border-bottom: 1px solid rgba(255,255,255,.10);
	}

	.marona-brand-strip--editorial .marona-brand-strip__grid > div:nth-child(2n) {
		border-left: 0;
	}

	.marona-brand-strip--editorial .marona-brand-strip__grid > div:nth-last-child(-n+2) {
		border-bottom: 0;
	}

	.marona-brand-strip--editorial i {
		top: 15px;
		right: 17px;
		font-size: 10px;
	}

	.marona-brand-strip--editorial strong {
		font-size: 16px;
	}

	.marona-brand-strip--editorial span {
		font-size: 11px;
	}

	.marona-home-section {
		padding-block: 78px;
	}

	.marona-home-heading--editorial {
		display: block;
		margin-bottom: 31px;
	}

	.marona-home-heading--editorial h2,
	.marona-home-process__heading h2 {
		font-size: 44px;
		line-height: 1.23;
	}

	.marona-home-heading__side {
		margin-top: 16px;
	}

	.marona-home-heading__side > p {
		font-size: 12px;
		line-height: 1.95;
	}

	.marona-home-section-link {
		margin-top: 13px;
		font-size: 12px;
	}

	.marona-home-service-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: auto;
		gap: 8px;
	}

	.marona-home-service-card:nth-child(1),
	.marona-home-service-card:nth-child(2),
	.marona-home-service-card:nth-child(n+3) {
		grid-column: auto;
		grid-row: auto;
	}

	.marona-home-service-card:nth-child(1) {
		grid-column: 1 / -1;
		height: 360px;
	}

	.marona-home-service-card:nth-child(2) {
		grid-column: 1 / -1;
		height: 280px;
	}

	.marona-home-service-card:nth-child(n+3) {
		height: 210px;
	}

	.marona-home-service-card__content {
		padding: 18px;
	}

	.marona-home-service-card__index {
		top: 15px;
		right: 16px;
		font-size: 9px;
	}

	.marona-home-service-card h3,
	.marona-home-service-card:nth-child(n+3) h3 {
		padding-left: 32px;
		font-size: 18px;
		line-height: 1.55;
	}

	.marona-home-service-card:nth-child(1) h3 {
		font-size: 30px;
	}

	.marona-home-service-card:nth-child(2) h3 {
		font-size: 24px;
	}

	.marona-home-service-card p {
		font-size: 11px;
		line-height: 1.75;
	}

	.marona-home-service-card:nth-child(n+3) p {
		display: none;
	}

	.marona-home-service-card__arrow {
		left: 14px;
		bottom: 15px;
		width: 30px;
		height: 30px;
		font-size: 14px;
	}

	.marona-home-project-grid {
		display: flex;
		overflow-x: auto;
		gap: 9px;
		margin-inline: -15px;
		padding-inline: 15px;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.marona-home-project-grid::-webkit-scrollbar {
		display: none;
	}

	.marona-home-project-card,
	.marona-home-project-card:nth-child(n+3) {
		flex: 0 0 84vw;
		min-height: 470px;
		scroll-snap-align: start;
	}

	.marona-home-project-card__body {
		padding: 22px;
	}

	.marona-home-project-card__body h3 {
		font-size: 28px;
	}

	.marona-home-material-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: auto;
		gap: 8px;
	}

	.marona-home-material-card:nth-child(1),
	.marona-home-material-card:nth-child(2),
	.marona-home-material-card:nth-child(3),
	.marona-home-material-card:nth-child(4),
	.marona-home-material-card:nth-child(5) {
		grid-column: auto;
		grid-row: auto;
	}

	.marona-home-material-card:nth-child(1) {
		grid-column: 1 / -1;
		height: 300px;
	}

	.marona-home-material-card:nth-child(n+2) {
		height: 205px;
	}

	.marona-home-material-card__body {
		padding: 15px;
	}

	.marona-home-material-card__body h3,
	.marona-home-material-card:nth-child(1) .marona-home-material-card__body h3 {
		font-size: 17px;
		line-height: 1.5;
	}

	.marona-home-material-card:nth-child(1) .marona-home-material-card__body h3 {
		font-size: 26px;
	}

	.marona-home-process--editorial {
		padding-block: 76px 82px;
	}

	.marona-home-process__layout {
		display: block;
	}

	.marona-home-process__heading {
		position: static;
		margin-bottom: 32px;
	}

	.marona-home-process__heading > p:last-child {
		margin-top: 15px;
		font-size: 12px;
	}

	.marona-home-process__step {
		grid-template-columns: 66px 1fr;
		gap: 13px;
		padding: 23px 0 25px;
	}

	.marona-home-process__step > span {
		font-size: 40px;
	}

	.marona-home-process__step h3 {
		font-size: 20px;
	}

	.marona-home-process__step p {
		font-size: 11px;
		line-height: 1.85;
	}
}

@media (max-width: 390px) {
	.marona-home-service-card:nth-child(n+3) {
		height: 198px;
	}

	.marona-home-service-card h3,
	.marona-home-service-card:nth-child(n+3) h3 {
		font-size: 16px;
	}

	.marona-home-material-card:nth-child(n+2) {
		height: 190px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.marona-js [data-marona-reveal] {
		opacity: 1;
		transform: none;
		transition: none;
	}
}


/* ==========================================================================
   Marona 1.0.25 — Home audit hardening
   Responsive hero media, mobile typography and touch-target corrections.
   ========================================================================== */

@media (max-width: 1024px) {
	#mro-theme-header .mro-theme-header__inner {
		grid-template-columns: 44px 1fr 44px;
	}

	#mro-theme-header .mro-theme-mobile-toggle,
	#mro-theme-header .mro-theme-mobile-contact {
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
	}

	.mro-theme-mobile-close {
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
	}
}

@media (max-width: 640px) {
	.marona-home-hero--editorial h1 {
		font-size: clamp(40px, 11.3vw, 46px);
		line-height: 1.17;
		letter-spacing: -.03em;
	}

	.marona-home-section-link {
		min-height: 44px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#mro-theme-footer .mro-footer-whatsapp,
	#mro-theme-footer .mro-footer-contact__item,
	#mro-theme-footer .mro-footer-bottom__links a {
		min-height: 44px;
	}

	#mro-theme-footer .mro-footer-whatsapp,
	#mro-theme-footer .mro-footer-bottom__links a {
		display: inline-flex;
		align-items: center;
	}
}


/* ==========================================================================
   Marona 1.0.26 — Services archive audit hardening
   Above-fold LCP image priority, semantic card headings and touch targets.
   ========================================================================== */

.post-type-archive-marona_service .marona-archive-card__body h3 > a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
}

#mro-theme-header .mro-theme-header__phone,
#mro-theme-footer .mro-footer-whatsapp,
#mro-theme-footer .mro-footer-bottom__links a {
	min-height: 32px;
}

#mro-theme-footer .mro-footer-whatsapp,
#mro-theme-footer .mro-footer-bottom__links a {
	display: inline-flex;
	align-items: center;
}

@media (max-width: 640px) {
	.post-type-archive-marona_service .marona-archive-card__media {
		aspect-ratio: 16 / 9;
	}

	.post-type-archive-marona_service .marona-archive-card__body h3 > a {
		min-height: 44px;
	}
}


/* ==========================================================================
   Marona 1.0.27 — Architectural motion system
   Subtle scroll choreography without layout shift or scroll-jacking.
   ========================================================================== */

#mro-theme-header.mro-theme-header {
	transition:
		box-shadow .32s ease,
		border-color .32s ease,
		background-color .32s ease !important;
}

#mro-theme-header.mro-theme-header.is-scrolled {
	background: rgba(255,255,255,.94) !important;
	border-bottom-color: rgba(47,49,50,.12) !important;
	box-shadow: 0 10px 30px rgba(23,49,41,.075) !important;
}

/* Motion is transform/opacity-only, so it cannot create layout shift. */
.marona-archive-card__media,
.marona-service-card__media,
.marona-material-card__media,
.marona-project-card__media,
.marona-about-project-card {
	overflow: hidden;
}

@media (max-width: 640px) {
	#mro-theme-footer .mro-footer-whatsapp,
	#mro-theme-footer .mro-footer-bottom__links a {
		min-height: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	#mro-theme-header.mro-theme-header {
		transition: none !important;
	}
}

/* ==========================================================================
   Marona 1.0.28 — Editorial method rail + living process
   Removes generic equal boxes / process numerals and turns both sections into
   architectural compositions with restrained, scroll-aware behaviour.
   ========================================================================== */

/* Method rail: one editorial statement + a continuous architectural guide. */
.marona-method {
	position: relative;
	padding: 0 !important;
	background: #10221c !important;
	border-top: 1px solid rgba(255,255,255,.12);
	overflow: hidden;
}

.marona-method::after {
	content: "";
	position: absolute;
	inset: auto -8vw -110px auto;
	width: 300px;
	height: 220px;
	border: 1px solid rgba(255,255,255,.045);
	transform: rotate(-18deg);
	pointer-events: none;
}

.marona-method__layout {
	min-height: 210px;
	display: grid;
	grid-template-columns: minmax(270px,.78fr) minmax(0,1.9fr);
	align-items: stretch;
	gap: clamp(42px,5.5vw,88px);
}

.marona-method__intro {
	grid-column: 1;
	align-self: center;
	padding-block: 38px;
}

.marona-method__eyebrow,
.marona-method .marona-method__eyebrow {
	display: block;
	margin: 0 0 14px !important;
	font-family: var(--marona-font-display);
	font-size: 10px !important;
	font-weight: 400 !important;
	letter-spacing: .18em;
	color: rgba(255,255,255,.43) !important;
	direction: ltr;
	text-align: right;
}

.marona-method__intro > strong,
.marona-method .marona-method__intro > strong {
	display: block;
	max-width: 320px;
	font-family: var(--marona-font-heading);
	font-size: clamp(22px,2vw,30px) !important;
	line-height: 1.55;
	font-weight: 700 !important;
	color: #fff !important;
}

.marona-method__rail {
	grid-column: 2;
	position: relative;
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	align-items: stretch;
	gap: 0;
	padding-top: 38px;
}

.marona-method__rail::before,
.marona-method__rail::after {
	content: "";
	position: absolute;
	top: 55px;
	right: 0;
	height: 1px;
	transform-origin: right center;
}

.marona-method__rail::before {
	left: 0;
	background: rgba(255,255,255,.13);
}

.marona-method__rail::after {
	width: 100%;
	background: rgba(216,217,214,.62);
	transform: scaleX(0);
	transition: transform 1.05s cubic-bezier(.22,.61,.36,1);
}

.marona-method.is-inview .marona-method__rail::after {
	transform: scaleX(1);
}

.marona-method__item {
	position: relative;
	padding: 48px clamp(10px,1.3vw,22px) 28px;
	min-width: 0;
	align-self: stretch;
}

.marona-method__item::before {
	content: "";
	position: absolute;
	top: 11px;
	right: clamp(10px,1.3vw,22px);
	width: 7px;
	height: 7px;
	border: 1px solid rgba(255,255,255,.56);
	border-radius: 50%;
	background: #10221c;
	box-shadow: 0 0 0 5px #10221c;
	z-index: 2;
	transition: transform .45s cubic-bezier(.22,.61,.36,1), background-color .45s ease;
}

.marona-method__item > strong,
.marona-method .marona-method__item > strong {
	display: block;
	font-family: var(--marona-font-heading);
	font-size: 16px !important;
	line-height: 1.7;
	font-weight: 700 !important;
	color: #fff !important;
}

.marona-method__item > span,
.marona-method .marona-method__item > span {
	display: block;
	margin-top: 5px !important;
	font-size: 11px !important;
	line-height: 1.8;
	color: rgba(255,255,255,.48) !important;
}

.marona-js .marona-method__item {
	opacity: 0;
	transform: translateY(10px);
	transition:
		opacity .62s ease var(--method-delay,0ms),
		transform .62s cubic-bezier(.22,.61,.36,1) var(--method-delay,0ms);
}

.marona-js .marona-method.is-inview .marona-method__item {
	opacity: 1;
	transform: none;
}

.marona-method__item:nth-child(1) { --method-delay: 90ms; }
.marona-method__item:nth-child(2) { --method-delay: 160ms; }
.marona-method__item:nth-child(3) { --method-delay: 230ms; }
.marona-method__item:nth-child(4) { --method-delay: 300ms; }

@media (hover:hover) and (pointer:fine) {
	.marona-method__item:hover::before {
		transform: scale(1.45);
		background: #d8d9d6;
	}

	.marona-method__item:hover > strong {
		transform: translateX(-4px);
	}

	.marona-method__item > strong {
		transition: transform .35s cubic-bezier(.22,.61,.36,1);
	}
}

/* Process: no numerals. The vertical path itself carries progression. */
.marona-home-process--editorial {
	background: #0d201a !important;
	padding-block: 128px 138px;
}

.marona-home-process--editorial::before {
	left: 10%;
	op: -24%;
	height: 154%;
	opacity: .72;
}

.marona-home-process__layout {
	grid-template-columns: minmax(340px,.82fr) minmax(0,1.18fr);
	gap: clamp(78px,8vw,138px);
}

.marona-home-process__heading {
	top: 138px;
}

.marona-home-process__heading h2 {
	font-size: clamp(52px,5.4vw,78px);
	line-height: 1.12;
	max-width: 510px;
}

.marona-home-process__heading > p:last-child {
	max-width: 390px;
	font-size: 13px;
	line-height: 2.05;
}

.marona-home-process__steps {
	--process-progress: 0%;
	position: relative;
	border: 0 !important;
	padding-right: 56px;
}

.marona-home-process__steps::before,
.marona-home-process__steps::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 0;
	width: 1px;
}

.marona-home-process__steps::before {
	bottom: 0;
	background: rgba(255,255,255,.14);
}

.marona-home-process__steps::after {
	height: var(--process-progress);
	background: rgba(243,239,231,.82);
	transition: height .62s cubic-bezier(.22,.61,.36,1);
}

.marona-home-process__step {
	position: relative;
	display: block;
	min-height: 148px;
	padding: 31px 0 38px !important;
	border-bottom: 1px solid rgba(255,255,255,.12);
	transition:
		opacity .42s ease,
		transform .5s cubic-bezier(.22,.61,.36,1),
		border-color .42s ease;
}

.marona-home-process__step:first-child {
	border-top: 1px solid rgba(255,255,255,.12);
}

.marona-home-process__step::before {
	content: "";
	position: absolute;
	right: -50px;
	top: 44px;
	width: 11px;
	height: 11px;
	border: 1px solid rgba(255,255,255,.42);
	border-radius: 50%;
	background: #0d201a;
	box-shadow: 0 0 0 7px #0d201a;
	z-index: 2;
	transition:
		background-color .38s ease,
		border-color .38s ease,
		transform .48s cubic-bezier(.22,.61,.36,1);
}

.marona-home-process__step h3 {
	margin: 0 0 7px;
	font-size: clamp(25px,2.25vw,34px);
	line-height: 1.45;
	transition: color .42s ease, transform .48s cubic-bezier(.22,.61,.36,1);
}

.marona-home-process__step p {
	max-width: 620px;
	font-size: 13px;
	line-height: 1.95;
	color: rgba(255,255,255,.53);
	transition: color .42s ease;
}

.marona-process-ready .marona-home-process__step:not(.is-active) {
	opacity: .42;
}

.marona-process-ready .marona-home-process__step.is-active {
	opacity: 1;
	transform: translateX(-8px);
	border-bottom-color: rgba(255,255,255,.25);
}

.marona-process-ready .marona-home-process__step.is-active::before {
	border-color: #f3efe7;
	background: #f3efe7;
	transform: scale(1.18);
}

.marona-process-ready .marona-home-process__step.is-active h3 {
	transform: translateX(-4px);
}

.marona-process-ready .marona-home-process__step.is-active p {
	color: rgba(255,255,255,.68);
}

@media (max-width: 1024px) {
	.marona-method__layout {
		min-height: 0;
		grid-template-columns: 1fr;
		gap: 0;
		padding-block: 32px 24px;
	}

	.marona-method__intro,
	.marona-method__rail {
		grid-column: 1;
	}

	.marona-method__intro {
		padding: 0 0 26px;
	}

	.marona-method__intro > strong,
	.marona-method .marona-method__intro > strong {
		max-width: 480px;
		font-size: 23px !important;
	}

	.marona-method__rail {
		padding-top: 24px;
	}

	.marona-method__rail::before,
	.marona-method__rail::after {
		top: 31px;
	}

	.marona-method__item {
		padding-top: 42px;
	}

	.marona-method__item::before {
		top: 3px;
	}

	.marona-home-process--editorial {
		padding-block: 88px 96px;
	}

	.marona-home-process__layout {
		display: grid;
		grid-template-columns: 1fr;
		gap: 48px;
	}

	.marona-home-process__heading {
		position: static;
		margin-bottom: 0;
	}

	.marona-home-process__heading h2 {
		font-size: clamp(42px,8vw,60px);
	}

	.marona-home-process__steps {
		padding-right: 46px;
	}

	.marona-home-process__step {
		min-height: 132px;
		padding-block: 26px 31px !important;
	}

	.marona-home-process__step::before {
		right: -40px;
		top: 37px;
	}
}

@media (max-width: 640px) {
	.marona-method__layout {
		padding-block: 30px 20px;
	}

	.marona-method__intro {
		padding-bottom: 20px;
	}

	.marona-method__eyebrow,
	.marona-method .marona-method__eyebrow {
		margin-bottom: 10px !important;
	}

	.marona-method__intro > strong,
	.marona-method .marona-method__intro > strong {
		max-width: 330px;
		font-size: 21px !important;
		line-height: 1.55;
	}

	.marona-method__rail {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: minmax(210px,70vw);
		grid-template-columns: none;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		margin-inline: -15px;
		padding-inline: 15px;
		padding-bottom: 8px;
	}

	.marona-method__rail::-webkit-scrollbar {
		display: none;
	}

	.marona-method__rail::before,
	.marona-method__rail::after {
		display: none;
	}

	.marona-method__item {
		scroll-snap-align: start;
		padding: 19px 28px 18px 0;
		border-top: 1px solid rgba(255,255,255,.16);
	}

	.marona-method__item::before {
		top: -4px;
		right: 0;
		width: 7px;
		height: 7px;
	}

	.marona-method__item > strong,
	.marona-method .marona-method__item > strong {
		font-size: 15px !important;
	}

	.marona-method__item > span,
	.marona-method .marona-method__item > span {
		font-size: 11px !important;
	}

	.marona-home-process--editorial {
		padding-block: 78px 84px;
	}

	.marona-home-process__layout {
		gap: 35px;
	}

	.marona-home-process__heading h2 {
		font-size: clamp(40px,11.5vw,50px);
		line-height: 1.18;
	}

	.marona-home-process__heading > p:last-child {
		font-size: 12px;
		line-height: 1.95;
	}

	.marona-home-process__steps {
		padding-right: 36px;
	}

	.marona-home-process__steps::before,
	.marona-home-process__steps::after {
		right: 7px;
	}

	.marona-home-process__step {
		min-height: 116px;
		padding: 24px 0 28px !important;
	}

	.marona-home-process__step::before {
		right: -33px;
		top: 32px;
		width: 9px;
		height: 9px;
		box-shadow: 0 0 0 6px #0d201a;
	}

	.marona-home-process__step h3 {
		font-size: 21px;
		line-height: 1.55;
	}

	.marona-home-process__step p {
		font-size: 11px;
		line-height: 1.85;
	}

	.marona-process-ready .marona-home-process__step.is-active {
		transform: translateX(-4px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.marona-js .marona-method__item {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.marona-method__rail::after,
	.marona-home-process__steps::after,
	.marona-home-process__step,
	.marona-home-process__step::before,
	.marona-home-process__step h3,
	.marona-home-process__step p {
		transition: none !important;
	}
}

/* ========================================================================== 
   Marona 1.0.29 — Distinct archive families
   Library / Portfolio / Journal. Composition before cards.
   ========================================================================== */

.marona-archive-hero__lead {
	max-width: 720px;
	margin: 18px 0 0;
	color: rgba(47,49,50,.62);
	font-size: 14px;
	line-height: 2.05;
}

.marona-editorial-link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	color: var(--marona-green);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.marona-editorial-link span {
	transition: transform .32s cubic-bezier(.22,.61,.36,1);
}

.marona-editorial-link:hover span {
	transform: translateX(-5px);
}

.marona-editorial-link--light {
	color: #fff;
}

.marona-library-placeholder,
.marona-journal-placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	min-height: 220px;
	background: #dad6ce;
	color: rgba(47,49,50,.46);
	font-family: var(--marona-font-display);
	font-size: 13px;
	letter-spacing: .14em;
	direction: ltr;
}

.marona-archive-empty {
	padding-block: 80px;
	color: rgba(47,49,50,.6);
	text-align: center;
}

/* --- Materials: one strong lead material + calm two-column catalogue. --- */
.marona-material-index {
	padding-block: 72px 104px;
	background: #fff;
}

.marona-material-feature {
	display: grid;
	grid-template-columns: minmax(0,1.48fr) minmax(300px,.72fr);
	min-height: 500px;
	overflow: hidden;
	background: #173129;
	color: #fff;
}

.marona-material-feature__media {
	display: block;
	min-height: 500px;
	overflow: hidden;
}

.marona-material-feature__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .75s cubic-bezier(.22,.61,.36,1);
}

.marona-material-feature:hover .marona-material-feature__media img {
	transform: scale(1.018);
}

.marona-material-feature__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(38px,5vw,74px);
}

.marona-material-feature__copy .marona-eyebrow {
	color: rgba(255,255,255,.52);
}

.marona-material-feature__copy h2 {
	margin: 7px 0 0;
	font-size: clamp(34px,3.7vw,55px);
	line-height: 1.35;
}

.marona-material-feature__copy h2 a {
	color: #fff;
}

.marona-material-feature__copy > p:not(.marona-eyebrow) {
	margin: 18px 0 8px;
	color: rgba(255,255,255,.62);
	font-size: 13px;
	line-height: 2.05;
}

.marona-material-index__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 58px 24px;
	margin-top: 72px;
}

.marona-material-index__item {
	min-width: 0;
	border-top: 1px solid rgba(47,49,50,.12);
	padding-top: 18px;
}

.marona-material-index__media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #ece8e0;
}

.marona-material-index__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .62s cubic-bezier(.22,.61,.36,1);
}

.marona-material-index__item:hover .marona-material-index__media img {
	transform: scale(1.022);
}

.marona-material-index__copy {
	padding: 22px 3px 0;
}

.marona-material-index__copy h2 {
	margin: 0;
	font-size: clamp(21px,1.8vw,28px);
	line-height: 1.55;
}

.marona-material-index__copy h2 a {
	color: var(--marona-pietra);
}

.marona-material-index__copy > p {
	max-width: 560px;
	margin: 9px 0 2px;
	color: rgba(47,49,50,.58);
	font-size: 12px;
	line-height: 1.95;
}

/* If the catalogue ever has an odd remainder, turn it into an editorial row. */
.marona-material-index__grid > .marona-material-index__item:last-child:nth-child(odd) {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0,1.18fr) minmax(280px,.82fr);
	gap: 36px;
	align-items: center;
}

.marona-material-index__grid > .marona-material-index__item:last-child:nth-child(odd) .marona-material-index__media {
	aspect-ratio: 16 / 7;
}

/* --- Finishes: surfaces as large alternating editorial rows. --- */
.marona-finish-index {
	padding-block: 52px 104px;
	background: #fff;
}

.marona-finish-index__list {
	border-top: 1px solid rgba(47,49,50,.12);
}

.marona-finish-index__item {
	display: grid;
	grid-template-columns: minmax(0,1.28fr) minmax(320px,.72fr);
	gap: clamp(42px,6vw,92px);
	align-items: center;
	padding-block: 48px;
	border-bottom: 1px solid rgba(47,49,50,.12);
}

.marona-finish-index__item:nth-child(even) {
	grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr);
}

.marona-finish-index__item:nth-child(even) .marona-finish-index__media {
	order: 2;
}

.marona-finish-index__item:nth-child(even) .marona-finish-index__copy {
	order: 1;
}

.marona-finish-index__media {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #e9e5dd;
}

.marona-finish-index__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .7s cubic-bezier(.22,.61,.36,1);
}

.marona-finish-index__item:hover .marona-finish-index__media img {
	transform: scale(1.024);
}

.marona-finish-index__copy {
	padding-inline: clamp(0px,1vw,16px);
}

.marona-finish-index__copy .marona-eyebrow {
	margin-bottom: 10px;
}

.marona-finish-index__copy h2 {
	margin: 0;
	font-size: clamp(32px,3.6vw,52px);
	line-height: 1.35;
}

.marona-finish-index__copy h2 a {
	color: var(--marona-pietra);
}

.marona-finish-index__copy > p:not(.marona-eyebrow) {
	max-width: 480px;
	margin: 15px 0 5px;
	color: rgba(47,49,50,.58);
	font-size: 13px;
	line-height: 2.05;
}

/* --- Projects: portfolio, not archive cards. --- */
.marona-project-index {
	padding-block: 72px 108px;
	background: #fff;
}

.marona-project-feature {
	position: relative;
	min-height: 600px;
	overflow: hidden;
	background: #17211e;
}

.marona-project-feature__link,
.marona-project-feature__media {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 600px;
}

.marona-project-feature__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .9s cubic-bezier(.22,.61,.36,1);
}

.marona-project-feature__link::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,rgba(9,18,15,.03) 24%,rgba(9,18,15,.82) 100%);
	pointer-events: none;
}

.marona-project-feature:hover .marona-project-feature__media img {
	transform: scale(1.018);
}

.marona-project-feature__overlay {
	position: absolute;
	right: clamp(28px,5vw,72px);
	bottom: clamp(30px,5vw,68px);
	z-index: 2;
	max-width: 720px;
	color: #fff;
}

.marona-project-feature__overlay .marona-eyebrow {
	color: rgba(255,255,255,.58);
}

.marona-project-feature__overlay h2 {
	margin: 7px 0 0;
	font-size: clamp(38px,4.7vw,66px);
	line-height: 1.25;
}

.marona-project-index__meta {
	margin: 10px 0 0;
	color: rgba(255,255,255,.62);
	font-size: 12px;
	line-height: 1.8;
}

.marona-project-index__action {
	display: inline-block;
	margin-top: 18px;
	font-size: 12px;
	font-weight: 700;
}

.marona-project-index__grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 64px 24px;
	margin-top: 72px;
}

.marona-project-index__item > a {
	display: block;
	color: inherit;
}

.marona-project-index__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #e9e5dd;
}

.marona-project-index__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .72s cubic-bezier(.22,.61,.36,1);
}

.marona-project-index__item:hover .marona-project-index__media img {
	transform: scale(1.022);
}

.marona-project-index__copy {
	display: grid;
	grid-template-columns: minmax(0,1fr) auto;
	gap: 8px 24px;
	align-items: end;
	padding-top: 18px;
	border-top: 1px solid rgba(47,49,50,.12);
}

.marona-project-index__copy .marona-project-index__meta {
	grid-column: 1 / -1;
	margin: 0;
	color: rgba(47,49,50,.48);
}

.marona-project-index__copy h2 {
	margin: 0;
	font-size: clamp(22px,2vw,30px);
	line-height: 1.5;
}

.marona-project-index__copy .marona-project-index__action {
	margin: 0;
	color: var(--marona-green);
	white-space: nowrap;
}

.marona-project-index__grid > .marona-project-index__item:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}

.marona-project-index__grid > .marona-project-index__item:last-child:nth-child(odd) .marona-project-index__media {
	aspect-ratio: 16 / 7;
}

/* --- Journal: dedicated posts index. Never print full article bodies here. --- */
.marona-journal-index {
	padding-block: 72px 108px;
	background: #fff;
}

.marona-journal-feature {
	display: grid;
	grid-template-columns: minmax(0,1.38fr) minmax(320px,.62fr);
	gap: clamp(42px,6vw,90px);
	align-items: center;
	padding-bottom: 72px;
	border-bottom: 1px solid rgba(47,49,50,.12);
}

.marona-journal-feature__media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #e9e5dd;
}

.marona-journal-feature__media img,
.marona-journal-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .68s cubic-bezier(.22,.61,.36,1);
}

.marona-journal-feature:hover .marona-journal-feature__media img,
.marona-journal-card:hover .marona-journal-card__media img {
	transform: scale(1.02);
}

.marona-journal-feature__copy h2 {
	margin: 12px 0 0;
	font-size: clamp(32px,3.5vw,50px);
	line-height: 1.4;
}

.marona-journal-feature__copy h2 a,
.marona-journal-card__copy h2 a {
	color: var(--marona-pietra);
}

.marona-journal-feature__copy > p {
	margin: 15px 0 4px;
	color: rgba(47,49,50,.6);
	font-size: 13px;
	line-height: 2.05;
}

.marona-journal-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 16px;
	color: rgba(47,49,50,.46);
	font-size: 11px;
	line-height: 1.8;
}

.marona-journal-meta > span:first-child {
	color: var(--marona-green);
	font-weight: 700;
}

.marona-journal-grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 62px 24px;
	margin-top: 72px;
}

.marona-journal-grid--archive {
	margin-top: 0;
}

.marona-journal-card {
	padding-top: 18px;
	border-top: 1px solid rgba(47,49,50,.12);
}

.marona-journal-card__media {
	display: block;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: #e9e5dd;
}

.marona-journal-card__copy {
	padding-top: 18px;
}

.marona-journal-card__copy h2 {
	margin: 9px 0 0;
	font-size: clamp(22px,2vw,30px);
	line-height: 1.55;
}

.marona-journal-card__copy > p {
	margin: 9px 0 0;
	color: rgba(47,49,50,.58);
	font-size: 12px;
	line-height: 1.95;
}

/* --- About Process: same language as the new no-number process. --- */
.marona-about-process__track {
	--process-progress: 0%;
	position: relative;
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 0;
	margin-top: 42px;
	padding-top: 38px;
}

.marona-about-process__track::before,
.marona-about-process__track::after {
	content: "";
	position: absolute;
	top: 7px;
	right: 0;
	height: 1px;
}

.marona-about-process__track::before {
	left: 0;
	background: rgba(47,49,50,.16);
}

.marona-about-process__track::after {
	width: var(--process-progress);
	background: var(--marona-green);
	transition: width .55s cubic-bezier(.22,.61,.36,1);
}

.marona-about-process__stage {
	position: relative;
	min-height: 190px;
	padding: 26px 24px 20px;
	border-left: 1px solid rgba(47,49,50,.12);
	transition: opacity .4s ease, transform .45s cubic-bezier(.22,.61,.36,1);
}

.marona-about-process__stage:last-child {
	border-left: 0;
}

.marona-about-process__stage::before {
	content: "";
	position: absolute;
	top: -35px;
	right: 24px;
	width: 9px;
	height: 9px;
	border: 1px solid rgba(35,70,59,.58);
	border-radius: 50%;
	background: var(--marona-latte);
	box-shadow: 0 0 0 6px var(--marona-latte);
	transition: transform .4s ease, background-color .4s ease;
}

.marona-about-process__stage h3 {
	margin: 0;
	font-size: clamp(21px,1.8vw,27px);
	line-height: 1.55;
}

.marona-about-process__stage p {
	margin: 10px 0 0;
	color: rgba(47,49,50,.58);
	font-size: 12px;
	line-height: 1.95;
}

.marona-process-ready .marona-about-process__stage:not(.is-active) {
	opacity: .48;
}

.marona-process-ready .marona-about-process__stage.is-active {
	opacity: 1;
	transform: translateY(-4px);
}

.marona-process-ready .marona-about-process__stage.is-active::before {
	background: var(--marona-green);
	transform: scale(1.15);
}

@media (max-width: 1024px) {
	.marona-material-feature,
	.marona-journal-feature {
		grid-template-columns: 1fr 1fr;
	}

	.marona-finish-index__item,
	.marona-finish-index__item:nth-child(even) {
		grid-template-columns: 1.05fr .95fr;
		gap: 38px;
	}

	.marona-project-feature,
	.marona-project-feature__link,
	.marona-project-feature__media {
		min-height: 520px;
	}
}

@media (max-width: 760px) {
	.marona-archive-hero__lead {
		margin-top: 13px;
		font-size: 12px;
		line-height: 1.95;
	}

	.marona-material-index,
	.marona-project-index,
	.marona-journal-index {
		padding-block: 48px 76px;
	}

	.marona-material-feature,
	.marona-journal-feature {
		grid-template-columns: 1fr;
		min-height: 0;
		gap: 0;
	}

	.marona-material-feature__media {
		min-height: 0;
		aspect-ratio: 4 / 3;
	}

	.marona-material-feature__copy {
		padding: 30px 24px 34px;
	}

	.marona-material-feature__copy h2,
	.marona-journal-feature__copy h2 {
		font-size: 30px;
	}

	.marona-material-index__grid,
	.marona-project-index__grid,
	.marona-journal-grid {
		grid-template-columns: 1fr;
		gap: 46px;
		margin-top: 52px;
	}

	.marona-material-index__grid > .marona-material-index__item:last-child:nth-child(odd),
	.marona-project-index__grid > .marona-project-index__item:last-child:nth-child(odd) {
		grid-column: auto;
		display: block;
	}

	.marona-material-index__grid > .marona-material-index__item:last-child:nth-child(odd) .marona-material-index__media,
	.marona-project-index__grid > .marona-project-index__item:last-child:nth-child(odd) .marona-project-index__media {
		aspect-ratio: 16 / 10;
	}

	.marona-finish-index {
		padding-block: 28px 76px;
	}

	.marona-finish-index__item,
	.marona-finish-index__item:nth-child(even) {
		grid-template-columns: 1fr;
		gap: 24px;
		padding-block: 34px 42px;
	}

	.marona-finish-index__item:nth-child(even) .marona-finish-index__media,
	.marona-finish-index__item:nth-child(even) .marona-finish-index__copy {
		order: initial;
	}

	.marona-finish-index__copy h2 {
		font-size: 30px;
	}

	.marona-project-feature,
	.marona-project-feature__link,
	.marona-project-feature__media {
		min-height: 460px;
	}

	.marona-project-feature__overlay {
		right: 24px;
		left: 24px;
		bottom: 28px;
	}

	.marona-project-feature__overlay h2 {
		font-size: 34px;
	}

	.marona-project-index__copy {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.marona-project-index__copy .marona-project-index__action {
		margin-top: 5px;
	}

	.marona-journal-feature {
		padding-bottom: 46px;
	}

	.marona-journal-feature__copy {
		padding-top: 24px;
	}

	.marona-journal-grid--archive {
		margin-top: 0;
	}

	.marona-about-process__track {
		display: block;
		margin-top: 30px;
		padding: 0 42px 0 0;
	}

	.marona-about-process__track::before,
	.marona-about-process__track::after {
		top: 0;
		right: 10px;
		width: 1px;
		height: auto;
	}

	.marona-about-process__track::before {
		left: auto;
		bottom: 0;
	}

	.marona-about-process__track::after {
		width: 1px;
		height: var(--process-progress);
		transition: height .55s cubic-bezier(.22,.61,.36,1);
	}

	.marona-about-process__stage {
		min-height: 0;
		padding: 22px 0 30px;
		border-left: 0;
		border-bottom: 1px solid rgba(47,49,50,.12);
	}

	.marona-about-process__stage:first-child {
		border-top: 1px solid rgba(47,49,50,.12);
	}

	.marona-about-process__stage::before {
		top: 30px;
		right: -36px;
		box-shadow: 0 0 0 5px var(--marona-latte);
	}
}

@media (prefers-reduced-motion: reduce) {
	.marona-material-feature__media img,
	.marona-material-index__media img,
	.marona-finish-index__media img,
	.marona-project-feature__media img,
	.marona-project-index__media img,
	.marona-journal-feature__media img,
	.marona-journal-card__media img,
	.marona-about-process__track::after,
	.marona-about-process__stage {
		transition: none !important;
	}
}

/* ========================================================================== 
   Marona 1.0.30 — Material Studio Design System
   Capability Navigator / Material Library / Texture Atlas / Journal / About
   ========================================================================== */

:root {
	--marona-motion-micro: 180ms;
	--marona-motion-hover: 240ms;
	--marona-motion-reveal: 520ms;
	--marona-motion-image: 700ms;
	--marona-motion-ease: cubic-bezier(.22,1,.36,1);
}

/* Home: remove decorative numbering; the identity line is enough. */
.marona-home-hero__signature {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	min-width: 0;
	padding-bottom: 8px;
}

.marona-home-hero__signature > span {
	display: none !important;
}

.marona-home-hero__signature b {
	font-size: 10px;
	letter-spacing: .18em;
	color: rgba(255,255,255,.62);
}

.marona-js [data-marona-reveal] {
	transform: translateY(18px);
	transition:
		opacity var(--marona-motion-reveal) ease,
		transform var(--marona-motion-reveal) var(--marona-motion-ease);
}

/* --------------------------------------------------------------------------
   Services — Capability Navigator
   -------------------------------------------------------------------------- */

.marona-service-archive-hero--navigator {
	min-height: 350px;
}

.marona-capabilities {
	padding: 72px 0 112px;
	background: #fff;
}

.marona-capability-navigator {
	display: grid;
	grid-template-columns: minmax(390px,.76fr) minmax(0,1.24fr);
	gap: clamp(46px,6vw,92px);
	align-items: start;
}

.marona-capability-navigator__index {
	min-width: 0;
}

.marona-capability-group + .marona-capability-group {
	margin-top: 72px;
}

.marona-capability-group__heading {
	display: grid;
	grid-template-columns: minmax(0,1fr);
	gap: 4px;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(47,49,50,.16);
}

.marona-capability-group__heading .marona-eyebrow {
	margin: 0 0 7px;
}

.marona-capability-group__heading h2 {
	margin: 0;
	font-size: clamp(31px,3vw,44px);
	line-height: 1.42;
}

.marona-capability-group__heading h2 a {
	color: inherit;
}

.marona-capability-group__heading > p:last-child {
	max-width: 560px;
	margin: 9px 0 0;
	color: rgba(47,49,50,.57);
	font-size: 12px;
	line-height: 1.95;
}

.marona-capability-group__links {
	border-bottom: 1px solid rgba(47,49,50,.16);
}

.marona-capability-link {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0,1fr) 28px;
	gap: 14px;
	align-items: center;
	min-height: 70px;
	padding: 12px 4px;
	border-top: 1px solid rgba(47,49,50,.1);
	color: var(--marona-pietra);
	transition:
		padding-right var(--marona-motion-hover) var(--marona-motion-ease),
		color var(--marona-motion-hover) ease,
		background-color var(--marona-motion-hover) ease;
}

.marona-capability-group__links .marona-capability-link:first-child {
	border-top: 0;
}

.marona-capability-link::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -1px;
	width: 2px;
	height: 0;
	background: var(--marona-green);
	transform: translateY(-50%);
	transition: height var(--marona-motion-hover) var(--marona-motion-ease);
}

.marona-capability-link:hover,
.marona-capability-link:focus-visible,
.marona-capability-link.is-active {
	padding-right: 12px;
	color: var(--marona-green);
}

.marona-capability-link:hover::before,
.marona-capability-link:focus-visible::before,
.marona-capability-link.is-active::before {
	height: 30px;
}

.marona-capability-link__content {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.marona-capability-link__content strong {
	font-family: var(--marona-font-heading);
	font-size: clamp(16px,1.5vw,20px);
	font-weight: 700;
	line-height: 1.55;
}

.marona-capability-link__content small {
	display: block;
	max-width: 470px;
	color: rgba(47,49,50,.5);
	font-size: 10.5px;
	line-height: 1.75;
	transition: color var(--marona-motion-hover) ease;
}

.marona-capability-link:hover small,
.marona-capability-link:focus-visible small,
.marona-capability-link.is-active small {
	color: rgba(35,70,59,.66);
}

.marona-capability-link__arrow {
	direction: ltr;
	font-size: 14px;
	opacity: .34;
	transition: transform var(--marona-motion-hover) var(--marona-motion-ease), opacity var(--marona-motion-hover) ease;
}

.marona-capability-link:hover .marona-capability-link__arrow,
.marona-capability-link:focus-visible .marona-capability-link__arrow,
.marona-capability-link.is-active .marona-capability-link__arrow {
	opacity: 1;
	transform: translate(2px,-2px);
}

.marona-capability-link__mobile-media {
	display: none;
}

.marona-capability-stage {
	position: relative;
	min-width: 0;
}

.marona-capability-stage__sticky {
	position: sticky;
	top: 112px;
}

.admin-bar .marona-capability-stage__sticky {
	top: 144px;
}

.marona-capability-stage__media {
	position: relative;
	aspect-ratio: 4 / 3;
	min-height: 500px;
	overflow: hidden;
	background: #e8e4dc;
}

.marona-capability-stage__media img,
.marona-capability-stage__placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.marona-capability-stage__placeholder {
	background:
		linear-gradient(120deg, transparent 0 43%, rgba(255,255,255,.32) 43.5% 44.5%, transparent 45% 100%),
		linear-gradient(145deg,#d8d4cc,#98958e);
}

.marona-capability-stage__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,transparent 58%,rgba(10,20,16,.72) 100%);
	pointer-events: none;
}

.marona-capability-stage__caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: grid;
	gap: 3px;
	padding: 28px 30px;
	color: #fff;
}

.marona-capability-stage__caption span {
	font-family: var(--marona-font-display);
	font-size: 10px;
	letter-spacing: .14em;
	color: rgba(255,255,255,.58);
}

.marona-capability-stage__caption strong {
	font-family: var(--marona-font-heading);
	font-size: clamp(24px,2.5vw,36px);
	line-height: 1.45;
}

/* --------------------------------------------------------------------------
   Materials — scalable family library, not an ecommerce grid
   -------------------------------------------------------------------------- */

.marona-material-library {
	padding: 72px 0 112px;
	background: #fff;
}

.marona-material-library__guide {
	display: grid;
	grid-template-columns: minmax(320px,.8fr) minmax(0,1.2fr);
	gap: clamp(48px,8vw,118px);
	align-items: start;
	padding: clamp(34px,4vw,58px);
	background: var(--marona-latte);
}

.marona-material-library__guide-title h2,
.marona-library-heading h2,
.marona-finish-atlas__note h2 {
	margin: 7px 0 0;
	font-size: clamp(31px,3.2vw,46px);
	line-height: 1.45;
}

.marona-material-library__guide-copy > p {
	max-width: 650px;
	margin: 0;
	color: rgba(47,49,50,.66);
	font-size: 13px;
	line-height: 2.05;
}

.marona-material-library__principles {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 0;
	margin-top: 30px;
	border-top: 1px solid rgba(47,49,50,.16);
}

.marona-material-library__principles > span {
	display: grid;
	gap: 2px;
	padding: 18px 18px 4px 0;
	border-left: 1px solid rgba(47,49,50,.12);
}

.marona-material-library__principles > span:last-child {
	border-left: 0;
}

.marona-material-library__principles strong {
	font-family: var(--marona-font-heading);
	font-size: 17px;
}

.marona-material-library__principles small {
	color: rgba(47,49,50,.48);
	font-size: 10px;
	line-height: 1.7;
}

.marona-library-heading {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(260px,440px);
	gap: 38px;
	align-items: end;
	margin-top: 96px;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(47,49,50,.14);
}

.marona-library-heading > p {
	margin: 0;
	color: rgba(47,49,50,.56);
	font-size: 12px;
	line-height: 1.95;
}

.marona-material-family-rail,
.marona-journal-categories {
	display: flex;
	align-items: center;
	gap: 8px;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scrollbar-width: none;
	padding: 18px 0 6px;
}

.marona-material-family-rail::-webkit-scrollbar,
.marona-journal-categories::-webkit-scrollbar {
	display: none;
}

.marona-material-family-rail a,
.marona-journal-categories a,
.marona-journal-categories > span {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 13px;
	border-bottom: 1px solid rgba(47,49,50,.18);
	color: rgba(47,49,50,.66);
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
	transition: color var(--marona-motion-hover) ease, border-color var(--marona-motion-hover) ease;
}

.marona-material-family-rail a:hover,
.marona-material-family-rail a:focus-visible,
.marona-journal-categories a:hover,
.marona-journal-categories a:focus-visible,
.marona-journal-categories .is-current {
	border-bottom-color: var(--marona-green);
	color: var(--marona-green);
}

.marona-material-library-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 54px 18px;
	margin-top: 38px;
}

.marona-material-library-grid--dense {
	grid-template-columns: repeat(4,minmax(0,1fr));
}

.marona-material-library-tile {
	min-width: 0;
	scroll-margin-top: 118px;
	position: relative;
	background: #fff;
	border-radius: 4px;
	transition:
		transform 260ms var(--marona-motion-ease),
		box-shadow 260ms var(--marona-motion-ease);
}

.marona-material-library-tile:hover,
.marona-material-library-tile:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 16px 34px rgba(20,28,26,.11), inset 0 0 0 1px rgba(35,70,59,.14);
}

.marona-material-library-tile > a {
	display: block;
}

.marona-material-library-tile__media {
	position: relative;
	aspect-ratio: 4 / 3;
	margin: 0;
	overflow: hidden;
	background: #e8e4dc;
}

.marona-material-library-tile__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--marona-motion-image) var(--marona-motion-ease);
}

.marona-material-library-tile:hover .marona-material-library-tile__media img,
.marona-material-library-tile:focus-within .marona-material-library-tile__media img {
	transform: scale(1.018);
}

.marona-material-library-tile__body {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
	padding: 14px 10px 10px;
	border-top: 1px solid rgba(47,49,50,.12);
	transition: border-color var(--marona-motion-hover) ease;
}

.marona-material-library-tile__body h3 {
	margin: 0;
	font-size: clamp(17px,1.45vw,21px);
	line-height: 1.55;
	transition: color var(--marona-motion-hover) ease, transform var(--marona-motion-hover) var(--marona-motion-ease);
}

.marona-material-library-tile__body span {
	color: rgba(47,49,50,.44);
	font-size: 10px;
	white-space: nowrap;
	transition: color var(--marona-motion-hover) ease;
}

.marona-material-library-tile:hover .marona-material-library-tile__body,
.marona-material-library-tile:focus-within .marona-material-library-tile__body {
	border-top-color: rgba(35,70,59,.28);
}

.marona-material-library-tile:hover .marona-material-library-tile__body h3,
.marona-material-library-tile:focus-within .marona-material-library-tile__body h3 {
	color: var(--marona-green-deep);
	transform: translateX(-2px);
}

.marona-material-library-tile:hover .marona-material-library-tile__body span,
.marona-material-library-tile:focus-within .marona-material-library-tile__body span {
	color: rgba(23,49,41,.68);
}

/* --------------------------------------------------------------------------
   Finishes — Texture Atlas: denser than editorial rows, more tactile than Materials
   -------------------------------------------------------------------------- */

.marona-finish-atlas {
	background: #fff;
}

.marona-finish-atlas__note {
	padding: 54px 0 58px;
	background: var(--marona-green-deep);
	color: #fff;
}

.marona-finish-atlas__note-inner {
	display: grid;
	grid-template-columns: minmax(320px,.9fr) minmax(0,1.1fr);
	gap: clamp(48px,8vw,120px);
	align-items: end;
}

.marona-finish-atlas__note .marona-eyebrow {
	color: rgba(255,255,255,.48);
}

.marona-finish-atlas__note h2 {
	color: #fff;
}

.marona-finish-atlas__note-copy > p {
	max-width: 640px;
	margin: 0;
	color: rgba(255,255,255,.64);
	font-size: 12px;
	line-height: 2.05;
}

.marona-finish-atlas__axes {
	display: flex;
	align-items: center;
	gap: 0;
	margin-top: 26px;
	border-top: 1px solid rgba(255,255,255,.18);
}

.marona-finish-atlas__axes span {
	min-width: 92px;
	padding: 13px 0 0 24px;
	border-left: 1px solid rgba(255,255,255,.14);
	font-size: 11px;
	color: rgba(255,255,255,.75);
}

.marona-finish-atlas__axes span:last-child {
	border-left: 0;
}

.marona-finish-atlas__library {
	padding-top: 76px;
	padding-bottom: 112px;
}

.marona-library-heading--finish {
	margin-top: 0;
}

.marona-finish-atlas-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 54px 16px;
	margin-top: 42px;
}

.marona-finish-atlas-tile {
	position: relative;
	background: #fff;
	border-radius: 3px;
	transition:
		transform 240ms var(--marona-motion-ease),
		box-shadow 240ms var(--marona-motion-ease);
}

.marona-finish-atlas-tile:hover,
.marona-finish-atlas-tile:focus-within {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(20,28,26,.07), inset 0 0 0 1px rgba(35,70,59,.09);
}

.marona-finish-atlas-tile > a {
	display: block;
	color: inherit;
}

.marona-finish-atlas-tile__media {
	position: relative;
	aspect-ratio: 4 / 3;
	margin: 0;
	overflow: hidden;
	background: #e5e1d9;
}

.marona-finish-atlas-tile__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(.92) contrast(1.01);
	transition: transform var(--marona-motion-image) var(--marona-motion-ease), filter var(--marona-motion-hover) ease;
}

.marona-finish-atlas-tile__veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,transparent 68%,rgba(14,26,22,.2));
	opacity: .55;
	transition: opacity var(--marona-motion-hover) ease;
}

.marona-finish-atlas-tile:hover .marona-finish-atlas-tile__media img,
.marona-finish-atlas-tile:focus-within .marona-finish-atlas-tile__media img {
	transform: scale(1.022);
	filter: saturate(1) contrast(1.03);
}

.marona-finish-atlas-tile:hover .marona-finish-atlas-tile__veil,
.marona-finish-atlas-tile:focus-within .marona-finish-atlas-tile__veil {
	opacity: .2;
}

.marona-finish-atlas-tile__body {
	position: relative;
	padding: 15px 2px 0;
	border-top: 1px solid rgba(47,49,50,.12);
}

.marona-finish-atlas-tile__body h3 {
	margin: 0;
	font-size: clamp(20px,1.8vw,26px);
	line-height: 1.5;
	transition: color var(--marona-motion-hover) ease, transform var(--marona-motion-hover) var(--marona-motion-ease);
}

.marona-finish-atlas-tile:hover .marona-finish-atlas-tile__body h3,
.marona-finish-atlas-tile:focus-within .marona-finish-atlas-tile__body h3 {
	color: var(--marona-green-deep);
	transform: translateX(-1px);
}

.marona-finish-atlas-tile__body p {
	min-height: 42px;
	margin: 7px 0 0;
	color: rgba(47,49,50,.52);
	font-size: 11px;
	line-height: 1.85;
}

.marona-finish-atlas-tile__action {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 9px;
	color: var(--marona-green);
	font-size: 10px;
	font-weight: 700;
}

.marona-finish-atlas-tile__action b {
	direction: ltr;
	font-weight: 400;
	transition: transform var(--marona-motion-hover) var(--marona-motion-ease);
}

.marona-finish-atlas-tile:hover .marona-finish-atlas-tile__action b,
.marona-finish-atlas-tile:focus-within .marona-finish-atlas-tile__action b {
	transform: translate(2px,-2px);
}

/* --------------------------------------------------------------------------
   Journal — featured story + balanced six-story grid + designed pagination
   -------------------------------------------------------------------------- */

.marona-journal-index--v2 {
	padding-top: 38px;
}

.marona-journal-categories {
	padding-top: 0;
	padding-bottom: 34px;
}

.marona-journal-feature--v2 {
	padding-top: 18px;
}

.marona-journal-grid--balanced > .marona-journal-card:last-child:nth-child(odd) {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr);
	gap: 32px;
	align-items: center;
}

.marona-journal-grid--balanced > .marona-journal-card:last-child:nth-child(odd) .marona-journal-card__media {
	aspect-ratio: 16 / 7;
}

.marona-journal-grid--balanced > .marona-journal-card:last-child:nth-child(odd) .marona-journal-card__copy {
	padding-top: 0;
}

.marona-pagination--designed {
	margin-top: 78px;
	padding-top: 26px;
	border-top: 1px solid rgba(47,49,50,.14);
}

.marona-pagination--designed ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.marona-pagination--designed .page-numbers a,
.marona-pagination--designed .page-numbers span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 11px;
	border: 1px solid transparent;
	font-size: 11px;
	line-height: 1;
	transition: border-color var(--marona-motion-hover) ease, background-color var(--marona-motion-hover) ease, color var(--marona-motion-hover) ease;
}

.marona-pagination--designed .page-numbers a:hover,
.marona-pagination--designed .page-numbers a:focus-visible {
	border-color: rgba(35,70,59,.3);
	color: var(--marona-green);
}

.marona-pagination--designed .page-numbers .current {
	background: var(--marona-green);
	color: #fff;
}

/* --------------------------------------------------------------------------
   About — editorial brand story, no capability-box wall
   -------------------------------------------------------------------------- */

.marona-about-page--editorial {
	background: #fff;
}

.marona-about-hero--v2 .marona-about-hero__inner {
	min-height: 560px;
}

.marona-about-manifesto {
	padding: 104px 0;
	background: var(--marona-latte);
}

.marona-about-manifesto__grid,
.marona-about-collaboration__grid {
	display: grid;
	grid-template-columns: minmax(300px,.82fr) minmax(0,1.18fr);
	gap: clamp(56px,9vw,136px);
	align-items: start;
}

.marona-about-manifesto h2,
.marona-about-collaboration h2 {
	margin: 7px 0 0;
	font-size: clamp(34px,4vw,54px);
	line-height: 1.4;
}

.marona-about-manifesto__copy {
	max-width: 720px;
}

.marona-about-manifesto__copy p,
.marona-about-collaboration__grid > div:last-child > p {
	margin: 0;
	color: rgba(47,49,50,.64);
	font-size: 13px;
	line-height: 2.12;
}

.marona-about-manifesto__copy p + p {
	margin-top: 18px;
}

.marona-about-story__band {
	padding: 84px 0;
	background: #fff;
}

.marona-about-story__band.is-dark {
	background: var(--marona-green-deep);
	color: #fff;
}

.marona-about-story__grid {
	display: grid;
	grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr);
	gap: clamp(48px,7vw,104px);
	align-items: center;
}

.marona-about-story__grid.is-reversed {
	grid-template-columns: minmax(0,1.28fr) minmax(300px,.72fr);
}

.marona-about-story__grid.is-reversed .marona-about-story__copy {
	order: 2;
}

.marona-about-story__grid.is-reversed .marona-about-story__media {
	order: 1;
}

.marona-about-story__copy .marona-eyebrow {
	margin-bottom: 8px;
}

.marona-about-story__band.is-dark .marona-eyebrow {
	color: rgba(255,255,255,.5);
}

.marona-about-story__copy h2 {
	margin: 0;
	font-size: clamp(35px,4vw,56px);
	line-height: 1.36;
}

.marona-about-story__copy > p:not(.marona-eyebrow) {
	max-width: 560px;
	margin: 17px 0 4px;
	color: rgba(47,49,50,.62);
	font-size: 13px;
	line-height: 2.08;
}

.marona-about-story__band.is-dark .marona-about-story__copy > p:not(.marona-eyebrow) {
	color: rgba(255,255,255,.62);
}

.marona-about-story__media {
	aspect-ratio: 3 / 2;
	margin: 0;
	overflow: hidden;
	background: #dfdbd2;
}

.marona-about-story__media img,
.marona-about-story__placeholder {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.marona-about-story__media img {
	transition: transform var(--marona-motion-image) var(--marona-motion-ease);
}

.marona-about-story__band:hover .marona-about-story__media img {
	transform: scale(1.015);
}

.marona-about-story__placeholder {
	display: grid;
	place-items: center;
	font-family: var(--marona-font-display);
	font-size: 14px;
	letter-spacing: .15em;
	color: rgba(47,49,50,.38);
}

.marona-about-story__band.is-dark .marona-about-story__placeholder {
	background: #213a31;
	color: rgba(255,255,255,.38);
}

.marona-about-process--v2 {
	padding: 104px 0;
	background: var(--marona-latte);
}

.marona-about-process--v2 .marona-about-heading {
	margin: 0;
}

.marona-about-process--v2 .marona-about-heading > p {
	max-width: 420px;
}

.marona-about-collaboration {
	padding: 100px 0;
	background: #fff;
}

.marona-about-collaboration__rail {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin: 34px 0 0;
	padding: 0;
	border-top: 1px solid rgba(47,49,50,.14);
	list-style: none;
}

.marona-about-collaboration__rail li {
	position: relative;
	padding: 17px 0 0 28px;
	color: var(--marona-pietra);
	font-size: 12px;
	font-weight: 700;
}

.marona-about-collaboration__rail li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 22px;
	left: 13px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: var(--marona-green);
}

.marona-about-projects--v2 {
	padding: 96px 0 112px;
	background: #f4f1ea;
}

.marona-about-projects--v2 .marona-about-heading {
	align-items: end;
}

.marona-about-projects--v2 .marona-about-project-card {
	background: transparent;
}

.marona-about-projects--v2 .marona-about-project-card figure {
	aspect-ratio: 4 / 3;
}

.marona-about-projects--v2 .marona-about-project-card > div {
	padding-top: 13px;
	border-top: 1px solid rgba(47,49,50,.13);
}

/* --------------------------------------------------------------------------
   Responsive recomposition
   -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
	.marona-capability-navigator {
		grid-template-columns: minmax(330px,.9fr) minmax(0,1.1fr);
		gap: 38px;
	}

	.marona-capability-stage__media {
		min-height: 430px;
	}

	.marona-material-library-grid--dense {
		grid-template-columns: repeat(3,minmax(0,1fr));
	}

	.marona-about-story__grid,
	.marona-about-story__grid.is-reversed {
		grid-template-columns: .85fr 1.15fr;
		gap: 42px;
	}
}

@media (max-width: 760px) {
	.marona-home-hero__signature {
		display: none;
	}

	.marona-capabilities {
		padding: 46px 0 76px;
	}

	.marona-capability-navigator {
		display: block;
	}

	.marona-capability-stage {
		display: none;
	}

	.marona-capability-group + .marona-capability-group {
		margin-top: 64px;
	}

	.marona-capability-group__heading {
		padding-bottom: 20px;
	}

	.marona-capability-group__heading h2 {
		font-size: 29px;
	}

	.marona-capability-group__links {
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 28px 12px;
		padding-top: 18px;
		border-bottom: 0;
	}

	.marona-capability-link,
	.marona-capability-group__links .marona-capability-link:first-child {
		display: block;
		min-height: 0;
		padding: 0;
		border: 0;
	}

	.marona-capability-link::before,
	.marona-capability-link__arrow,
	.marona-capability-link__content small {
		display: none;
	}

	.marona-capability-link:hover,
	.marona-capability-link:focus-visible,
	.marona-capability-link.is-active {
		padding-right: 0;
	}

	.marona-capability-link__mobile-media {
		display: block;
		aspect-ratio: 4 / 3;
		overflow: hidden;
		background: #e5e1d9;
	}

	.marona-capability-link__mobile-media img,
	.marona-capability-link__placeholder {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.marona-capability-link__placeholder {
		display: block;
		background: linear-gradient(145deg,#d8d4cc,#9b9891);
	}

	.marona-capability-link__content {
		display: block;
		min-height: 52px;
		padding: 10px 1px 0;
		border-top: 1px solid rgba(47,49,50,.12);
	}

	.marona-capability-link__content strong {
		display: block;
		font-size: 14px;
		line-height: 1.65;
	}

	.marona-material-library {
		padding: 48px 0 78px;
	}

	.marona-material-library__guide,
	.marona-finish-atlas__note-inner,
	.marona-library-heading,
	.marona-about-manifesto__grid,
	.marona-about-collaboration__grid {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.marona-material-library__guide {
		padding: 28px 22px 30px;
	}

	.marona-material-library__guide-title h2,
	.marona-library-heading h2,
	.marona-finish-atlas__note h2 {
		font-size: 29px;
	}

	.marona-material-library__principles {
		margin-top: 22px;
	}

	.marona-material-library__principles > span {
		padding: 14px 9px 2px 0;
	}

	.marona-material-library__principles strong {
		font-size: 14px;
	}

	.marona-material-library__principles small {
		font-size: 9px;
	}

	.marona-library-heading {
		margin-top: 66px;
		padding-bottom: 17px;
	}

	.marona-material-family-rail,
	.marona-journal-categories {
		margin-left: -15px;
		margin-right: -15px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.marona-material-library-grid,
	.marona-material-library-grid--dense,
	.marona-finish-atlas-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 34px 12px;
		margin-top: 30px;
	}

	.marona-material-library-tile__body {
		display: block;
		min-height: 52px;
		padding-top: 9px;
	}

	.marona-material-library-tile__body h3 {
		font-size: 14px;
	}

	.marona-material-library-tile__body span {
		display: block;
		margin-top: 2px;
		font-size: 9px;
	}

	.marona-finish-atlas__note {
		padding: 42px 0 44px;
	}

	.marona-finish-atlas__axes {
		margin-top: 20px;
	}

	.marona-finish-atlas__library {
		padding-top: 54px;
		padding-bottom: 78px;
	}

	.marona-finish-atlas-tile__body {
		padding-top: 9px;
	}

	.marona-finish-atlas-tile__body h3 {
		font-size: 16px;
	}

	.marona-finish-atlas-tile__body p {
		min-height: 0;
		font-size: 9.5px;
		line-height: 1.75;
	}

	.marona-finish-atlas-tile__action {
		margin-top: 5px;
		font-size: 9px;
	}

	.marona-journal-index--v2 {
		padding-top: 24px;
	}

	.marona-journal-categories {
		padding-bottom: 24px;
	}

	.marona-journal-grid--balanced > .marona-journal-card:last-child:nth-child(odd) {
		grid-column: auto;
		display: block;
	}

	.marona-journal-grid--balanced > .marona-journal-card:last-child:nth-child(odd) .marona-journal-card__media {
		aspect-ratio: 3 / 2;
	}

	.marona-journal-grid--balanced > .marona-journal-card:last-child:nth-child(odd) .marona-journal-card__copy {
		padding-top: 18px;
	}

	.marona-pagination--designed {
		margin-top: 54px;
	}

	.marona-about-hero--v2 .marona-about-hero__inner {
		min-height: 500px;
	}

	.marona-about-manifesto,
	.marona-about-process--v2,
	.marona-about-collaboration,
	.marona-about-projects--v2 {
		padding: 72px 0;
	}

	.marona-about-manifesto h2,
	.marona-about-collaboration h2,
	.marona-about-story__copy h2 {
		font-size: 31px;
	}

	.marona-about-story__band {
		padding: 62px 0;
	}

	.marona-about-story__grid,
	.marona-about-story__grid.is-reversed {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.marona-about-story__grid.is-reversed .marona-about-story__copy,
	.marona-about-story__grid.is-reversed .marona-about-story__media {
		order: initial;
	}

	.marona-about-story__media {
		aspect-ratio: 4 / 3;
	}

	.marona-about-collaboration__rail {
		margin-top: 25px;
	}

	.marona-about-projects--v2 .marona-about-projects__grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	/* Audit hardening: footer actions stay comfortably tappable on mobile. */
	#mro-theme-footer .mro-footer-whatsapp,
	#mro-theme-footer .mro-footer-bottom__links a {
		display: inline-flex !important;
		align-items: center;
		min-height: 44px !important;
	}
}

@media (max-width: 350px) {
	.marona-capability-group__links,
	.marona-material-library-grid,
	.marona-material-library-grid--dense,
	.marona-finish-atlas-grid {
		grid-template-columns: 1fr;
	}

	.marona-material-library__principles {
		grid-template-columns: 1fr;
	}

	.marona-material-library__principles > span {
		border-left: 0;
		border-bottom: 1px solid rgba(47,49,50,.1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.marona-capability-link,
	.marona-capability-link::before,
	.marona-capability-link__arrow,
	.marona-material-library-tile,
	.marona-material-library-tile__media img,
	.marona-material-library-tile__body,
	.marona-material-library-tile__body h3,
	.marona-material-library-tile__body span,
	.marona-finish-atlas-tile,
	.marona-finish-atlas-tile__media img,
	.marona-finish-atlas-tile__veil,
	.marona-finish-atlas-tile__body h3,
	.marona-about-story__media img {
		transition: none !important;
	}

	.marona-material-library-tile:hover,
	.marona-material-library-tile:focus-within,
	.marona-material-library-tile:hover .marona-material-library-tile__body h3,
	.marona-material-library-tile:focus-within .marona-material-library-tile__body h3,
	.marona-finish-atlas-tile:hover,
	.marona-finish-atlas-tile:focus-within,
	.marona-finish-atlas-tile:hover .marona-finish-atlas-tile__body h3,
	.marona-finish-atlas-tile:focus-within .marona-finish-atlas-tile__body h3 {
		transform: none !important;
	}
}

@media (max-width: 760px) {
	.marona-capability-link__mobile-media picture {
		display: block;
		width: 100%;
		height: 100%;
	}
}


/* --------------------------------------------------------------------------
   Marona 1.0.32 — Material tile hover specificity fix + clearer premium lift
   Reveal state previously forced transform:none on revealed tiles, overriding
   the hover lift on every tile carrying data-marona-reveal.
   -------------------------------------------------------------------------- */
.marona-material-library-tile:hover,
.marona-material-library-tile:focus-within,
.marona-js .marona-material-library-tile[data-marona-reveal].is-visible:hover,
.marona-js .marona-material-library-tile[data-marona-reveal].is-visible:focus-within {
	position: relative;
	z-index: 3;
	transform: translateY(-6px);
	box-shadow:
		0 20px 44px rgba(20,28,26,.14),
		inset 0 0 0 1px rgba(35,70,59,.22);
}

.marona-material-library-tile:hover .marona-material-library-tile__media img,
.marona-material-library-tile:focus-within .marona-material-library-tile__media img,
.marona-js .marona-material-library-tile[data-marona-reveal].is-visible:hover .marona-material-library-tile__media img,
.marona-js .marona-material-library-tile[data-marona-reveal].is-visible:focus-within .marona-material-library-tile__media img {
	transform: scale(1.028);
}

.marona-material-library-tile:hover .marona-material-library-tile__body,
.marona-material-library-tile:focus-within .marona-material-library-tile__body,
.marona-js .marona-material-library-tile[data-marona-reveal].is-visible:hover .marona-material-library-tile__body,
.marona-js .marona-material-library-tile[data-marona-reveal].is-visible:focus-within .marona-material-library-tile__body {
	border-top-color: rgba(35,70,59,.38);
	background: rgba(243,239,231,.38);
}

.marona-material-library-tile:hover .marona-material-library-tile__body h3,
.marona-material-library-tile:focus-within .marona-material-library-tile__body h3,
.marona-js .marona-material-library-tile[data-marona-reveal].is-visible:hover .marona-material-library-tile__body h3,
.marona-js .marona-material-library-tile[data-marona-reveal].is-visible:focus-within .marona-material-library-tile__body h3 {
	color: var(--marona-green-deep);
	transform: translateX(-3px);
}

@media (prefers-reduced-motion: reduce) {
	.marona-js .marona-material-library-tile[data-marona-reveal].is-visible:hover,
	.marona-js .marona-material-library-tile[data-marona-reveal].is-visible:focus-within,
	.marona-material-library-tile:hover,
	.marona-material-library-tile:focus-within {
		transform: none !important;
	}
}

/* --------------------------------------------------------------------------
   Marona 1.0.33 — Material families catalogue cards
   Scope: /materials/ only. Core hierarchy/order/URLs remain untouched.
   -------------------------------------------------------------------------- */
.marona-material-library--families-v3 .marona-library-heading {
	margin-bottom: 34px;
}

.marona-material-library--families-v3 .marona-material-library-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: 28px 22px;
	margin-top: 0;
	align-items: stretch;
}

.marona-material-library--families-v3 .marona-material-family-card {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 100%;
	flex-direction: column;
	background: #fff;
	border: 1px solid rgba(47,49,50,.13);
	border-radius: 6px;
	box-shadow: 0 1px 0 rgba(20,28,26,.025);
	transition:
		transform 240ms var(--marona-motion-ease),
		border-color 240ms var(--marona-motion-ease),
		box-shadow 240ms var(--marona-motion-ease);
}

.marona-material-library--families-v3 .marona-material-family-card:hover,
.marona-material-library--families-v3 .marona-material-family-card:focus-within,
.marona-js .marona-material-library--families-v3 .marona-material-family-card[data-marona-reveal].is-visible:hover,
.marona-js .marona-material-library--families-v3 .marona-material-family-card[data-marona-reveal].is-visible:focus-within {
	z-index: 2;
	transform: translateY(-4px);
	border-color: rgba(35,70,59,.27);
	box-shadow: 0 14px 30px rgba(20,28,26,.085);
}

.marona-material-library--families-v3 .marona-material-family-card__media {
	position: relative;
	aspect-ratio: 4 / 3;
	margin: 0;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	background: #e8e4dc;
}

.marona-material-library--families-v3 .marona-material-family-card__media img,
.marona-material-library--families-v3 .marona-material-family-card__media .marona-library-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.marona-material-library--families-v3 .marona-material-family-card__media img {
	transition: transform 650ms var(--marona-motion-ease);
}

.marona-material-library--families-v3 .marona-material-family-card:hover .marona-material-family-card__media img,
.marona-material-library--families-v3 .marona-material-family-card:focus-within .marona-material-family-card__media img {
	transform: scale(1.018);
}

.marona-material-library--families-v3 .marona-material-family-card__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 21px 21px 18px;
}

.marona-material-library--families-v3 .marona-material-family-card__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	min-width: 0;
	direction: ltr;
}

.marona-material-library--families-v3 .marona-material-family-card__eyebrow {
	display: block;
	flex: 0 1 48%;
	max-width: 48%;
	margin: 0 0 4px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--marona-rosa, #6E2635);
	font-family: Staatliches, var(--marona-font-body);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .075em;
	line-height: 1.35;
	text-align: left;
	text-transform: uppercase;
}

.marona-material-library--families-v3 .marona-material-family-card h3 {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	direction: rtl;
	font-family: var(--marona-font-heading);
	font-size: clamp(21px,1.65vw,25px);
	font-weight: 700;
	line-height: 1.55;
	text-align: right;
}

.marona-material-library--families-v3 .marona-material-family-card__main-link {
	color: var(--marona-pietra, #2F3132);
	transition: color 220ms ease;
}

/* Stretched family link: child-tag links stay independently clickable above it. */
.marona-material-library--families-v3 .marona-material-family-card__main-link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: 6px;
}

.marona-material-library--families-v3 .marona-material-family-card:hover .marona-material-family-card__main-link,
.marona-material-library--families-v3 .marona-material-family-card:focus-within .marona-material-family-card__main-link {
	color: var(--marona-green-deep);
}

.marona-material-library--families-v3 .marona-material-family-card__main-link:focus-visible {
	outline: 2px solid var(--marona-green);
	outline-offset: 3px;
}

.marona-material-library--families-v3 .marona-material-family-card__summary {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	min-height: 3.9em;
	margin: 10px 0 0;
	color: rgba(47,49,50,.61);
	font-size: 12px;
	line-height: 1.95;
}

.marona-material-library--families-v3 .marona-material-family-card__tags {
	position: relative;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 17px;
}

.marona-material-library--families-v3 .marona-material-family-card__tags a,
.marona-material-library--families-v3 .marona-material-family-card__tags span {
	display: inline-flex;
	align-items: center;
	min-height: 27px;
	padding: 3px 8px 4px;
	border: 1px solid rgba(47,49,50,.13);
	border-radius: 999px;
	background: rgba(243,239,231,.28);
	color: rgba(47,49,50,.68);
	font-size: 9.5px;
	font-weight: 500;
	line-height: 1.45;
}

.marona-material-library--families-v3 .marona-material-family-card__tags a {
	transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

.marona-material-library--families-v3 .marona-material-family-card__tags a:hover,
.marona-material-library--families-v3 .marona-material-family-card__tags a:focus-visible {
	border-color: rgba(35,70,59,.38);
	background: rgba(35,70,59,.065);
	color: var(--marona-green-deep);
}

.marona-material-library--families-v3 .marona-material-family-card__tags a:focus-visible {
	outline: 2px solid rgba(35,70,59,.45);
	outline-offset: 2px;
}

.marona-material-library--families-v3 .marona-material-family-card__tags span {
	border-style: dashed;
	background: transparent;
	color: rgba(47,49,50,.46);
}

.marona-material-library--families-v3 .marona-material-family-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	min-height: 45px;
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid rgba(47,49,50,.11);
}

/* Keep every CTA on the same baseline inside each grid row, regardless of copy/tag count. */
.marona-material-library--families-v3 .marona-material-family-card__summary + .marona-material-family-card__footer,
.marona-material-library--families-v3 .marona-material-family-card__header + .marona-material-family-card__footer,
.marona-material-library--families-v3 .marona-material-family-card__tags + .marona-material-family-card__footer {
	margin-top: auto;
}

.marona-material-library--families-v3 .marona-material-family-card__count {
	color: rgba(47,49,50,.46);
	font-size: 10px;
	font-weight: 600;
	white-space: nowrap;
}

.marona-material-library--families-v3 .marona-material-family-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 38px;
	padding: 0 12px;
	border-radius: 4px;
	background: var(--marona-green, #23463B);
	color: #fff;
	font-size: 10.5px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	transition: background-color 220ms var(--marona-motion-ease);
}

.marona-material-library--families-v3 .marona-material-family-card:hover .marona-material-family-card__cta,
.marona-material-library--families-v3 .marona-material-family-card:focus-within .marona-material-family-card__cta {
	background: var(--marona-green-deep, #173129);
}

.marona-material-library--families-v3 .marona-material-family-card__cta i {
	font-style: normal;
	transition: transform 220ms var(--marona-motion-ease);
}

.marona-material-library--families-v3 .marona-material-family-card:hover .marona-material-family-card__cta i,
.marona-material-library--families-v3 .marona-material-family-card:focus-within .marona-material-family-card__cta i {
	transform: translateX(-3px);
}

@media (max-width: 1024px) {
	.marona-material-library--families-v3 .marona-material-library-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: auto;
		gap: 24px 18px;
	}
}

@media (max-width: 640px) {
	.marona-material-library--families-v3 .marona-library-heading {
		margin-bottom: 24px;
	}

	.marona-material-library--families-v3 .marona-material-library-grid {
		grid-template-columns: 1fr;
		gap: 22px;
		margin-top: 0;
	}

	.marona-material-library--families-v3 .marona-material-family-card__media {
		aspect-ratio: 16 / 10;
	}

	.marona-material-library--families-v3 .marona-material-family-card__content {
		padding: 18px 17px 14px;
	}

	.marona-material-library--families-v3 .marona-material-family-card__header {
		gap: 12px;
	}

	.marona-material-library--families-v3 .marona-material-family-card h3 {
		font-size: 21px;
	}

	.marona-material-library--families-v3 .marona-material-family-card__eyebrow {
		max-width: 50%;
		font-size: 11px;
	}

	.marona-material-library--families-v3 .marona-material-family-card__summary {
		min-height: 0;
		font-size: 11.5px;
		line-height: 1.9;
	}

	.marona-material-library--families-v3 .marona-material-family-card__tags {
		gap: 6px 5px;
		margin-top: 14px;
	}

	.marona-material-library--families-v3 .marona-material-family-card__tags a,
	.marona-material-library--families-v3 .marona-material-family-card__tags span {
		min-height: 29px;
		font-size: 9px;
	}

	.marona-material-library--families-v3 .marona-material-family-card__footer {
		min-height: 44px;
		padding-top: 13px;
	}

	.marona-material-library--families-v3 .marona-material-family-card__cta {
		min-height: 44px;
		padding-inline: 13px;
		font-size: 10px;
	}

	/* On touch layouts, keep the card still and let the interaction stay tactile. */
	.marona-material-library--families-v3 .marona-material-family-card:hover,
	.marona-material-library--families-v3 .marona-material-family-card:focus-within,
	.marona-js .marona-material-library--families-v3 .marona-material-family-card[data-marona-reveal].is-visible:hover,
	.marona-js .marona-material-library--families-v3 .marona-material-family-card[data-marona-reveal].is-visible:focus-within {
		transform: none;
		box-shadow: 0 8px 22px rgba(20,28,26,.065);
	}
}

@media (prefers-reduced-motion: reduce) {
	.marona-material-library--families-v3 .marona-material-family-card,
	.marona-material-library--families-v3 .marona-material-family-card__media img,
	.marona-material-library--families-v3 .marona-material-family-card__cta,
	.marona-material-library--families-v3 .marona-material-family-card__cta i,
	.marona-material-library--families-v3 .marona-material-family-card__tags a {
		transition: none !important;
	}

	.marona-material-library--families-v3 .marona-material-family-card:hover,
	.marona-material-library--families-v3 .marona-material-family-card:focus-within,
	.marona-js .marona-material-library--families-v3 .marona-material-family-card[data-marona-reveal].is-visible:hover,
	.marona-js .marona-material-library--families-v3 .marona-material-family-card[data-marona-reveal].is-visible:focus-within,
	.marona-material-library--families-v3 .marona-material-family-card:hover .marona-material-family-card__media img,
	.marona-material-library--families-v3 .marona-material-family-card:focus-within .marona-material-family-card__media img,
	.marona-material-library--families-v3 .marona-material-family-card:hover .marona-material-family-card__cta i,
	.marona-material-library--families-v3 .marona-material-family-card:focus-within .marona-material-family-card__cta i {
		transform: none !important;
	}
}

/* ========================================================================== 
   Marona 1.0.37 — Material Stage homepage + architectural off-canvas menu
   ========================================================================== */

/* ---------- Header: logo + one navigation control only ---------- */
#mro-theme-header.mro-theme-header{
	position:sticky!important;
	top:0!important;
	z-index:10000!important;
	width:100%!important;
	margin:0!important;
	padding:0!important;
	background:rgba(250,249,246,.94)!important;
	border:0!important;
	border-bottom:1px solid rgba(35,39,37,.08)!important;
	box-shadow:none!important;
	backdrop-filter:blur(18px);
	-webkit-backdrop-filter:blur(18px);
	transition:background .28s ease,border-color .28s ease,backdrop-filter .28s ease;
}
body.home #mro-theme-header.mro-theme-header--overlay{
	position:absolute!important;
	background:transparent!important;
	border-bottom-color:transparent!important;
	backdrop-filter:none!important;
	-webkit-backdrop-filter:none!important;
}
body.admin-bar.home #mro-theme-header.mro-theme-header--overlay{top:32px!important}
#mro-theme-header .mro-theme-header__inner{
	min-height:112px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:24px!important;
	direction:ltr;
}
#mro-theme-header .mro-theme-brand{
	width:176px!important;
	min-width:0!important;
	height:auto!important;
	margin:0!important;
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
}
#mro-theme-header .mro-theme-brand__image{
	width:176px!important;
	max-width:176px!important;
	max-height:64px!important;
	height:auto!important;
	object-fit:contain!important;
	object-position:left center!important;
}
.mro-theme-menu-toggle{
	appearance:none;
	-webkit-appearance:none;
	width:58px;
	height:48px;
	margin:0;
	padding:8px 3px;
	border:0;
	background:transparent;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	gap:6px;
	cursor:pointer;
	color:#202423;
}
.mro-theme-menu-toggle span{
	display:block;
	height:1.5px;
	background:currentColor;
	transition:width .24s ease,transform .24s ease;
}
.mro-theme-menu-toggle span:nth-child(1){width:45px}
.mro-theme-menu-toggle span:nth-child(2){width:32px}
.mro-theme-menu-toggle span:nth-child(3){width:45px}
.mro-theme-menu-toggle:hover span:nth-child(2),
.mro-theme-menu-toggle:focus-visible span:nth-child(2){width:45px}
body.home .mro-theme-header--overlay .mro-theme-menu-toggle{color:#fff}
.mro-theme-menu-toggle:focus-visible{outline:1px solid currentColor;outline-offset:5px}

/* ---------- Full-height menu ---------- */
body.mro-theme-menu-open{overflow:hidden!important}
.mro-theme-mobile-overlay{
	position:fixed!important;
	inset:0!important;
	z-index:10020!important;
	display:block!important;
	visibility:hidden!important;
	opacity:0!important;
	pointer-events:none!important;
	background:rgba(13,16,15,.46)!important;
	backdrop-filter:blur(8px)!important;
	-webkit-backdrop-filter:blur(8px)!important;
	transition:opacity .42s cubic-bezier(.22,1,.36,1),visibility .42s!important;
}
body.mro-theme-menu-open .mro-theme-mobile-overlay,
.mro-theme-mobile-overlay.is-open{
	visibility:visible!important;
	opacity:1!important;
	pointer-events:auto!important;
}
.mro-theme-mobile-drawer{
	position:fixed!important;
	top:0!important;
	right:0!important;
	bottom:0!important;
	z-index:10030!important;
	width:min(460px,100vw)!important;
	height:100dvh!important;
	margin:0!important;
	padding:34px 38px 30px!important;
	display:flex!important;
	flex-direction:column!important;
	background:#f3f0ea!important;
	color:#202322!important;
	box-shadow:-26px 0 70px rgba(0,0,0,.10)!important;
	visibility:hidden!important;
	opacity:1!important;
	pointer-events:none!important;
	transform:translateX(104%)!important;
	transition:transform .52s cubic-bezier(.22,1,.36,1),visibility .52s!important;
	overflow-y:auto;
	overflow-x:hidden;
}
body.admin-bar .mro-theme-mobile-drawer{top:32px!important;height:calc(100dvh - 32px)!important;padding-top:34px!important}
body.mro-theme-menu-open .mro-theme-mobile-drawer,
.mro-theme-mobile-drawer.is-open{
	visibility:visible!important;
	pointer-events:auto!important;
	transform:translateX(0)!important;
}
.mro-theme-mobile-drawer__head{
	min-height:58px!important;
	padding:0 0 20px!important;
	display:flex!important;
	align-items:flex-start!important;
	justify-content:space-between!important;
	gap:24px!important;
	border:0!important;
	border-bottom:1px solid rgba(32,35,34,.11)!important;
	background:transparent!important;
	direction:ltr;
}
.mro-theme-mobile-drawer__identity{
	display:grid;
	gap:3px;
	padding-top:4px;
	direction:ltr;
	text-align:left;
}
.mro-theme-mobile-drawer__identity span{
	font-family:var(--marona-font-display);
	font-size:18px;
	letter-spacing:.22em;
	line-height:1;
}
.mro-theme-mobile-drawer__identity small{
	font-size:8px;
	letter-spacing:.18em;
	opacity:.48;
}
.mro-theme-mobile-close{
	position:relative!important;
	width:46px!important;
	height:46px!important;
	margin:-5px -8px 0 0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	color:#202322!important;
	cursor:pointer!important;
}
.mro-theme-mobile-close span{
	position:absolute;
	left:11px;
	top:22px;
	width:26px;
	height:1.5px;
	background:currentColor;
}
.mro-theme-mobile-close span:first-child{transform:rotate(45deg)}
.mro-theme-mobile-close span:last-child{transform:rotate(-45deg)}
.mro-theme-mobile-close:hover,
.mro-theme-mobile-close:focus{background:transparent!important}
.mro-theme-mobile-close:focus-visible{outline:1px solid currentColor;outline-offset:2px}

.mro-theme-mobile-nav{
	padding:26px 0 20px!important;
	counter-reset:marona-nav;
}
.mro-theme-mobile-nav ul,
.mro-theme-mobile-nav .menu,
.mro-theme-mobile-nav .mro-theme-nav__list,
.mro-theme-mobile-nav__list{
	list-style:none!important;
	margin:0!important;
	padding:0!important;
	display:grid!important;
	gap:0!important;
}
.mro-theme-mobile-nav li{
	position:relative!important;
	counter-increment:marona-nav;
	margin:0!important;
	padding:0!important;
	border:0!important;
}
.mro-theme-mobile-nav li::before{
	content:counter(marona-nav, decimal-leading-zero);
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	font-family:var(--marona-font-display);
	font-size:10px;
	letter-spacing:.08em;
	color:rgba(32,35,34,.36);
	pointer-events:none;
}
.mro-theme-mobile-nav a{
	min-height:58px!important;
	padding:9px 34px 9px 0!important;
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	border-bottom:1px solid rgba(32,35,34,.075)!important;
	background:transparent!important;
	color:#202322!important;
	font-family:var(--marona-font-heading);
	font-size:20px!important;
	font-weight:700!important;
	line-height:1.45!important;
	transition:padding .26s ease,color .26s ease!important;
}
.mro-theme-mobile-nav li:last-child>a{border-bottom:0!important}
.mro-theme-mobile-nav a::after{
	content:"←";
	margin-right:auto;
	font-family:Arial,sans-serif;
	font-size:16px;
	font-weight:400;
	opacity:0;
	transform:translateX(8px);
	transition:opacity .24s ease,transform .24s ease;
}
.mro-theme-mobile-nav a:hover,
.mro-theme-mobile-nav a:focus-visible{
	padding-right:8px!important;
	color:var(--marona-green-deep)!important;
}
.mro-theme-mobile-nav a:hover::after,
.mro-theme-mobile-nav a:focus-visible::after{opacity:.65;transform:none}
.mro-theme-mobile-nav .sub-menu{
	padding-right:18px!important;
	border-right:1px solid rgba(32,35,34,.12)!important;
}
.mro-theme-mobile-nav .sub-menu li::before{display:none}
.mro-theme-mobile-nav .sub-menu a{min-height:46px!important;font-size:14px!important;font-weight:600!important}

.mro-theme-mobile-drawer__footer{
	margin-top:auto!important;
	padding-top:18px!important;
	display:grid!important;
	gap:18px!important;
	border-top:1px solid rgba(32,35,34,.11);
}
.mro-theme-mobile-drawer__actions{display:grid;gap:8px}
.mro-drawer-action{
	min-height:52px;
	padding:0 16px;
	display:flex;
	align-items:center;
	gap:12px;
	border:1px solid rgba(32,35,34,.24);
	font-size:13px;
	font-weight:700;
	transition:background .22s ease,color .22s ease,border-color .22s ease;
}
.mro-drawer-action svg{
	width:19px;
	height:19px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.6;
	stroke-linecap:round;
	stroke-linejoin:round;
	flex:0 0 auto;
}
.mro-drawer-action--solid{background:#202322;color:#fff;border-color:#202322}
.mro-drawer-action--outline:hover{background:#fff;border-color:#202322}
.mro-drawer-action--solid:hover{background:var(--marona-green-deep);border-color:var(--marona-green-deep)}
.mro-theme-mobile-drawer__socials{
	display:flex;
	align-items:center;
	gap:18px;
	direction:ltr;
	font-family:Arial,sans-serif;
	font-size:10px;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:rgba(32,35,34,.55);
}
.mro-theme-mobile-drawer__socials a{min-height:32px;display:inline-flex;align-items:center}
.mro-theme-mobile-drawer__socials a:hover{color:#202322}

/* ---------- Homepage Material Stage ---------- */
.marona-stage{
	position:relative;
	isolation:isolate;
	width:100%;
	height:clamp(700px,100svh,940px);
	min-height:700px;
	overflow:hidden;
	background:#171b19;
	color:#fff;
}
.marona-stage__semantic-title{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	padding:0!important;
	margin:-1px!important;
	overflow:hidden!important;
	clip:rect(0,0,0,0)!important;
	white-space:nowrap!important;
	border:0!important;
}
.marona-stage__slides,
.marona-stage__slide,
.marona-stage__media,
.marona-stage__media picture,
.marona-stage__media img,
.marona-stage__fallback{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
}
.marona-stage__slide{
	z-index:1;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .72s cubic-bezier(.22,1,.36,1),visibility .72s;
}
.marona-stage__slide.is-active{
	z-index:2;
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}
.marona-stage__media{overflow:hidden;background:#1d211f}
.marona-stage__media img{
	object-fit:cover;
	transform:scale(1.012);
	transition:transform 7s linear;
}
.marona-stage__slide.is-active .marona-stage__media img{transform:scale(1.035)}
.marona-stage__media.is-position-left img{object-position:left center}
.marona-stage__media.is-position-center img{object-position:center center}
.marona-stage__media.is-position-right img{object-position:right center}
.marona-stage__fallback{
	background:
		radial-gradient(circle at 18% 30%,rgba(213,222,214,.18),transparent 24%),
		linear-gradient(128deg,#172a24 0%,#293d35 42%,#101714 100%);
}
.marona-stage__shade{
	position:absolute;
	inset:0;
	z-index:2;
	pointer-events:none;
	background:
		linear-gradient(90deg,rgba(9,11,10,.20) 0%,rgba(9,11,10,.12) 42%,rgba(9,11,10,.72) 100%),
		linear-gradient(0deg,rgba(7,9,8,.70) 0%,transparent 40%),
		linear-gradient(180deg,rgba(5,7,6,.42) 0%,transparent 26%);
}
.marona-stage__slide.is-copy-left .marona-stage__shade{
	background:
		linear-gradient(270deg,rgba(9,11,10,.14) 0%,rgba(9,11,10,.10) 44%,rgba(9,11,10,.72) 100%),
		linear-gradient(0deg,rgba(7,9,8,.70) 0%,transparent 40%),
		linear-gradient(180deg,rgba(5,7,6,.42) 0%,transparent 26%);
}
.marona-stage__slide.is-tone-dark .marona-stage__shade{
	background:
		linear-gradient(90deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.08) 48%,rgba(247,244,238,.78) 100%),
		linear-gradient(0deg,rgba(20,23,22,.22) 0%,transparent 38%);
}
.marona-stage__inner{
	position:relative;
	z-index:4;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding-top:104px;
	padding-bottom:150px;
}
.marona-stage__slide.is-copy-left .marona-stage__inner{justify-content:flex-start}
.marona-stage__copy{
	width:min(630px,48vw);
	margin-top:20px;
	text-align:right;
	direction:rtl;
	color:#fff;
}
.marona-stage__slide.is-tone-dark .marona-stage__copy{color:#202322}
.marona-stage__eyebrow{
	margin:0 0 21px;
	font-family:var(--marona-font-display);
	font-size:11px;
	font-weight:400;
	letter-spacing:.22em;
	direction:ltr;
	text-align:right;
	opacity:.72;
}
.marona-stage__title{
	max-width:620px;
	font-family:var(--marona-font-heading);
	font-size:clamp(50px,5.6vw,82px);
	font-weight:800;
	line-height:1.18;
	letter-spacing:-.035em;
	text-wrap:balance;
}
.marona-stage__text{
	max-width:570px;
	margin:24px 0 0;
	font-size:15px;
	line-height:2;
	opacity:.72;
}
.marona-stage__actions{
	margin-top:31px;
	display:flex;
	align-items:center;
	gap:25px;
	flex-wrap:wrap;
}
.marona-stage__cta{
	min-height:54px;
	padding:0 22px;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	gap:32px;
	background:#f4f1eb;
	border:1px solid #f4f1eb;
	color:#202322;
	font-size:13px;
	font-weight:700;
	transition:background .24s ease,color .24s ease,border-color .24s ease;
}
.marona-stage__cta b{font-family:Arial,sans-serif;font-size:18px;font-weight:400;transition:transform .24s ease}
.marona-stage__cta:hover b{transform:translateX(-5px)}
.marona-stage__cta:hover{background:#fff;border-color:#fff}
.marona-stage__slide.is-tone-dark .marona-stage__cta{background:#202322;border-color:#202322;color:#fff}
.marona-stage__secondary{
	min-height:44px;
	display:inline-flex;
	align-items:center;
	gap:9px;
	border-bottom:1px solid currentColor;
	font-size:12px;
	font-weight:700;
	opacity:.78;
}
.marona-stage__secondary span{font-size:13px;transition:transform .24s ease}
.marona-stage__secondary:hover span{transform:translate(-3px,-3px)}
.marona-stage__meta{
	position:absolute;
	left:0;
	bottom:45px;
	font-family:var(--marona-font-display);
	font-size:10px;
	letter-spacing:.17em;
	color:rgba(255,255,255,.72);
}
.marona-stage__slide.is-tone-dark .marona-stage__meta{color:rgba(32,35,34,.65)}

.marona-stage__navigation{
	position:absolute;
	z-index:8;
	left:50%;
	bottom:42px;
	transform:translateX(-50%);
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	gap:34px;
	pointer-events:none;
}
.marona-stage__rail{
	display:flex;
	align-items:center;
	gap:5px;
	margin-left:auto;
	pointer-events:auto;
	direction:ltr;
}
.marona-stage__rail-item{
	appearance:none;
	-webkit-appearance:none;
	min-width:104px;
	min-height:48px;
	padding:6px 12px 8px;
	border:0;
	border-top:1px solid rgba(255,255,255,.25);
	background:transparent;
	color:rgba(255,255,255,.52);
	display:grid;
	gap:2px;
	text-align:left;
	cursor:pointer;
	transition:color .24s ease,border-color .24s ease;
}
.marona-stage__rail-item i{
	font-family:var(--marona-font-display);
	font-size:9px;
	font-style:normal;
	letter-spacing:.06em;
}
.marona-stage__rail-item span{
	font-family:var(--marona-font-body);
	font-size:11px;
	direction:rtl;
	text-align:left;
}
.marona-stage__rail-item.is-active,
.marona-stage__rail-item:hover,
.marona-stage__rail-item:focus-visible{color:#fff;border-top-color:#fff}
.marona-stage__progress{
	width:168px;
	height:42px;
	display:flex;
	align-items:center;
	gap:12px;
	pointer-events:none;
	direction:ltr;
	font-family:var(--marona-font-display);
	font-size:10px;
	letter-spacing:.08em;
	color:rgba(255,255,255,.74);
}
.marona-stage__progress>i{
	position:relative;
	flex:1;
	height:1px;
	background:rgba(255,255,255,.28);
	overflow:hidden;
}
.marona-stage__progress>i>b{
	position:absolute;
	inset:0 auto 0 0;
	width:0;
	background:#fff;
	transform-origin:left center;
}
.marona-stage.is-running .marona-stage__progress>i>b{animation:maronaStageProgress var(--marona-stage-duration,6500ms) linear forwards}
@keyframes maronaStageProgress{from{width:0}to{width:100%}}
.marona-stage__catalog{
	position:absolute;
	z-index:9;
	left:0;
	top:50%;
	transform:translateY(-50%);
	min-height:62px;
	padding:0 18px 0 16px;
	display:flex;
	align-items:center;
	gap:12px;
	background:rgba(24,27,26,.84);
	color:#fff;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	font-size:12px;
	font-weight:700;
}
.marona-stage__catalog svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.marona-stage__catalog span{display:grid;gap:1px}
.marona-stage__catalog small{font-family:Arial,sans-serif;font-size:8px;font-weight:400;letter-spacing:.08em;opacity:.55;direction:ltr}

@media(max-width:1024px){
	#mro-theme-header .mro-theme-header__inner{min-height:88px!important}
	#mro-theme-header .mro-theme-brand,#mro-theme-header .mro-theme-brand__image{width:158px!important;max-width:158px!important}
	.marona-stage{height:clamp(670px,100svh,860px);min-height:670px}
	.marona-stage__inner{padding-top:88px;padding-bottom:138px}
	.marona-stage__copy{width:min(610px,64vw)}
	.marona-stage__title{font-size:clamp(48px,7vw,72px)}
	.marona-stage__rail-item{min-width:88px}
	.marona-stage__catalog{top:auto;bottom:102px;transform:none}
}

@media(max-width:782px){
	body.admin-bar.home #mro-theme-header.mro-theme-header--overlay{top:46px!important}
	body.admin-bar .mro-theme-mobile-drawer{top:46px!important;height:calc(100dvh - 46px)!important;padding-top:24px!important}
}

@media(max-width:640px){
	#mro-theme-header .mro-theme-header__inner{min-height:76px!important;width:calc(100% - 30px)!important}
	#mro-theme-header .mro-theme-brand,#mro-theme-header .mro-theme-brand__image{width:142px!important;max-width:142px!important}
	.mro-theme-menu-toggle{width:48px;height:44px;padding-inline:0}
	.mro-theme-menu-toggle span:nth-child(1),.mro-theme-menu-toggle span:nth-child(3){width:34px}
	.mro-theme-menu-toggle span:nth-child(2){width:25px}
	.mro-theme-mobile-drawer{width:min(92vw,410px)!important;padding:24px 22px 22px!important}
	.mro-theme-mobile-drawer__head{padding-bottom:14px!important}
	.mro-theme-mobile-drawer__identity span{font-size:16px}
	.mro-theme-mobile-nav{padding:18px 0 14px!important}
	.mro-theme-mobile-nav a{min-height:52px!important;font-size:17px!important;padding-right:30px!important}
	.mro-theme-mobile-nav li::before{font-size:9px}
	.mro-theme-mobile-drawer__footer{padding-top:14px!important;gap:12px!important}
	.mro-drawer-action{min-height:48px}

	.marona-stage{height:clamp(660px,88svh,760px);min-height:660px}
	.marona-stage__shade,
	.marona-stage__slide.is-copy-left .marona-stage__shade,
	.marona-stage__slide.is-tone-dark .marona-stage__shade{
		background:
			linear-gradient(0deg,rgba(8,10,9,.94) 0%,rgba(8,10,9,.72) 44%,rgba(8,10,9,.08) 78%),
			linear-gradient(180deg,rgba(5,7,6,.35) 0%,transparent 25%);
	}
	.marona-stage__inner,
	.marona-stage__slide.is-copy-left .marona-stage__inner{
		align-items:flex-end;
		justify-content:flex-start;
		padding-top:86px;
		padding-bottom:115px;
	}
	.marona-stage__copy{
		width:100%;
		margin:0;
		color:#fff!important;
	}
	.marona-stage__eyebrow{margin-bottom:12px;font-size:9px;letter-spacing:.16em}
	.marona-stage__title{max-width:100%;font-size:clamp(40px,12.5vw,54px);line-height:1.22;letter-spacing:-.025em}
	.marona-stage__text{max-width:95%;margin-top:15px;font-size:13px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	.marona-stage__actions{margin-top:21px;gap:16px}
	.marona-stage__cta{min-height:48px;padding-inline:17px;gap:20px;font-size:12px}
	.marona-stage__secondary{min-height:40px;font-size:11px}
	.marona-stage__meta{left:15px;bottom:76px;font-size:8px;letter-spacing:.12em;color:rgba(255,255,255,.62)!important}
	.marona-stage__navigation{width:calc(100% - 30px)!important;bottom:22px;align-items:center;gap:16px}
	.marona-stage__rail{max-width:calc(100% - 115px);overflow-x:auto;scrollbar-width:none;gap:0}
	.marona-stage__rail::-webkit-scrollbar{display:none}
	.marona-stage__rail-item{min-width:auto;min-height:42px;padding:5px 12px 6px 0;border-top:0;border-bottom:1px solid rgba(255,255,255,.22)}
	.marona-stage__rail-item i{display:none}
	.marona-stage__rail-item span{font-size:10px;white-space:nowrap}
	.marona-stage__rail-item.is-active{border-bottom-color:#fff}
	.marona-stage__progress{width:98px;height:32px;gap:8px;font-size:8px}
	.marona-stage__catalog{display:none}
}

@media(prefers-reduced-motion:reduce){
	.mro-theme-mobile-drawer,.mro-theme-mobile-overlay,.marona-stage__slide,.marona-stage__media img{transition:none!important}
	.marona-stage__media img{transform:none!important}
	.marona-stage.is-running .marona-stage__progress>i>b{animation:none!important;width:100%}
}
body.home.marona-stage-tone-dark #mro-theme-header.mro-theme-header--overlay .mro-theme-menu-toggle{color:#202322}
.mro-theme-mobile-drawer__socials a{width:34px;height:34px;justify-content:center;border:1px solid rgba(32,35,34,.13)}
.mro-theme-mobile-drawer__socials svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}


/* --------------------------------------------------------------------------
   Marona 1.0.38 — RTL-first Hero, refined Cama-inspired menu, cleaner bilingual labels
   -------------------------------------------------------------------------- */

/* Header brand descriptor: visible, restrained and editable from Appearance > صفحه اصلی مارونا. */
#mro-theme-header .mro-theme-brand{
	flex-direction:column!important;
	align-items:flex-start!important;
	justify-content:center!important;
	gap:4px!important;
}
#mro-theme-header .mro-theme-brand__image{
	flex:0 0 auto;
}
.mro-theme-brand__descriptor{
	display:block;
	width:100%;
	margin:0;
	color:rgba(32,35,34,.62);
	font-family:var(--marona-font-display);
	font-size:8px;
	font-weight:400;
	line-height:1;
	letter-spacing:.22em;
	text-align:left;
	white-space:nowrap;
}
body.home #mro-theme-header.mro-theme-header--overlay .mro-theme-brand__descriptor{color:rgba(255,255,255,.72)}
body.home.marona-stage-tone-dark #mro-theme-header.mro-theme-header--overlay .mro-theme-brand__descriptor{color:rgba(32,35,34,.66)}

/* Hero is Persian/RTL-first: keep the copy near the right reading edge. */
.marona-stage__inner{
	direction:ltr;
	width:min(calc(100% - 72px),1540px);
}
.marona-stage__slide.is-copy-right .marona-stage__inner{justify-content:flex-end}
.marona-stage__slide.is-copy-left .marona-stage__inner{justify-content:flex-start}
.marona-stage__copy{
	direction:rtl;
	text-align:right;
	width:min(610px,46vw);
	margin-top:10px;
}
.marona-stage__eyebrow{direction:ltr;text-align:right}
.marona-stage__text{margin-right:0;margin-left:auto}
.marona-stage__actions{display:flex;justify-content:flex-start;direction:rtl}
.marona-stage__cta{display:inline-flex}
.marona-stage__secondary{display:inline-flex}
.marona-stage__navigation{display:flex}
.marona-stage__rail{display:flex}
.marona-stage__rail-item{display:grid}
.marona-stage__progress{display:flex}
.marona-stage__catalog{display:flex}

/* Off-canvas menu: less dashboard-like, more editorial and architectural. */
.mro-theme-mobile-overlay{
	background:rgba(12,15,14,.36)!important;
	backdrop-filter:blur(5px) saturate(.86)!important;
	-webkit-backdrop-filter:blur(5px) saturate(.86)!important;
}
.mro-theme-mobile-drawer{
	width:min(455px,100vw)!important;
	padding:38px 42px 30px!important;
	background:#f4f1eb!important;
	box-shadow:-24px 0 64px rgba(0,0,0,.09)!important;
}
.mro-theme-mobile-drawer__head{
	min-height:52px!important;
	padding:0 0 16px!important;
	display:flex!important;
	align-items:flex-start!important;
	justify-content:flex-end!important;
	border:0!important;
}
.mro-theme-mobile-close{
	width:44px!important;
	height:44px!important;
	margin:-4px -8px 0 0!important;
}
.mro-theme-mobile-close span{left:9px;top:21px;width:28px;height:1.4px}
.mro-theme-mobile-nav{
	padding:10px 0 20px!important;
	counter-reset:none!important;
}
.mro-theme-mobile-nav ul,
.mro-theme-mobile-nav .menu,
.mro-theme-mobile-nav .mro-theme-nav__list,
.mro-theme-mobile-nav__list{
	display:grid!important;
	gap:2px!important;
}
.mro-theme-mobile-nav > ul > li,
.mro-theme-mobile-nav > .menu > li,
.mro-theme-mobile-nav > .mro-theme-nav__list > li{
	counter-increment:none!important;
}
.mro-theme-mobile-nav li::before{display:none!important;content:none!important}
.mro-theme-mobile-nav a{
	position:relative;
	min-height:50px!important;
	padding:5px 0!important;
	border:0!important;
	background:transparent!important;
	color:#202322!important;
	font-family:var(--marona-font-heading);
	font-size:24px!important;
	font-weight:650!important;
	line-height:1.45!important;
	text-align:right!important;
	transform:translateX(0);
	transition:transform .28s cubic-bezier(.22,1,.36,1),color .24s ease!important;
}
.mro-theme-mobile-nav a::after{
	content:"←";
	margin-right:auto;
	padding-right:18px;
	font-family:Arial,sans-serif;
	font-size:17px;
	font-weight:400;
	opacity:0;
	transform:translateX(8px);
	transition:opacity .24s ease,transform .24s ease;
}
.mro-theme-mobile-nav a:hover,
.mro-theme-mobile-nav a:focus-visible{
	padding-right:0!important;
	color:var(--marona-green-deep)!important;
	transform:translateX(-6px);
}
.mro-theme-mobile-nav a:hover::after,
.mro-theme-mobile-nav a:focus-visible::after{opacity:.62;transform:translateX(0)}
.mro-theme-mobile-nav > ul > li:nth-child(6),
.mro-theme-mobile-nav > .menu > li:nth-child(6),
.mro-theme-mobile-nav > .mro-theme-nav__list > li:nth-child(6){
	margin-top:18px!important;
	padding-top:18px!important;
	border-top:1px solid rgba(32,35,34,.11)!important;
}
.mro-theme-mobile-nav > ul > li:nth-child(n+6) > a,
.mro-theme-mobile-nav > .menu > li:nth-child(n+6) > a,
.mro-theme-mobile-nav > .mro-theme-nav__list > li:nth-child(n+6) > a{
	min-height:44px!important;
	font-size:17px!important;
	font-weight:600!important;
}
.mro-theme-mobile-nav .sub-menu{
	padding:4px 18px 8px 0!important;
	margin:0!important;
	border:0!important;
}
.mro-theme-mobile-nav .sub-menu a{
	min-height:42px!important;
	font-size:14px!important;
	font-weight:550!important;
	opacity:.72;
}
.mro-theme-mobile-drawer__footer{
	padding-top:18px!important;
	gap:14px!important;
	border-top:1px solid rgba(32,35,34,.11)!important;
}
.mro-theme-mobile-drawer__actions{display:grid;gap:8px}
.mro-drawer-action{
	min-height:50px;
	padding:0 15px;
	font-size:12px;
	letter-spacing:0;
}
.mro-drawer-action--outline{background:transparent;border-color:rgba(32,35,34,.34)}
.mro-drawer-action--solid{background:var(--marona-green-deep);border-color:var(--marona-green-deep)}
.mro-theme-mobile-drawer__socials{gap:10px}
.mro-theme-mobile-drawer__socials a{
	width:36px;
	height:36px;
	min-height:36px;
	justify-content:center;
	border:1px solid rgba(32,35,34,.13);
	transition:border-color .2s ease,color .2s ease,transform .2s ease;
}
.mro-theme-mobile-drawer__socials a:hover{border-color:rgba(32,35,34,.42);transform:translateY(-2px)}

/* Homepage material mosaic: split Persian and English names, never WordPress-style parentheses. */
.marona-home-material-card__body{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	text-align:right;
	direction:rtl;
}
.marona-home-material-card__en{
	order:0;
	display:block!important;
	margin:0 0 7px!important;
	color:rgba(255,255,255,.72)!important;
	font-family:var(--marona-font-display)!important;
	font-size:10px!important;
	font-weight:400!important;
	line-height:1.15!important;
	letter-spacing:.12em!important;
	text-align:left!important;
	text-transform:uppercase;
	direction:ltr;
}
.marona-home-material-card__body h3{
	order:1;
	width:100%;
	margin:0!important;
	text-align:right;
}
.marona-home-material-card:nth-child(1) .marona-home-material-card__en{font-size:11px!important;margin-bottom:9px!important}

/* Material-family cards: English stays left, but sits higher and reads as a real editorial label. */
.marona-material-library--families-v3 .marona-material-family-card__header{
	align-items:flex-start;
	min-height:43px;
}
.marona-material-library--families-v3 .marona-material-family-card__eyebrow{
	margin:-5px 0 0;
	color:var(--marona-green-deep,#173129);
	font-size:13px;
	font-weight:400;
	letter-spacing:.085em;
	line-height:1.25;
}
.marona-material-library--families-v3 .marona-material-family-card__summary{
	min-height:4.15em;
	margin-top:12px;
	color:rgba(47,49,50,.72);
	font-size:13.5px;
	line-height:2.05;
}
.marona-material-library--families-v3 .marona-material-family-card__tags a,
.marona-material-library--families-v3 .marona-material-family-card__tags span{
	font-size:11px;
	line-height:1.45;
}
.marona-material-library--families-v3 .marona-material-family-card__cta{
	min-height:34px;
	padding-inline:13px;
}

@media(max-width:1024px){
	.marona-stage__inner{width:min(calc(100% - 48px),1280px)}
	.mro-theme-mobile-drawer{padding-inline:34px!important}
}

@media(max-width:640px){
	#mro-theme-header .mro-theme-brand,#mro-theme-header .mro-theme-brand__image{width:150px!important;max-width:150px!important}
	.mro-theme-brand__descriptor{font-size:7px;letter-spacing:.18em}
	.marona-stage__inner,
	.marona-stage__slide.is-copy-left .marona-stage__inner,
	.marona-stage__slide.is-copy-right .marona-stage__inner{
		width:calc(100% - 30px)!important;
		direction:ltr;
		justify-content:flex-start;
	}
	.marona-stage__copy{direction:rtl;text-align:right}
	.mro-theme-mobile-drawer{width:min(94vw,410px)!important;padding:22px 24px 22px!important}
	.mro-theme-mobile-drawer__head{padding-bottom:10px!important}
	.mro-theme-mobile-nav{padding-top:8px!important}
	.mro-theme-mobile-nav a{min-height:48px!important;font-size:19px!important}
	.mro-theme-mobile-nav > ul > li:nth-child(n+6) > a,
	.mro-theme-mobile-nav > .menu > li:nth-child(n+6) > a,
	.mro-theme-mobile-nav > .mro-theme-nav__list > li:nth-child(n+6) > a{font-size:15px!important;min-height:42px!important}
	.marona-home-material-card__en{font-size:9px!important;margin-bottom:5px!important}
	.marona-material-library--families-v3 .marona-material-family-card__eyebrow{font-size:12px;margin-top:-3px}
	.marona-material-library--families-v3 .marona-material-family-card__summary{font-size:13px}
}


/* 1.0.38 menu follow-up: keep navigation semantic and order-independent. */
.mro-theme-mobile-nav > ul > li:nth-child(6),
.mro-theme-mobile-nav > .menu > li:nth-child(6),
.mro-theme-mobile-nav > .mro-theme-nav__list > li:nth-child(6){
	margin-top:0!important;
	padding-top:0!important;
	border-top:0!important;
}
.mro-theme-mobile-nav > ul > li:nth-child(n+6) > a,
.mro-theme-mobile-nav > .menu > li:nth-child(n+6) > a,
.mro-theme-mobile-nav > .mro-theme-nav__list > li:nth-child(n+6) > a{
	min-height:50px!important;
	font-size:24px!important;
	font-weight:650!important;
}
@media(max-width:640px){
	.mro-theme-mobile-nav > ul > li:nth-child(n+6) > a,
	.mro-theme-mobile-nav > .menu > li:nth-child(n+6) > a,
	.mro-theme-mobile-nav > .mro-theme-nav__list > li:nth-child(n+6) > a{
		min-height:48px!important;
		font-size:19px!important;
	}
}

/* --------------------------------------------------------------------------
   Marona 1.0.39 — refined RTL Hero + visual architectural menu
   -------------------------------------------------------------------------- */

/* Header brand: give the descriptor enough presence without competing with the logo. */
#mro-theme-header .mro-theme-brand{
	gap:5px!important;
	transform:translateY(4px);
}
.mro-theme-brand__descriptor{
	font-size:9px;
	letter-spacing:.235em;
	opacity:.92;
}

/* Desktop Hero: keep Persian copy close to the right reading edge, but not glued to it. */
@media(min-width:1025px){
	.marona-stage__inner{
		width:min(calc(100% - 128px),1540px);
	}
	.marona-stage__copy{
		width:min(575px,44vw);
		margin-top:12px;
	}
	.marona-stage__eyebrow{
		margin-bottom:18px;
		font-size:10px;
	}
	.marona-stage__title{
		max-width:575px;
		font-size:clamp(46px,5.05vw,74px);
		line-height:1.17;
	}
	.marona-stage__text{
		max-width:545px;
		margin-top:21px;
		font-size:16px;
		line-height:2.05;
		opacity:.78;
	}
	.marona-stage__actions{
		margin-top:28px;
		gap:27px;
	}
	.marona-stage__cta{
		min-height:58px;
		padding-inline:24px;
		font-size:14px;
	}
	.marona-stage__secondary{
		min-height:46px;
		font-size:13px;
	}
}

/* Menu preview: a restrained image panel that turns navigation into a visual brand moment. */
.mro-theme-menu-preview{
	position:fixed;
	top:0;
	right:min(480px,100vw);
	bottom:0;
	z-index:10025;
	width:clamp(280px,25vw,390px);
	height:100dvh;
	margin:0;
	background:#151817;
	overflow:hidden;
	visibility:hidden;
	opacity:0;
	pointer-events:none;
	transform:translateX(22px);
	box-shadow:-22px 0 60px rgba(0,0,0,.08);
	transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1),visibility .52s;
}
body.admin-bar .mro-theme-menu-preview{
	top:32px;
	height:calc(100dvh - 32px);
}
body.mro-theme-menu-open .mro-theme-menu-preview{
	visibility:visible;
	opacity:1;
	transform:translateX(0);
}
.mro-theme-menu-preview::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:2;
	background:
		linear-gradient(90deg,rgba(12,14,13,.08),rgba(12,14,13,.24)),
		linear-gradient(0deg,rgba(8,10,9,.42),transparent 42%);
}
.mro-theme-menu-preview__layer{
	position:absolute;
	inset:0;
	z-index:1;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:0;
	transform:scale(1.04);
	transition:opacity .48s ease,transform 1.1s cubic-bezier(.22,1,.36,1);
}
.mro-theme-menu-preview__layer.is-active{
	opacity:1;
	transform:scale(1.01);
}

/* Menu panel: more generous, with a clear brand head and two information levels. */
.mro-theme-mobile-drawer{
	width:min(480px,100vw)!important;
	padding:36px 46px 32px!important;
	background:#f4f1eb!important;
}
.mro-theme-mobile-drawer__head{
	min-height:66px!important;
	padding:0 0 22px!important;
	align-items:flex-start!important;
	border-bottom:1px solid rgba(32,35,34,.10)!important;
}
.mro-theme-mobile-drawer__brand{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	gap:5px;
	width:148px;
	color:#202322;
	text-decoration:none;
}
.mro-theme-mobile-drawer__brand img{
	display:block;
	width:148px;
	height:auto;
	max-height:48px;
	object-fit:contain;
	object-position:left center;
}
.mro-theme-mobile-drawer__brand small{
	display:block;
	font-family:var(--marona-font-display);
	font-size:7px;
	line-height:1;
	letter-spacing:.20em;
	color:rgba(32,35,34,.50);
	white-space:nowrap;
}
.mro-theme-mobile-close{
	width:46px!important;
	height:46px!important;
	margin:-4px -8px 0 0!important;
}
.mro-theme-mobile-nav{
	padding:22px 0 18px!important;
}
.mro-theme-mobile-nav ul,
.mro-theme-mobile-nav .menu,
.mro-theme-mobile-nav .mro-theme-nav__list,
.mro-theme-mobile-nav__list{
	gap:0!important;
}
.mro-theme-mobile-nav li.is-home-link{
	display:none!important;
}
.mro-theme-mobile-nav a{
	min-height:54px!important;
	padding:6px 0!important;
	border:0!important;
	font-size:23px!important;
	font-weight:650!important;
	line-height:1.45!important;
	letter-spacing:-.012em;
}
.mro-theme-mobile-nav a::after{
	margin-right:auto;
	padding-right:16px;
	font-size:16px;
}
.mro-theme-mobile-nav li.is-secondary-first{
	margin-top:16px!important;
	padding-top:16px!important;
	border-top:1px solid rgba(32,35,34,.10)!important;
}
.mro-theme-mobile-nav li.is-secondary > a{
	min-height:42px!important;
	font-family:var(--marona-font-body)!important;
	font-size:16px!important;
	font-weight:600!important;
	line-height:1.55!important;
	color:rgba(32,35,34,.78)!important;
}
.mro-theme-mobile-nav li.is-secondary > a::after{
	font-size:13px;
}
.mro-theme-mobile-nav .sub-menu{
	padding:5px 16px 10px 0!important;
}
.mro-theme-mobile-drawer__footer{
	padding-top:18px!important;
	gap:15px!important;
}
.mro-theme-mobile-drawer__actions{
	gap:9px!important;
}
.mro-drawer-action{
	min-height:54px;
	padding-inline:17px;
	font-size:12.5px;
}
.mro-drawer-action--solid{
	background:#202322;
	border-color:#202322;
}
.mro-theme-mobile-drawer__socials{
	gap:16px;
}
.mro-theme-mobile-drawer__socials a{
	width:30px;
	height:30px;
	min-height:30px;
	border:0!important;
	background:transparent!important;
}
.mro-theme-mobile-drawer__socials a:hover{
	transform:translateY(-1px);
}

@media(max-width:1180px){
	.mro-theme-menu-preview{display:none!important}
}

@media(max-width:782px){
	body.admin-bar .mro-theme-menu-preview{top:46px;height:calc(100dvh - 46px)}
}

@media(max-width:640px){
	#mro-theme-header .mro-theme-brand{transform:translateY(2px)}
	.mro-theme-brand__descriptor{font-size:8px;letter-spacing:.19em}
	.mro-theme-mobile-drawer{
		width:min(94vw,420px)!important;
		padding:22px 25px 22px!important;
	}
	.mro-theme-mobile-drawer__head{
		min-height:58px!important;
		padding-bottom:16px!important;
	}
	.mro-theme-mobile-drawer__brand{width:132px}
	.mro-theme-mobile-drawer__brand img{width:132px}
	.mro-theme-mobile-drawer__brand small{font-size:6.5px}
	.mro-theme-mobile-nav{padding:15px 0 12px!important}
	.mro-theme-mobile-nav a{
		min-height:49px!important;
		font-size:19px!important;
	}
	.mro-theme-mobile-nav li.is-secondary-first{
		margin-top:11px!important;
		padding-top:11px!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a{
		min-height:39px!important;
		font-size:14.5px!important;
	}
	.mro-drawer-action{min-height:50px}
}

@media(prefers-reduced-motion:reduce){
	.mro-theme-menu-preview,
	.mro-theme-menu-preview__layer{transition:none!important}
}

/* --------------------------------------------------------------------------
   Marona 1.0.40 — brand scaling, softer actions, two-column collage menu
   -------------------------------------------------------------------------- */

/* Header logo + descriptor: a bit larger, still restrained. */
#mro-theme-header .mro-theme-brand,
#mro-theme-header .mro-theme-brand__image{
	width:172px!important;
	max-width:172px!important;
}
#mro-theme-header .mro-theme-brand{
	gap:7px!important;
	transform:translateY(7px);
}
.mro-theme-brand__descriptor{
	font-size:10px;
	letter-spacing:.255em;
	opacity:.95;
}

/* Hero actions: less raw rectangles, more refined CTA presence. */
.marona-stage__actions{
	align-items:flex-end;
	gap:22px;
}
.marona-stage__cta,
.marona-stage__secondary{
	border-radius:4px;
}
.marona-stage__cta{
	min-height:60px;
	padding-inline:28px;
	gap:24px;
	box-shadow:0 18px 36px rgba(0,0,0,.12);
	background:rgba(255,255,255,.97);
	border:1px solid rgba(255,255,255,.97);
}
.marona-stage__cta:hover{
	transform:translateY(-2px);
	box-shadow:0 20px 40px rgba(0,0,0,.15);
}
.marona-stage__secondary{
	min-height:46px;
	padding-inline:2px 0;
	border-radius:0;
	border-bottom:1px solid currentColor;
	gap:10px;
	opacity:.98;
}
.marona-stage__secondary:hover{
	transform:translateY(-1px);
}

/* Two-column collage menu: preview panel becomes a curated collage instead of a single poster. */
.mro-theme-menu-preview{
	right:min(500px,100vw);
	width:clamp(340px,29vw,430px);
	padding:16px;
	background:#efeae2;
	box-shadow:-28px 0 70px rgba(0,0,0,.08);
}
.mro-theme-menu-preview::after{display:none}
.mro-theme-menu-preview__grid{
	display:grid;
	grid-template-columns:1.16fr .94fr;
	grid-template-rows:repeat(2, minmax(0,1fr));
	gap:12px;
	height:100%;
}
.mro-theme-menu-preview__layer{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:flex-start;
	min-height:0;
	padding:18px 18px 16px;
	overflow:hidden;
	border-radius:4px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	opacity:.78;
	transform:translate3d(0,0,0) scale(.985);
	filter:saturate(.9);
	box-shadow:0 12px 32px rgba(0,0,0,.12);
	transition:opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,filter .28s ease;
}
.mro-theme-menu-preview__layer::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(10,12,11,.08),rgba(10,12,11,.24) 44%,rgba(10,12,11,.68));
}
.mro-theme-menu-preview__layer--materials{
	grid-row:1 / span 2;
}
.mro-theme-menu-preview__layer.is-active{
	opacity:1;
	transform:scale(1);
	filter:none;
	box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.mro-theme-menu-preview__eyebrow,
.mro-theme-menu-preview__title{
	position:relative;
	z-index:2;
	color:#fff;
}
.mro-theme-menu-preview__eyebrow{
	display:block;
	margin:0 0 7px;
	font-family:var(--marona-font-display);
	font-size:9px;
	letter-spacing:.20em;
	line-height:1;
	opacity:.9;
}
.mro-theme-menu-preview__title{
	display:block;
	font-size:26px;
	font-weight:700;
	line-height:1.2;
}

/* Drawer side of the 2-column menu. */
.mro-theme-mobile-drawer{
	width:min(500px,100vw)!important;
	padding:38px 46px 34px!important;
}
.mro-theme-mobile-drawer__head{
	padding-bottom:24px!important;
}
.mro-theme-mobile-drawer__brand{
	width:168px;
	gap:7px;
}
.mro-theme-mobile-drawer__brand img{
	width:168px;
	max-height:54px;
}
.mro-theme-mobile-drawer__brand small{
	font-size:8px;
	letter-spacing:.23em;
}
.mro-theme-mobile-nav{
	padding:24px 0 18px!important;
}
.mro-theme-mobile-nav a{
	min-height:58px!important;
	font-size:25px!important;
}
.mro-theme-mobile-nav li.is-secondary > a{
	font-size:16px!important;
}
.mro-theme-mobile-drawer__footer{
	padding-top:20px!important;
	gap:16px!important;
}
.mro-theme-mobile-drawer__actions{
	gap:10px!important;
}
.mro-drawer-action{
	min-height:56px;
	padding-inline:18px;
	border-radius:4px;
	box-shadow:0 12px 26px rgba(0,0,0,.05);
}
.mro-drawer-action--solid:hover,
.mro-drawer-action--outline:hover{
	transform:translateY(-2px);
}
.mro-drawer-action--outline{
	background:rgba(255,255,255,.55);
	border-color:rgba(32,35,34,.18);
}
.mro-theme-mobile-drawer__socials{
	gap:12px;
}
.mro-theme-mobile-drawer__socials a{
	width:36px;
	height:36px;
	min-height:36px;
	justify-content:center;
	border:1px solid rgba(32,35,34,.14)!important;
	border-radius:4px;
	background:rgba(255,255,255,.52)!important;
}
.mro-theme-mobile-drawer__whatsapp{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	min-height:50px;
	padding:0 18px;
	border:1px solid rgba(32,35,34,.16);
	border-radius:4px;
	background:#ffffff;
	color:#202322;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	box-shadow:0 12px 26px rgba(0,0,0,.05);
	transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.mro-theme-mobile-drawer__whatsapp svg{
	width:18px;
	height:18px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.mro-theme-mobile-drawer__whatsapp:hover{
	transform:translateY(-2px);
	box-shadow:0 16px 28px rgba(0,0,0,.08);
	border-color:rgba(32,35,34,.26);
}

@media(max-width:1180px){
	.mro-theme-menu-preview{display:none!important}
}

@media(max-width:640px){
	#mro-theme-header .mro-theme-brand,
	#mro-theme-header .mro-theme-brand__image{
		width:152px!important;
		max-width:152px!important;
	}
	#mro-theme-header .mro-theme-brand{
		gap:6px!important;
		transform:translateY(4px);
	}
	.mro-theme-brand__descriptor{
		font-size:8.6px;
		letter-spacing:.22em;
	}
	.marona-stage__cta{
		min-height:50px;
		padding-inline:18px;
		gap:18px;
	}
	.mro-theme-mobile-drawer{
		width:min(94vw,430px)!important;
		padding:24px 26px 24px!important;
	}
	.mro-theme-mobile-drawer__brand{
		width:146px;
	}
	.mro-theme-mobile-drawer__brand img{
		width:146px;
	}
	.mro-theme-mobile-drawer__brand small{
		font-size:7px;
	}
	.mro-theme-mobile-nav a{
		min-height:51px!important;
		font-size:20px!important;
	}
	.mro-drawer-action,
	.mro-theme-mobile-drawer__whatsapp{
		min-height:48px;
	}
}

/* --------------------------------------------------------------------------
   Marona 1.0.41 — compact two-column navigation drawer, no collage preview
   -------------------------------------------------------------------------- */

/* Remove the 1.0.40 image-collage preview completely. */
.mro-theme-menu-preview{display:none!important}

/* Drawer itself is the visual composition: compact, two-column and RTL-first. */
.mro-theme-mobile-drawer{
	width:min(560px,100vw)!important;
	padding:34px 42px 28px!important;
	background:#f4f1eb!important;
}
.mro-theme-mobile-drawer__head{
	min-height:62px!important;
	padding:0 0 20px!important;
	align-items:flex-start!important;
}
.mro-theme-mobile-drawer__brand{
	width:164px;
	gap:6px;
}
.mro-theme-mobile-drawer__brand img{
	width:164px;
	max-height:52px;
}
.mro-theme-mobile-drawer__brand small{
	font-size:7.5px;
	letter-spacing:.22em;
}

.mro-theme-mobile-nav{
	padding:20px 0 16px!important;
}
.mro-theme-mobile-nav ul,
.mro-theme-mobile-nav .menu,
.mro-theme-mobile-nav .mro-theme-nav__list,
.mro-theme-mobile-nav__list{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:6px 28px!important;
	align-items:start;
}
.mro-theme-mobile-nav > ul > li,
.mro-theme-mobile-nav > .menu > li,
.mro-theme-mobile-nav > .mro-theme-nav__list > li,
.mro-theme-mobile-nav > .mro-theme-mobile-nav__list > li{
	margin:0!important;
	padding:0!important;
	border:0!important;
	min-width:0;
}
.mro-theme-mobile-nav li.is-home-link{display:none!important}
.mro-theme-mobile-nav a{
	position:relative;
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	min-height:50px!important;
	padding:8px 0!important;
	border:0!important;
	font-size:19px!important;
	font-weight:700!important;
	line-height:1.35!important;
	letter-spacing:-.01em;
	text-align:right!important;
	white-space:normal;
}
.mro-theme-mobile-nav a::after{
	content:"↗"!important;
	margin-right:auto!important;
	padding-right:12px!important;
	font-size:12px!important;
	opacity:0;
	transform:translate(-4px,4px);
	transition:opacity .2s ease,transform .2s ease;
}
.mro-theme-mobile-nav a:hover::after,
.mro-theme-mobile-nav a:focus-visible::after{
	opacity:.62;
	transform:translate(0,0);
}

/* Secondary links stay in the same 2-column grid but with quieter hierarchy. */
.mro-theme-mobile-nav li.is-secondary-first{
	margin-top:0!important;
	padding-top:0!important;
	border-top:0!important;
}
.mro-theme-mobile-nav li.is-secondary > a{
	min-height:44px!important;
	font-size:15.5px!important;
	font-weight:600!important;
	color:rgba(32,35,34,.70)!important;
}
.mro-theme-mobile-nav .sub-menu{
	grid-column:1 / -1;
	display:block!important;
	padding:4px 12px 8px 0!important;
}

/* Footer actions become centered, compact and balanced. */
.mro-theme-mobile-drawer__footer{
	margin-top:auto;
	padding-top:18px!important;
	gap:12px!important;
	border-top:1px solid rgba(32,35,34,.10);
}
.mro-theme-mobile-drawer__actions{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px!important;
}
.mro-drawer-action{
	min-height:52px!important;
	padding:0 14px!important;
	justify-content:center!important;
	text-align:center!important;
	gap:8px!important;
	border-radius:4px!important;
	font-size:12.5px!important;
}
.mro-drawer-action svg{
	flex:0 0 auto;
}
.mro-drawer-action span{
	text-align:center!important;
}
.mro-theme-mobile-drawer__socials{
	justify-content:center!important;
	gap:10px!important;
}
.mro-theme-mobile-drawer__whatsapp{
	width:100%;
	min-height:48px;
	justify-content:center!important;
	text-align:center!important;
	gap:9px;
}

@media(max-width:640px){
	.mro-theme-mobile-drawer{
		width:min(94vw,430px)!important;
		padding:22px 24px 22px!important;
	}
	.mro-theme-mobile-drawer__brand{width:148px}
	.mro-theme-mobile-drawer__brand img{width:148px}
	.mro-theme-mobile-nav{
		padding:14px 0 12px!important;
	}
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:2px 18px!important;
	}
	.mro-theme-mobile-nav a{
		min-height:46px!important;
		font-size:17px!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a{
		min-height:40px!important;
		font-size:14px!important;
	}
	.mro-theme-mobile-drawer__actions{
		grid-template-columns:1fr;
	}
	.mro-drawer-action,
	.mro-theme-mobile-drawer__whatsapp{
		min-height:48px!important;
	}
}

@media(max-width:360px){
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		grid-template-columns:1fr;
	}
}

/* --------------------------------------------------------------------------
   Marona 1.0.42 — mobile Hero recomposition + compact drawer + centered method dots
   -------------------------------------------------------------------------- */

/* Separate desktop/mobile headline rendering. */
.marona-stage__title-mobile{display:none}
.marona-stage__title-desktop{display:inline}

/* Avoid emoji rendering for the secondary Hero action. */
.marona-stage__secondary svg{
	width:16px;
	height:16px;
	flex:0 0 16px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.45;
	stroke-linecap:round;
	stroke-linejoin:round;
	transition:transform .24s ease;
}
.marona-stage__secondary:hover svg{transform:translateX(-4px)}
.marona-stage__secondary span{display:none!important}

/* Drawer: narrower, calmer and still truly two-column. */
.mro-theme-mobile-drawer{
	width:min(470px,100vw)!important;
	padding:30px 34px 26px!important;
}
.mro-theme-mobile-drawer__head{
	min-height:58px!important;
	padding-bottom:17px!important;
}
.mro-theme-mobile-drawer__brand{
	width:154px;
}
.mro-theme-mobile-drawer__brand img{
	width:154px;
}
.mro-theme-mobile-nav{
	padding:16px 0 12px!important;
}
.mro-theme-mobile-nav ul,
.mro-theme-mobile-nav .menu,
.mro-theme-mobile-nav .mro-theme-nav__list,
.mro-theme-mobile-nav__list{
	gap:2px 20px!important;
}
.mro-theme-mobile-nav a{
	min-height:46px!important;
	font-size:18px!important;
}
.mro-theme-mobile-nav li.is-secondary > a{
	min-height:40px!important;
	font-size:14.5px!important;
}
.mro-theme-mobile-drawer__footer{
	padding-top:14px!important;
	gap:10px!important;
}
.mro-theme-mobile-drawer__actions{
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px!important;
}
.mro-theme-mobile-drawer__actions > :only-child{
	grid-column:1 / -1;
}
.mro-drawer-action,
.mro-theme-mobile-drawer__whatsapp{
	position:relative;
	min-height:48px!important;
	border-radius:3px!important;
	font-size:12px!important;
}
.mro-drawer-action{
	justify-content:center!important;
	padding:0 38px!important;
}
.mro-drawer-action svg{
	position:absolute;
	inset-inline-end:14px;
	margin:0!important;
}
.mro-drawer-action span{
	width:100%;
	text-align:center!important;
}
.mro-theme-mobile-drawer__whatsapp{
	padding:0 40px!important;
}
.mro-theme-mobile-drawer__whatsapp svg{
	position:absolute;
	inset-inline-end:15px;
}
.mro-theme-mobile-drawer__whatsapp span{
	width:100%;
	text-align:center;
}

/* Method rail: each dot sits on the visual centre of its phrase, not its leading edge. */
@media(min-width:641px){
	.marona-method__item{
		text-align:center;
	}
	.marona-method__item::before{
		right:50%!important;
		transform:translateX(50%);
	}
	@media (hover:hover) and (pointer:fine){
		.marona-method__item:hover::before{
			transform:translateX(50%) scale(1.45);
		}
	}
}

/* Mobile Hero is recomposed, not merely shrunk from desktop. */
@media(max-width:640px){
	#mro-theme-header .mro-theme-header__inner{
		min-height:74px!important;
		width:calc(100% - 30px)!important;
	}
	#mro-theme-header .mro-theme-brand,
	#mro-theme-header .mro-theme-brand__image{
		width:138px!important;
		max-width:138px!important;
	}
	#mro-theme-header .mro-theme-brand{
		gap:5px!important;
		transform:translateY(3px);
	}
	.mro-theme-brand__descriptor{
		font-size:7.8px;
		letter-spacing:.205em;
	}

	.marona-stage{
		height:clamp(680px,92svh,820px);
		min-height:680px;
	}
	.marona-stage__inner,
	.marona-stage__slide.is-copy-left .marona-stage__inner{
		align-items:flex-start;
		justify-content:flex-end;
		padding-top:138px;
		padding-bottom:104px;
	}
	.marona-stage__copy{
		width:100%;
		max-width:100%;
		margin:0;
		text-align:right!important;
		direction:rtl;
	}
	.marona-stage__eyebrow{
		margin:0 0 11px!important;
		font-size:8px!important;
		letter-spacing:.16em;
		text-align:right!important;
	}
	.marona-stage__title-desktop{display:none!important}
	.marona-stage__title-mobile{display:inline!important}
	.marona-stage__title{
		max-width:330px;
		margin-right:0;
		margin-left:auto;
		font-size:clamp(38px,10.6vw,48px)!important;
		line-height:1.22!important;
		letter-spacing:-.022em;
		text-wrap:balance;
	}
	.marona-stage__text{
		max-width:320px;
		margin:14px 0 0 auto;
		font-size:13px;
		line-height:1.9;
		-webkit-line-clamp:2;
	}
	.marona-stage__actions{
		max-width:340px;
		margin:19px 0 0 auto;
		gap:13px;
		align-items:center;
		justify-content:flex-start;
	}
	.marona-stage__cta{
		min-height:50px!important;
		padding-inline:19px!important;
		gap:20px!important;
		font-size:12px!important;
		box-shadow:0 12px 26px rgba(0,0,0,.11);
	}
	.marona-stage__secondary{
		min-height:38px!important;
		font-size:11px!important;
		gap:7px;
	}
	.marona-stage__secondary svg{
		width:14px;
		height:14px;
		flex-basis:14px;
	}
	.marona-stage__meta{
		display:none!important;
	}
	.marona-stage__navigation{
		width:calc(100% - 30px)!important;
		bottom:20px;
		gap:0;
		align-items:flex-end;
		justify-content:flex-end;
	}
	.marona-stage__rail{
		width:100%;
		max-width:100%!important;
		display:flex;
		overflow:visible;
		gap:0;
	}
	.marona-stage__rail-item{
		flex:1 1 0;
		min-width:0!important;
		padding:6px 5px 8px!important;
		text-align:center!important;
		border-bottom:1px solid rgba(255,255,255,.22)!important;
	}
	.marona-stage__rail-item span{
		width:100%;
		font-size:10px;
		text-align:center!important;
	}
	.marona-stage__rail-item.is-active{
		border-bottom-color:#fff!important;
	}
	.marona-stage__progress{
		display:none!important;
	}

	.mro-theme-mobile-drawer{
		width:min(90vw,390px)!important;
		padding:21px 22px 20px!important;
	}
	.mro-theme-mobile-drawer__head{
		min-height:54px!important;
		padding-bottom:13px!important;
	}
	.mro-theme-mobile-drawer__brand,
	.mro-theme-mobile-drawer__brand img{
		width:140px;
	}
	.mro-theme-mobile-nav{
		padding:12px 0 10px!important;
	}
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		gap:0 14px!important;
	}
	.mro-theme-mobile-nav a{
		min-height:43px!important;
		font-size:16px!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a{
		min-height:37px!important;
		font-size:13.5px!important;
	}
	.mro-theme-mobile-drawer__footer{
		padding-top:12px!important;
		gap:9px!important;
	}
	.mro-theme-mobile-drawer__actions{
		grid-template-columns:1fr!important;
	}
	.mro-drawer-action,
	.mro-theme-mobile-drawer__whatsapp{
		min-height:46px!important;
	}
}

/* --------------------------------------------------------------------------
   Marona 1.0.43 — mobile Hero density, drawer rhythm, visible method animation
   -------------------------------------------------------------------------- */

@media(max-width:640px){
	/* HERO: reduce the black dead-zone by shortening the stage and compressing rhythm. */
	.marona-stage{
		height:clamp(600px,84svh,700px)!important;
		min-height:600px!important;
	}
	.marona-stage__shade,
	.marona-stage__slide.is-copy-left .marona-stage__shade,
	.marona-stage__slide.is-tone-dark .marona-stage__shade{
		background:
			linear-gradient(0deg,rgba(8,10,9,.84) 0%,rgba(8,10,9,.60) 23%,rgba(8,10,9,.24) 46%,rgba(8,10,9,.05) 66%,transparent 78%),
			linear-gradient(270deg,rgba(7,9,8,.42) 0%,rgba(7,9,8,.18) 46%,transparent 78%),
			linear-gradient(180deg,rgba(5,7,6,.30) 0%,transparent 22%)!important;
	}
	.marona-stage__inner,
	.marona-stage__slide.is-copy-left .marona-stage__inner,
	.marona-stage__slide.is-copy-right .marona-stage__inner{
		align-items:flex-start!important;
		justify-content:flex-end!important;
		padding-top:116px!important;
		padding-bottom:78px!important;
	}
	.marona-stage__copy{
		max-width:100%!important;
	}
	.marona-stage__eyebrow{
		margin-bottom:9px!important;
		font-size:7.6px!important;
	}
	.marona-stage__title{
		max-width:320px!important;
		font-size:clamp(35px,9.6vw,44px)!important;
		line-height:1.20!important;
		letter-spacing:-.018em!important;
	}
	.marona-stage__text{
		max-width:310px!important;
		margin-top:11px!important;
		font-size:12.5px!important;
		line-height:1.82!important;
		-webkit-line-clamp:2!important;
	}
	.marona-stage__actions{
		max-width:330px!important;
		margin-top:15px!important;
		gap:11px!important;
		flex-wrap:nowrap!important;
		align-items:center!important;
	}
	.marona-stage__cta{
		min-height:47px!important;
		padding-inline:16px!important;
		gap:16px!important;
		font-size:11.5px!important;
		box-shadow:0 9px 20px rgba(0,0,0,.10)!important;
		white-space:nowrap;
	}
	.marona-stage__secondary{
		min-height:36px!important;
		font-size:10.8px!important;
		gap:6px!important;
		white-space:nowrap;
	}
	.marona-stage__navigation{
		bottom:14px!important;
		width:calc(100% - 28px)!important;
	}
	.marona-stage__rail-item{
		min-height:38px!important;
		padding:5px 4px 7px!important;
	}
	.marona-stage__rail-item span{
		font-size:9.7px!important;
	}

	/* DRAWER: retain the two-column composition where it has room, but remove the artificial empty middle. */
	.mro-theme-mobile-drawer{
		width:min(88vw,370px)!important;
		padding:20px 20px 20px!important;
	}
	.mro-theme-mobile-drawer__head{
		padding-bottom:12px!important;
	}
	.mro-theme-mobile-drawer__brand,
	.mro-theme-mobile-drawer__brand img{
		width:138px!important;
	}
	.mro-theme-mobile-drawer__brand small{
		font-size:6.8px!important;
	}
	.mro-theme-mobile-nav{
		padding:11px 0 8px!important;
	}
	.mro-theme-mobile-nav a{
		min-height:41px!important;
		font-size:15.5px!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a{
		min-height:35px!important;
		font-size:13px!important;
	}
	.mro-theme-mobile-drawer__footer{
		margin-top:22px!important;
		margin-bottom:auto!important;
		padding-top:13px!important;
		gap:8px!important;
	}
	.mro-theme-mobile-drawer__actions{
		grid-template-columns:1fr!important;
		gap:7px!important;
	}
	.mro-drawer-action,
	.mro-theme-mobile-drawer__whatsapp{
		min-height:45px!important;
		padding-inline:14px!important;
		font-size:11.8px!important;
		gap:8px!important;
	}
	.mro-drawer-action svg,
	.mro-theme-mobile-drawer__whatsapp svg{
		position:static!important;
		inset:auto!important;
		width:17px!important;
		height:17px!important;
		flex:0 0 17px!important;
	}
	.mro-drawer-action span,
	.mro-theme-mobile-drawer__whatsapp span{
		width:auto!important;
		text-align:center!important;
	}

	/* METHOD: preserve the mobile horizontal rail, but actually show its desktop signature animation. */
	.marona-method__rail{
		position:relative!important;
		padding-top:30px!important;
	}
	.marona-method__rail::before,
	.marona-method__rail::after{
		display:block!important;
		content:"";
		position:absolute!important;
		top:15px!important;
		left:15px!important;
		right:15px!important;
		height:1px!important;
		width:auto!important;
	}
	.marona-method__rail::before{
		background:rgba(255,255,255,.16)!important;
	}
	.marona-method__rail::after{
		background:rgba(232,233,230,.72)!important;
		transform:scaleX(0)!important;
		transform-origin:left center!important;
		transition:transform 1.15s cubic-bezier(.22,.61,.36,1)!important;
	}
	.marona-method.is-inview .marona-method__rail::after{
		transform:scaleX(1)!important;
	}
	.marona-method__item{
		padding-top:34px!important;
		border-top:0!important;
		text-align:center!important;
	}
	.marona-method__item::before{
		top:11px!important;
		right:auto!important;
		left:50%!important;
		transform:translateX(-50%)!important;
		box-shadow:0 0 0 5px #10221c!important;
	}
	.marona-method__item > strong,
	.marona-method .marona-method__item > strong,
	.marona-method__item > span,
	.marona-method .marona-method__item > span{
		text-align:center!important;
	}
}

/* Two columns are comfortable on most modern phones; narrow phones get a clean single column. */
@media(max-width:390px){
	.mro-theme-mobile-drawer{
		width:min(90vw,350px)!important;
	}
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		grid-template-columns:1fr!important;
		gap:0!important;
	}
	.mro-theme-mobile-nav a{
		min-height:39px!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a{
		min-height:34px!important;
	}
}

@media(prefers-reduced-motion:reduce){
	.marona-method__rail::after{
		transition:none!important;
		transform:scaleX(1)!important;
	}
}

/* --------------------------------------------------------------------------
   Marona 1.0.44 — Homepage services as asymmetric capability mosaic
   -------------------------------------------------------------------------- */
.marona-home-services--editorial .marona-home-service-grid {
	display:grid;
	grid-template-columns:repeat(12,minmax(0,1fr));
	grid-auto-rows:150px;
	gap:16px;
	align-items:stretch;
}

.marona-home-services--editorial .marona-home-service-card {
	position:relative;
	overflow:hidden;
	min-width:0;
	background:#173129;
	color:#fff;
	border-radius:2px;
	isolation:isolate;
}

.marona-home-services--editorial .marona-home-service-card--1 {
	grid-column:1 / span 7;
	grid-row:span 4;
}

.marona-home-services--editorial .marona-home-service-card--2,
.marona-home-services--editorial .marona-home-service-card--3 {
	grid-column:8 / span 5;
	grid-row:span 2;
}

.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) {
	grid-column:span 4;
	grid-row:span 2;
}

.marona-home-services--editorial .marona-home-service-card__link,
.marona-home-services--editorial .marona-home-service-card__media,
.marona-home-services--editorial .marona-home-service-card__media img,
.marona-home-services--editorial .marona-home-service-card__surface {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
}

.marona-home-services--editorial .marona-home-service-card__media {
	overflow:hidden;
	background:#1b312a;
}

.marona-home-services--editorial .marona-home-service-card__media img {
	object-fit:cover;
	filter:saturate(.88) contrast(1.02);
	transition:transform .75s cubic-bezier(.22,.61,.36,1), filter .36s ease;
}

.marona-home-services--editorial .marona-home-service-card:hover .marona-home-service-card__media img {
	transform:scale(1.045);
	filter:saturate(.98) contrast(1.05);
}

.marona-home-services--editorial .marona-home-service-card__media::after {
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(180deg, rgba(7,14,12,.08) 0%, rgba(7,14,12,.28) 40%, rgba(7,14,12,.84) 100%),
		linear-gradient(90deg, rgba(13,24,20,.22), rgba(13,24,20,.02) 48%, rgba(13,24,20,.12));
}

.marona-home-services--editorial .marona-home-service-card__surface {
	background:
		linear-gradient(117deg, transparent 0 45%, rgba(255,255,255,.08) 45.5% 46.5%, transparent 47% 100%),
		radial-gradient(circle at 18% 18%, rgba(255,255,255,.08), transparent 25%),
		linear-gradient(145deg, #213f35, #14271f 60%, #0d1c17);
}

.marona-home-services--editorial .marona-home-service-card--2 .marona-home-service-card__surface,
.marona-home-services--editorial .marona-home-service-card--5 .marona-home-service-card__surface {
	background:
		linear-gradient(120deg, transparent 0 54%, rgba(255,255,255,.07) 54.5% 55%, transparent 55.5% 100%),
		linear-gradient(150deg, #4c2630, #2d2224 58%, #191d1b);
}

.marona-home-services--editorial .marona-home-service-card__content {
	position:absolute;
	inset:0;
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:28px;
}

.marona-home-services--editorial .marona-home-service-card__eyebrow {
	display:block;
	margin:0 0 12px;
	font-family:var(--marona-font-display);
	font-size:10px;
	letter-spacing:.18em;
	line-height:1;
	color:rgba(255,255,255,.74);
	direction:ltr;
}

.marona-home-services--editorial .marona-home-service-card h3 {
	max-width:680px;
	margin:0;
	font-family:var(--marona-font-heading);
	font-size:clamp(26px,2.45vw,42px);
	line-height:1.38;
	font-weight:700;
	text-wrap:balance;
}

.marona-home-services--editorial .marona-home-service-card p {
	max-width:560px;
	margin:12px 0 0;
	color:rgba(255,255,255,.72);
	font-size:12px;
	line-height:1.92;
}

.marona-home-services--editorial .marona-home-service-card--2 h3,
.marona-home-services--editorial .marona-home-service-card--3 h3 {
	font-size:clamp(23px,2vw,31px);
}

.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3 {
	font-size:clamp(21px,1.72vw,28px);
	max-width:400px;
}

.marona-home-services--editorial .marona-home-service-card--2 p,
.marona-home-services--editorial .marona-home-service-card--3 p,
.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) p {
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.marona-home-services--editorial .marona-home-service-card__cta-label {
	display:inline-flex;
	align-items:center;
	margin-top:18px;
	font-size:12px;
	font-weight:700;
	letter-spacing:.02em;
	color:#fff;
}

.marona-home-services--editorial .marona-home-service-card__arrow {
	position:absolute;
	left:24px;
	bottom:24px;
	display:grid;
	place-items:center;
	width:38px;
	height:38px;
	border:1px solid rgba(255,255,255,.32);
	border-radius:2px;
	font-size:17px;
	font-weight:400;
	transition:transform .24s ease, background .24s ease, color .24s ease, border-color .24s ease;
}

.marona-home-services--editorial .marona-home-service-card:hover .marona-home-service-card__arrow {
	transform:translate(2px,-2px);
	background:#fff;
	border-color:#fff;
	color:#173129;
}

.marona-home-services--editorial .marona-home-service-card:hover .marona-home-service-card__cta-label {
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:4px;
}

@media (max-width: 1199px) {
	.marona-home-services--editorial .marona-home-service-grid {
		grid-auto-rows:138px;
	}

	.marona-home-services--editorial .marona-home-service-card__content {
		padding:24px;
	}
}

@media (max-width: 980px) {
	.marona-home-services--editorial .marona-home-service-grid {
		grid-template-columns:repeat(2,minmax(0,1fr));
		grid-auto-rows:190px;
	}

	.marona-home-services--editorial .marona-home-service-card--1 {
		grid-column:1 / -1;
		grid-row:span 3;
	}

	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) {
		grid-column:span 1;
		grid-row:span 2;
	}
}

@media (max-width: 640px) {
	.marona-home-services--editorial .marona-home-service-grid {
		grid-template-columns:minmax(0,1fr);
		grid-auto-rows:auto;
		gap:12px;
	}

	.marona-home-services--editorial .marona-home-service-card,
	.marona-home-services--editorial .marona-home-service-card--1,
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) {
		grid-column:1 / -1;
		grid-row:auto;
		min-height:280px;
	}

	.marona-home-services--editorial .marona-home-service-card--1 {
		min-height:360px;
	}

	.marona-home-services--editorial .marona-home-service-card__content {
		padding:22px 22px 24px;
	}

	.marona-home-services--editorial .marona-home-service-card__eyebrow {
		font-size:9px;
		margin-bottom:10px;
	}

	.marona-home-services--editorial .marona-home-service-card h3 {
		font-size:clamp(25px,8.2vw,40px);
		line-height:1.34;
	}

	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3 {
		font-size:clamp(23px,6.9vw,31px);
	}

	.marona-home-services--editorial .marona-home-service-card p {
		max-width:100%;
		margin-top:10px;
		font-size:12px;
		line-height:1.85;
	}

	.marona-home-services--editorial .marona-home-service-card__cta-label {
		margin-top:16px;
	}

	.marona-home-services--editorial .marona-home-service-card__arrow {
		left:18px;
		bottom:18px;
		width:34px;
		height:34px;
	}
}

/* --------------------------------------------------------------------------
   Marona 1.0.45 — mobile stage crop, method cards, clearer drawer separation
   -------------------------------------------------------------------------- */

@media (max-width: 640px) {
	/* HERO: crop upward on phones so the image carries the slide, not a dead dark floor. */
	.marona-stage {
		height: clamp(560px, 78svh, 650px) !important;
		min-height: 560px !important;
	}

	.marona-stage__inner,
	.marona-stage__slide.is-copy-left .marona-stage__inner,
	.marona-stage__slide.is-copy-right .marona-stage__inner {
		padding-top: 108px !important;
		padding-bottom: 66px !important;
	}

	.marona-stage__media.is-position-left img {
		object-position: 24% 28% !important;
	}

	.marona-stage__media.is-position-center img {
		object-position: 50% 28% !important;
	}

	.marona-stage__media.is-position-right img {
		object-position: 76% 28% !important;
	}

	.marona-stage__title {
		max-width: 304px !important;
		font-size: clamp(33px, 9.2vw, 42px) !important;
		line-height: 1.18 !important;
	}

	.marona-stage__text {
		max-width: 300px !important;
		margin-top: 10px !important;
		font-size: 12.5px !important;
		line-height: 1.82 !important;
		-webkit-line-clamp: 2 !important;
	}

	.marona-stage__actions {
		max-width: 322px !important;
		margin-top: 14px !important;
		gap: 10px !important;
	}

	.marona-stage__cta {
		min-height: 46px !important;
		padding-inline: 15px !important;
		gap: 14px !important;
		font-size: 11.4px !important;
	}

	.marona-stage__secondary {
		min-height: 34px !important;
		font-size: 10.6px !important;
	}

	.marona-stage__navigation {
		bottom: 10px !important;
		width: calc(100% - 24px) !important;
	}

	.marona-stage__rail-item {
		min-height: 36px !important;
		padding: 4px 4px 6px !important;
	}

	.marona-stage__rail-item span {
		font-size: 10px !important;
	}

	/* METHOD: on mobile this becomes a clean 2×2 capability grid, not a half-visible line. */
	.marona-method__layout {
		padding-block: 36px 28px !important;
		gap: 20px !important;
	}

	.marona-method__intro {
		padding-bottom: 0 !important;
	}

	.marona-method__intro > strong,
		.marona-method .marona-method__intro > strong {
		max-width: 100% !important;
		font-size: 20px !important;
		line-height: 1.62 !important;
	}

	.marona-method__rail {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-auto-flow: row !important;
		grid-auto-columns: auto !important;
		overflow: visible !important;
		margin: 8px 0 0 !important;
		padding: 0 !important;
		gap: 14px !important;
		scroll-snap-type: none !important;
	}

	.marona-method__rail::before,
	.marona-method__rail::after {
		display: none !important;
	}

	.marona-method__item {
		min-height: 128px;
		padding: 20px 16px 16px !important;
		border: 1px solid rgba(255,255,255,.10) !important;
		border-radius: 2px;
		background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
		backdrop-filter: blur(2px);
		text-align: right !important;
	}

	.marona-method__item::before {
		top: 14px !important;
		right: 16px !important;
		left: auto !important;
		transform: none !important;
		width: 8px !important;
		height: 8px !important;
		box-shadow: 0 0 0 4px #10221c !important;
	}

	.marona-method__item > strong,
	.marona-method .marona-method__item > strong {
		margin-top: 14px;
		font-size: 15px !important;
		line-height: 1.55 !important;
		text-align: right !important;
	}

	.marona-method__item > span,
	.marona-method .marona-method__item > span {
		font-size: 11px !important;
		line-height: 1.8 !important;
		text-align: right !important;
	}

	/* DRAWER: add visual separation between the two columns so the bigger type still feels organized. */
	.mro-theme-mobile-drawer {
		width: min(88vw, 374px) !important;
		padding: 20px 18px 18px !important;
	}

	.mro-theme-mobile-drawer__head {
		padding-bottom: 14px !important;
	}

	.mro-theme-mobile-drawer__brand,
	.mro-theme-mobile-drawer__brand img {
		width: 150px !important;
	}

	.mro-theme-mobile-drawer__brand small {
		font-size: 7.2px !important;
		letter-spacing: .20em !important;
	}

	.mro-theme-mobile-nav {
		position: relative;
		padding: 14px 0 10px !important;
	}

	.mro-theme-mobile-nav::before {
		content: "";
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: 50%;
		width: 1px;
		background: rgba(17, 24, 22, .08);
		transform: translateX(-50%);
		pointer-events: none;
	}

	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list {
		gap: 8px 18px !important;
	}

	.mro-theme-mobile-nav a {
		min-height: 50px !important;
		padding: 0 12px !important;
		font-size: 17px !important;
		background: rgba(17, 24, 22, .025);
		border: 1px solid rgba(17, 24, 22, .07);
		border-radius: 2px;
	}

	.mro-theme-mobile-nav a::after {
		display: none !important;
	}

	.mro-theme-mobile-nav li.is-secondary > a {
		font-size: 16px !important;
		color: #5d605d !important;
	}

	.mro-theme-mobile-drawer__footer {
		margin-top: 18px !important;
		padding-top: 16px !important;
		gap: 10px !important;
	}

	.mro-theme-mobile-drawer__actions {
		gap: 10px !important;
	}

	.mro-drawer-action,
	.mro-theme-mobile-drawer__whatsapp {
		min-height: 48px !important;
		font-size: 13.5px !important;
		border-radius: 2px !important;
	}
}

@media (max-width: 390px) {
	.mro-theme-mobile-drawer {
		width: min(90vw, 350px) !important;
	}

	.mro-theme-mobile-nav::before {
		display: none;
	}

	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	.mro-theme-mobile-nav a,
	.mro-theme-mobile-nav li.is-secondary > a {
		font-size: 17px !important;
	}
}

/* --------------------------------------------------------------------------
   Marona 1.0.46 — clean 2-column drawer + real service mosaic + SVG arrows
   -------------------------------------------------------------------------- */

.marona-inline-arrow,
.marona-home-service-card__arrow svg{
	width:16px;
	height:16px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.5;
	stroke-linecap:round;
	stroke-linejoin:round;
	flex:0 0 16px;
}
.marona-home-section-link{
	display:inline-flex;
	align-items:center;
	gap:9px;
}
.marona-home-section-link .marona-inline-arrow{
	transition:transform .22s ease;
}
.marona-home-section-link:hover .marona-inline-arrow{
	transform:translateX(-4px);
}

/* Drawer navigation: clean typography, explicit group divider, no mobile tiles. */
.mro-theme-mobile-nav__divider{
	grid-column:1 / -1!important;
	display:block!important;
	height:1px!important;
	min-height:1px!important;
	margin:12px 0 6px!important;
	padding:0!important;
	border:0!important;
	background:rgba(32,35,34,.12)!important;
	list-style:none!important;
}
.mro-theme-mobile-nav a::after{
	display:none!important;
	content:none!important;
}
.mro-theme-mobile-nav a{
	font-size:20px!important;
	font-weight:720!important;
}
.mro-theme-mobile-nav li.is-secondary-first{
	margin-top:0!important;
	padding-top:0!important;
	border-top:0!important;
}
.mro-theme-mobile-nav li.is-secondary > a{
	font-size:16px!important;
	font-weight:600!important;
	color:rgba(32,35,34,.62)!important;
}

/* Services: first capability is genuinely featured; remaining services form a compact mosaic. */
.marona-home-services--editorial .marona-home-service-grid{
	display:grid!important;
	grid-template-columns:repeat(12,minmax(0,1fr))!important;
	grid-auto-rows:260px!important;
	gap:16px!important;
}
.marona-home-services--editorial .marona-home-service-card{
	grid-column:auto!important;
	grid-row:auto!important;
	min-height:0!important;
	border-radius:2px!important;
}
.marona-home-services--editorial .marona-home-service-card--1{
	grid-column:1 / span 7!important;
	grid-row:1 / span 2!important;
}
.marona-home-services--editorial .marona-home-service-card--2{
	grid-column:8 / span 5!important;
	grid-row:1!important;
}
.marona-home-services--editorial .marona-home-service-card--3{
	grid-column:8 / span 5!important;
	grid-row:2!important;
}
.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
	grid-row:3!important;
}
.marona-home-services--editorial .marona-home-service-grid.has-count-4 .marona-home-service-card--4{
	grid-column:1 / -1!important;
}
.marona-home-services--editorial .marona-home-service-grid.has-count-5 .marona-home-service-card--4{
	grid-column:1 / span 6!important;
}
.marona-home-services--editorial .marona-home-service-grid.has-count-5 .marona-home-service-card--5{
	grid-column:7 / span 6!important;
}
.marona-home-services--editorial .marona-home-service-grid.has-count-6 .marona-home-service-card--4{
	grid-column:1 / span 4!important;
}
.marona-home-services--editorial .marona-home-service-grid.has-count-6 .marona-home-service-card--5{
	grid-column:5 / span 4!important;
}
.marona-home-services--editorial .marona-home-service-grid.has-count-6 .marona-home-service-card--6{
	grid-column:9 / span 4!important;
}
.marona-home-services--editorial .marona-home-service-card__content{
	padding:28px 30px 26px!important;
}
.marona-home-services--editorial .marona-home-service-card__eyebrow{
	margin:0 0 10px!important;
	font-size:9px!important;
	letter-spacing:.19em!important;
}
.marona-home-services--editorial .marona-home-service-card h3{
	font-size:clamp(26px,2.25vw,38px)!important;
	line-height:1.34!important;
}
.marona-home-services--editorial .marona-home-service-card--1 h3{
	font-size:clamp(34px,3vw,50px)!important;
	max-width:650px!important;
}
.marona-home-services--editorial .marona-home-service-card p{
	margin-top:10px!important;
	font-size:12.5px!important;
	line-height:1.9!important;
	color:rgba(255,255,255,.73)!important;
}
.marona-home-services--editorial .marona-home-service-card--2 p,
.marona-home-services--editorial .marona-home-service-card--3 p,
.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) p{
	-webkit-line-clamp:2!important;
}
.marona-home-services--editorial .marona-home-service-card__cta-label{
	margin-top:14px!important;
	font-size:11.5px!important;
}
.marona-home-services--editorial .marona-home-service-card__arrow{
	left:22px!important;
	bottom:22px!important;
	width:38px!important;
	height:38px!important;
	border:1px solid rgba(255,255,255,.28)!important;
	border-radius:2px!important;
}
.marona-home-services--editorial .marona-home-service-card__arrow svg{
	width:17px;
	height:17px;
}

@media(max-width:980px){
	.marona-home-services--editorial .marona-home-service-grid{
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		grid-auto-rows:210px!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1{
		grid-column:1 / -1!important;
		grid-row:1 / span 2!important;
	}
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
		grid-column:auto!important;
		grid-row:auto!important;
	}
}

@media(max-width:640px){
	/* Menu: same visual language as desktop, only denser. */
	.mro-theme-mobile-drawer{
		width:min(88vw,372px)!important;
		padding:20px 20px 18px!important;
	}
	.mro-theme-mobile-nav::before{
		top:14px!important;
		bottom:14px!important;
		background:rgba(32,35,34,.09)!important;
	}
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		gap:4px 22px!important;
	}
	.mro-theme-mobile-nav a{
		min-height:48px!important;
		padding:5px 4px!important;
		font-size:18px!important;
		background:transparent!important;
		border:0!important;
		border-radius:0!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a{
		min-height:42px!important;
		font-size:15.5px!important;
		color:rgba(32,35,34,.58)!important;
	}
	.mro-theme-mobile-nav__divider{
		margin:10px 0 5px!important;
		background:rgba(32,35,34,.13)!important;
	}

	/* Services mobile: one feature card + compact image tiles, not giant stacked posters. */
	.marona-home-services--editorial .marona-home-service-grid{
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		grid-auto-rows:auto!important;
		gap:10px!important;
	}
	.marona-home-services--editorial .marona-home-service-card,
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
		grid-column:span 1!important;
		grid-row:auto!important;
		min-height:210px!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1{
		grid-column:1 / -1!important;
		grid-row:auto!important;
		min-height:330px!important;
	}
	.marona-home-services--editorial .marona-home-service-grid.has-count-4 .marona-home-service-card--4,
	.marona-home-services--editorial .marona-home-service-grid.has-count-6 .marona-home-service-card--6{
		grid-column:1 / -1!important;
		min-height:210px!important;
	}
	.marona-home-services--editorial .marona-home-service-card__content{
		padding:18px 16px 16px!important;
	}
	.marona-home-services--editorial .marona-home-service-card__eyebrow{
		margin-bottom:7px!important;
		font-size:7.5px!important;
	}
	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		font-size:clamp(17px,4.7vw,22px)!important;
		line-height:1.42!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 h3{
		font-size:clamp(27px,7vw,34px)!important;
		line-height:1.35!important;
	}
	.marona-home-services--editorial .marona-home-service-card:not(.marona-home-service-card--1) p,
	.marona-home-services--editorial .marona-home-service-card:not(.marona-home-service-card--1) .marona-home-service-card__cta-label{
		display:none!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 p{
		font-size:12px!important;
		line-height:1.86!important;
		-webkit-line-clamp:3!important;
	}
	.marona-home-services--editorial .marona-home-service-card__arrow{
		left:14px!important;
		bottom:14px!important;
		width:32px!important;
		height:32px!important;
	}
	.marona-home-services--editorial .marona-home-service-card__arrow svg{
		width:15px!important;
		height:15px!important;
	}
}

@media(max-width:390px){
	.mro-theme-mobile-nav::before{display:none!important}
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		grid-template-columns:1fr!important;
		gap:2px!important;
	}
	.mro-theme-mobile-nav__divider{
		margin:8px 0 4px!important;
	}
	.marona-home-services--editorial .marona-home-service-grid{
		grid-template-columns:1fr!important;
	}
	.marona-home-services--editorial .marona-home-service-card,
	.marona-home-services--editorial .marona-home-service-card--1,
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
		grid-column:1!important;
		min-height:220px!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1{
		min-height:320px!important;
	}
}

/* --------------------------------------------------------------------------
   Marona 1.0.46 — Cama-inspired fullscreen mobile menu + mobile service editorial rows
   -------------------------------------------------------------------------- */

/* Vector arrows only — never fall back to emoji glyphs. */
.marona-action-arrow,
.marona-inline-arrow,
.marona-home-service-card__arrow svg{
	display:block;
	fill:none;
	stroke:currentColor;
	stroke-width:1.55;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.marona-action-arrow{width:16px;height:16px;flex:0 0 16px}
.marona-inline-arrow{width:15px;height:15px;flex:0 0 15px}
.marona-home-section-link{
	display:inline-flex;
	align-items:center;
	gap:9px;
}
.marona-home-section-link > span{display:inline-block}
.marona-home-service-card__arrow svg{width:17px;height:17px}

@media (max-width: 640px) {
	/* Mobile Hero: explicit controls now map to real mobile composition classes. */
	.marona-stage__media.is-mobile-position-left img{object-position:22% 28%!important}
	.marona-stage__media.is-mobile-position-center img{object-position:50% 28%!important}
	.marona-stage__media.is-mobile-position-right img{object-position:78% 28%!important}

	.marona-stage__slide.is-mobile-copy-upper .marona-stage__inner,
	.marona-stage__slide.is-mobile-copy-upper.is-copy-left .marona-stage__inner,
	.marona-stage__slide.is-mobile-copy-upper.is-copy-right .marona-stage__inner{
		padding-top:106px!important;
	}
	.marona-stage__slide.is-mobile-copy-middle .marona-stage__inner,
	.marona-stage__slide.is-mobile-copy-middle.is-copy-left .marona-stage__inner,
	.marona-stage__slide.is-mobile-copy-middle.is-copy-right .marona-stage__inner{
		padding-top:138px!important;
	}
	.marona-stage__slide.is-mobile-copy-lower .marona-stage__inner,
	.marona-stage__slide.is-mobile-copy-lower.is-copy-left .marona-stage__inner,
	.marona-stage__slide.is-mobile-copy-lower.is-copy-right .marona-stage__inner{
		padding-top:168px!important;
	}

	/* FULLSCREEN MOBILE MENU: the panel itself fills the viewport; no black strip remains. */
	.mro-theme-mobile-overlay{
		display:none!important;
	}
	.mro-theme-mobile-drawer{
		inset:0!important;
		top:0!important;
		right:0!important;
		bottom:0!important;
		left:0!important;
		width:100vw!important;
		max-width:none!important;
		height:100dvh!important;
		min-height:100dvh!important;
		padding:
			max(24px, env(safe-area-inset-top))
			max(24px, env(safe-area-inset-right))
			max(26px, env(safe-area-inset-bottom))
			max(24px, env(safe-area-inset-left))!important;
		background:#f5f2ec!important;
		box-shadow:none!important;
		overflow-y:auto!important;
	}
	body.admin-bar .mro-theme-mobile-drawer{
		top:46px!important;
		height:calc(100dvh - 46px)!important;
		min-height:calc(100dvh - 46px)!important;
	}

	/* Brand stays fixed to the left of the menu header; close stays at the right. */
	.mro-theme-mobile-drawer__head{
		width:100%!important;
		min-height:86px!important;
		padding:0 0 22px!important;
		align-items:flex-start!important;
		justify-content:space-between!important;
		border-bottom:0!important;
		direction:ltr!important;
	}
	.mro-theme-mobile-drawer__brand{
		width:178px!important;
		margin:0!important;
		align-items:flex-start!important;
	}
	.mro-theme-mobile-drawer__brand img{
		width:178px!important;
		max-height:62px!important;
		object-position:left center!important;
	}
	.mro-theme-mobile-drawer__brand small{
		font-size:8px!important;
		letter-spacing:.22em!important;
	}
	.mro-theme-mobile-close{
		width:48px!important;
		height:48px!important;
		margin:-3px -6px 0 0!important;
		flex:0 0 48px!important;
	}
	.mro-theme-mobile-close span{
		left:9px!important;
		top:23px!important;
		width:30px!important;
		height:1.5px!important;
	}

	/* Cama-like reading rhythm: one clean RTL column, not boxed tiles. */
	.mro-theme-mobile-nav{
		width:min(61%,330px)!important;
		margin:42px 0 0 auto!important;
		padding:0!important;
	}
	.mro-theme-mobile-nav::before{display:none!important}
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		display:flex!important;
		flex-direction:column!important;
		gap:0!important;
		width:100%!important;
	}
	.mro-theme-mobile-nav li{
		width:100%!important;
	}
	.mro-theme-mobile-nav a,
	.mro-theme-mobile-nav li.is-secondary > a{
		min-height:54px!important;
		padding:5px 0!important;
		justify-content:flex-start!important;
		background:transparent!important;
		border:0!important;
		border-radius:0!important;
		box-shadow:none!important;
		font-family:var(--marona-font-heading)!important;
		font-size:20px!important;
		font-weight:700!important;
		line-height:1.45!important;
		text-align:right!important;
		color:#202322!important;
	}
	.mro-theme-mobile-nav li.is-secondary-first{
		margin-top:10px!important;
		padding-top:10px!important;
		border-top:1px solid rgba(32,35,34,.10)!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a{
		font-size:18px!important;
		font-weight:600!important;
		color:rgba(32,35,34,.66)!important;
	}
	.mro-theme-mobile-nav a::after{display:none!important;content:none!important}

	/* Actions follow the navigation instead of floating in a detached block. */
	.mro-theme-mobile-drawer__footer{
		width:min(61%,330px)!important;
		margin:26px 0 0 auto!important;
		padding:20px 0 0!important;
		border-top:1px solid rgba(32,35,34,.12)!important;
		gap:10px!important;
	}
	.mro-theme-mobile-drawer__actions{
		display:grid!important;
		grid-template-columns:1fr!important;
		gap:9px!important;
	}
	.mro-drawer-action,
	.mro-theme-mobile-drawer__whatsapp{
		min-height:50px!important;
		padding:0 16px!important;
		font-size:13px!important;
		border-radius:0!important;
		box-shadow:none!important;
	}
	.mro-theme-mobile-drawer__socials{
		margin-top:6px!important;
		justify-content:flex-start!important;
	}

	/* SERVICES: mobile is recomposed independently — one featured story + compact editorial rows. */
	.marona-home-services--editorial{
		padding-bottom:72px!important;
	}
	.marona-home-services--editorial .marona-home-service-grid{
		display:block!important;
	}
	.marona-home-services--editorial .marona-home-service-card,
	.marona-home-services--editorial .marona-home-service-card--1,
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
		position:relative!important;
		min-height:0!important;
		margin:0!important;
		overflow:visible!important;
		background:transparent!important;
		color:#202322!important;
		border-radius:0!important;
	}
	.marona-home-services--editorial .marona-home-service-card + .marona-home-service-card{
		margin-top:0!important;
		border-top:1px solid rgba(32,35,34,.12)!important;
	}
	.marona-home-services--editorial .marona-home-service-card__link{
		position:relative!important;
		inset:auto!important;
		display:grid!important;
		grid-template-columns:minmax(118px,38%) minmax(0,1fr)!important;
		gap:16px!important;
		align-items:center!important;
		width:100%!important;
		height:auto!important;
		min-height:154px!important;
		padding:14px 0!important;
		color:inherit!important;
	}
	.marona-home-services--editorial .marona-home-service-card__media{
		position:relative!important;
		inset:auto!important;
		width:100%!important;
		height:128px!important;
		overflow:hidden!important;
		background:#d7d2c8!important;
		border-radius:2px!important;
	}
	.marona-home-services--editorial .marona-home-service-card__media img,
	.marona-home-services--editorial .marona-home-service-card__surface{
		position:absolute!important;
		inset:0!important;
		width:100%!important;
		height:100%!important;
		object-fit:cover!important;
	}
	.marona-home-services--editorial .marona-home-service-card__media::after{
		background:linear-gradient(180deg,transparent 54%,rgba(8,12,10,.16))!important;
	}
	.marona-home-services--editorial .marona-home-service-card__content{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		padding:4px 0!important;
		color:#202322!important;
	}
	.marona-home-services--editorial .marona-home-service-card__eyebrow{
		margin:0 0 7px!important;
		font-size:8px!important;
		letter-spacing:.18em!important;
		color:var(--marona-green-deep)!important;
	}
	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		margin:0!important;
		font-size:20px!important;
		line-height:1.5!important;
		color:#202322!important;
	}
	.marona-home-services--editorial .marona-home-service-card p,
	.marona-home-services--editorial .marona-home-service-card--2 p,
	.marona-home-services--editorial .marona-home-service-card--3 p,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) p{
		display:-webkit-box!important;
		margin:7px 0 0!important;
		font-size:11.5px!important;
		line-height:1.75!important;
		color:rgba(32,35,34,.62)!important;
		-webkit-line-clamp:2!important;
		-webkit-box-orient:vertical!important;
		overflow:hidden!important;
	}
	.marona-home-services--editorial .marona-home-service-card__cta-label{
		display:inline-flex!important;
		margin-top:9px!important;
		font-size:11.5px!important;
		font-weight:700!important;
		color:var(--marona-green-deep)!important;
	}
	.marona-home-services--editorial .marona-home-service-card__arrow{
		display:none!important;
	}

	/* Featured service gets one strong image, but text moves below it instead of fighting the photo. */
	.marona-home-services--editorial .marona-home-service-card--1{
		padding-bottom:18px!important;
		border-top:0!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__link{
		display:block!important;
		padding:0 0 18px!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__media{
		height:auto!important;
		aspect-ratio:16 / 10!important;
		margin-bottom:18px!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__content{
		padding:0 2px!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 h3{
		font-size:28px!important;
		line-height:1.42!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 p{
		font-size:12px!important;
		line-height:1.85!important;
		-webkit-line-clamp:3!important;
	}
}

@media (max-width: 390px) {
	.mro-theme-mobile-nav,
	.mro-theme-mobile-drawer__footer{
		width:min(68%,280px)!important;
	}
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		display:flex!important;
		flex-direction:column!important;
	}
	.mro-theme-mobile-nav a,
	.mro-theme-mobile-nav li.is-secondary > a{
		font-size:18px!important;
	}
}

/* Remove legacy text-glyph arrows from the drawer at every breakpoint. */
.mro-theme-mobile-nav a::after{
	content:none!important;
	display:none!important;
}


/* --------------------------------------------------------------------------
   Marona 1.0.47 — mobile hotfix for fullscreen drawer and services section
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
	/* Mobile drawer: fullscreen, structured, no excessive blank strip. */
	.mro-theme-mobile-overlay{display:none!important}
	.mro-theme-mobile-drawer{
		inset:0!important;
		width:100vw!important;
		max-width:none!important;
		height:100dvh!important;
		min-height:100dvh!important;
		padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))!important;
		background:#f5f2ec!important;
		overflow-y:auto!important;
		box-shadow:none!important;
	}
	body.admin-bar .mro-theme-mobile-drawer{
		top:46px!important;
		height:calc(100dvh - 46px)!important;
		min-height:calc(100dvh - 46px)!important;
	}
	.mro-theme-mobile-drawer__head{
		display:flex!important;
		align-items:flex-start!important;
		justify-content:space-between!important;
		gap:16px!important;
		min-height:auto!important;
		padding:0 0 18px!important;
		border-bottom:1px solid rgba(32,35,34,.10)!important;
		direction:ltr!important;
	}
	.mro-theme-mobile-drawer__brand,
	.mro-theme-mobile-drawer__brand img{
		width:170px!important;
		max-width:170px!important;
	}
	.mro-theme-mobile-drawer__brand small{
		font-size:7.4px!important;
		letter-spacing:.18em!important;
	}
	.mro-theme-mobile-close{
		width:46px!important;
		height:46px!important;
		flex:0 0 46px!important;
		margin:0!important;
	}
	.mro-theme-mobile-close span{
		width:30px!important;
		left:8px!important;
		top:22px!important;
	}
	.mro-theme-mobile-nav{
		width:100%!important;
		max-width:none!important;
		margin:22px 0 0!important;
		padding:0!important;
	}
	.mro-theme-mobile-nav::before{display:none!important;content:none!important}
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		display:flex!important;
		flex-direction:column!important;
		align-items:stretch!important;
		gap:0!important;
		width:100%!important;
		max-width:360px!important;
		margin:0 0 0 auto!important;
		padding:0!important;
	}
	.mro-theme-mobile-nav li{
		width:100%!important;
		list-style:none!important;
	}
	.mro-theme-mobile-nav a,
	.mro-theme-mobile-nav li.is-secondary > a{
		display:flex!important;
		align-items:center!important;
		justify-content:flex-start!important;
		width:100%!important;
		min-height:58px!important;
		padding:6px 0!important;
		background:transparent!important;
		border:0!important;
		border-radius:0!important;
		box-shadow:none!important;
		text-align:right!important;
		font-family:var(--marona-font-heading)!important;
		line-height:1.45!important;
		color:#202322!important;
	}
	.mro-theme-mobile-nav a{
		font-size:22px!important;
		font-weight:720!important;
	}
	.mro-theme-mobile-nav li.is-secondary-first{
		margin-top:10px!important;
		padding-top:12px!important;
		border-top:1px solid rgba(32,35,34,.10)!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a{
		font-size:18px!important;
		font-weight:600!important;
		color:rgba(32,35,34,.64)!important;
	}
	.mro-theme-mobile-nav a::after{display:none!important;content:none!important}
	.mro-theme-mobile-drawer__footer{
		width:100%!important;
		max-width:none!important;
		margin:20px 0 0!important;
		padding:18px 0 0!important;
		border-top:1px solid rgba(32,35,34,.10)!important;
	}
	.mro-theme-mobile-drawer__actions{
		display:grid!important;
		grid-template-columns:1fr!important;
		gap:10px!important;
		width:100%!important;
		max-width:360px!important;
		margin:0 0 0 auto!important;
	}
	.mro-drawer-action,
	.mro-theme-mobile-drawer__whatsapp{
		min-height:52px!important;
		padding:0 16px!important;
		font-size:14px!important;
		border-radius:0!important;
		box-shadow:none!important;
	}
	.mro-theme-mobile-drawer__socials{
		display:flex!important;
		justify-content:flex-start!important;
		gap:10px!important;
		width:100%!important;
		max-width:360px!important;
		margin:10px 0 0 auto!important;
	}

	/* Home services mobile: clean vertical cards, no overlap, no broken grid. */
	.marona-home-services--editorial .marona-home-heading--editorial{
		display:block!important;
	}
	.marona-home-services--editorial .marona-home-heading__side{
		margin-top:16px!important;
	}
	.marona-home-services--editorial .marona-home-service-grid{
		display:flex!important;
		flex-direction:column!important;
		gap:0!important;
	}
	.marona-home-services--editorial .marona-home-service-card,
	.marona-home-services--editorial .marona-home-service-card--1,
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
		display:block!important;
		width:100%!important;
		min-height:0!important;
		margin:0!important;
		padding:18px 0!important;
		background:transparent!important;
		border:0!important;
		border-top:1px solid rgba(32,35,34,.12)!important;
		border-radius:0!important;
		overflow:visible!important;
		grid-column:auto!important;
		grid-row:auto!important;
	}
	.marona-home-services--editorial .marona-home-service-card:first-child{
		border-top:0!important;
		padding-top:0!important;
	}
	.marona-home-services--editorial .marona-home-service-card__link{
		position:relative!important;
		inset:auto!important;
		display:grid!important;
		grid-template-columns:118px minmax(0,1fr)!important;
		align-items:start!important;
		gap:14px!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		padding:0!important;
		color:#202322!important;
	}
	.marona-home-services--editorial .marona-home-service-card__media{
		position:relative!important;
		inset:auto!important;
		width:118px!important;
		height:118px!important;
		min-height:118px!important;
		background:#d8d2c8!important;
		border-radius:2px!important;
		overflow:hidden!important;
		order:1!important;
	}
	.marona-home-services--editorial .marona-home-service-card__media::after{display:none!important}
	.marona-home-services--editorial .marona-home-service-card__media img,
	.marona-home-services--editorial .marona-home-service-card__surface{
		position:absolute!important;
		inset:0!important;
		width:100%!important;
		height:100%!important;
		object-fit:cover!important;
	}
	.marona-home-services--editorial .marona-home-service-card__content{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		padding:2px 0 0!important;
		color:#202322!important;
		order:2!important;
	}
	.marona-home-services--editorial .marona-home-service-card__eyebrow{
		display:block!important;
		margin:0 0 8px!important;
		font-size:8px!important;
		letter-spacing:.18em!important;
		color:var(--marona-green-deep)!important;
	}
	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		margin:0!important;
		font-size:19px!important;
		line-height:1.5!important;
		color:#202322!important;
		writing-mode:horizontal-tb!important;
		white-space:normal!important;
	}
	.marona-home-services--editorial .marona-home-service-card p,
	.marona-home-services--editorial .marona-home-service-card--2 p,
	.marona-home-services--editorial .marona-home-service-card--3 p,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) p{
		display:-webkit-box!important;
		margin:8px 0 0!important;
		font-size:11.5px!important;
		line-height:1.82!important;
		color:rgba(32,35,34,.64)!important;
		-webkit-box-orient:vertical!important;
		-webkit-line-clamp:2!important;
		overflow:hidden!important;
		writing-mode:horizontal-tb!important;
		white-space:normal!important;
	}
	.marona-home-services--editorial .marona-home-service-card__cta-label{
		display:inline-flex!important;
		margin-top:10px!important;
		font-size:12px!important;
		font-weight:700!important;
		color:var(--marona-green-deep)!important;
	}
	.marona-home-services--editorial .marona-home-service-card__arrow{
		display:none!important;
	}

	/* Featured service: image first, copy beneath for a clean editorial lead. */
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__link{
		display:block!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__media{
		width:100%!important;
		height:auto!important;
		aspect-ratio:16 / 10!important;
		margin:0 0 16px!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__content{
		padding:0!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 h3{
		font-size:clamp(29px,8.2vw,34px)!important;
		line-height:1.4!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 p{
		font-size:12px!important;
		line-height:1.9!important;
		-webkit-line-clamp:4!important;
	}
}

@media (max-width: 390px) {
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list,
	.mro-theme-mobile-drawer__actions,
	.mro-theme-mobile-drawer__socials{
		max-width:100%!important;
	}
	.mro-theme-mobile-nav a{font-size:21px!important}
	.mro-theme-mobile-nav li.is-secondary > a{font-size:17px!important}
	.marona-home-services--editorial .marona-home-service-card__link{
		grid-template-columns:104px minmax(0,1fr)!important;
		gap:12px!important;
	}
	.marona-home-services--editorial .marona-home-service-card__media{
		width:104px!important;
		height:104px!important;
		min-height:104px!important;
	}
	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		font-size:18px!important;
	}
}


/* --------------------------------------------------------------------------
   Marona 1.0.48 — mobile services as an editorial horizontal catalogue
   Desktop/tablet composition intentionally unchanged.
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
	.marona-home-services--editorial{
		overflow:hidden!important;
		padding-bottom:64px!important;
	}

	.marona-home-services--editorial .marona-home-heading--editorial{
		display:grid!important;
		grid-template-columns:1fr!important;
		gap:14px!important;
		margin-bottom:28px!important;
	}

	.marona-home-services--editorial .marona-home-heading__side{
		margin-top:0!important;
	}

	.marona-home-services--editorial .marona-home-heading__side > p{
		max-width:100%!important;
		font-size:12.5px!important;
		line-height:1.9!important;
	}

	.marona-home-services--editorial .marona-home-section-link{
		margin-top:10px!important;
		font-size:13px!important;
		gap:8px!important;
	}

	/* Horizontal service catalogue. One card at a time with the next card peeking in. */
	.marona-home-services--editorial .marona-home-service-grid{
		display:flex!important;
		flex-direction:row!important;
		align-items:stretch!important;
		gap:14px!important;
		width:auto!important;
		margin-inline:calc(var(--marona-container-pad, 24px) * -1)!important;
		padding-inline:var(--marona-container-pad, 24px)!important;
		padding-bottom:12px!important;
		overflow-x:auto!important;
		overflow-y:visible!important;
		scroll-snap-type:x mandatory!important;
		scroll-padding-inline:var(--marona-container-pad, 24px)!important;
		-webkit-overflow-scrolling:touch!important;
		scrollbar-width:none!important;
		direction:rtl!important;
	}
	.marona-home-services--editorial .marona-home-service-grid::-webkit-scrollbar{
		display:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card,
	.marona-home-services--editorial .marona-home-service-card--1,
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
		position:relative!important;
		display:block!important;
		flex:0 0 min(79vw, 324px)!important;
		width:min(79vw, 324px)!important;
		min-width:0!important;
		min-height:0!important;
		margin:0!important;
		padding:0!important;
		background:transparent!important;
		border:0!important;
		border-radius:0!important;
		overflow:visible!important;
		scroll-snap-align:start!important;
		grid-column:auto!important;
		grid-row:auto!important;
		direction:rtl!important;
	}

	.marona-home-services--editorial .marona-home-service-card__link,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__link{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		padding:0!important;
		color:#202322!important;
		text-decoration:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__media{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		aspect-ratio:4 / 3!important;
		margin:0 0 16px!important;
		background:#d8d2c8!important;
		border-radius:2px!important;
		overflow:hidden!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media img,
	.marona-home-services--editorial .marona-home-service-card__surface{
		position:absolute!important;
		inset:0!important;
		display:block!important;
		width:100%!important;
		height:100%!important;
		object-fit:cover!important;
		object-position:center!important;
		filter:none!important;
		transform:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media::after{
		display:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__content,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__content{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		padding:0 2px 4px!important;
		color:#202322!important;
	}

	.marona-home-services--editorial .marona-home-service-card__eyebrow{
		display:block!important;
		margin:0 0 8px!important;
		font-size:8px!important;
		line-height:1!important;
		letter-spacing:.18em!important;
		color:var(--marona-green-deep)!important;
		direction:ltr!important;
		text-align:left!important;
	}

	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--1 h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		display:block!important;
		max-width:100%!important;
		margin:0!important;
		font-size:23px!important;
		line-height:1.48!important;
		font-weight:720!important;
		color:#202322!important;
		writing-mode:horizontal-tb!important;
		white-space:normal!important;
		text-wrap:balance!important;
	}

	.marona-home-services--editorial .marona-home-service-card p,
	.marona-home-services--editorial .marona-home-service-card--1 p,
	.marona-home-services--editorial .marona-home-service-card--2 p,
	.marona-home-services--editorial .marona-home-service-card--3 p,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) p{
		display:-webkit-box!important;
		max-width:100%!important;
		margin:9px 0 0!important;
		font-size:11.5px!important;
		line-height:1.85!important;
		color:rgba(32,35,34,.62)!important;
		-webkit-box-orient:vertical!important;
		-webkit-line-clamp:2!important;
		overflow:hidden!important;
		writing-mode:horizontal-tb!important;
		white-space:normal!important;
	}

	.marona-home-services--editorial .marona-home-service-card__cta-label{
		display:inline-flex!important;
		align-items:center!important;
		margin-top:12px!important;
		font-size:12px!important;
		font-weight:700!important;
		color:var(--marona-green-deep)!important;
	}

	/* Arrow is a clean SVG action, never an emoji/boxed glyph. */
	.marona-home-services--editorial .marona-home-service-card__arrow{
		position:static!important;
		display:inline-flex!important;
		align-items:center!important;
		justify-content:center!important;
		width:26px!important;
		height:26px!important;
		margin-top:10px!important;
		margin-right:8px!important;
		padding:0!important;
		border:0!important;
		border-radius:0!important;
		background:transparent!important;
		color:var(--marona-green-deep)!important;
		box-shadow:none!important;
		vertical-align:middle!important;
	}
	.marona-home-services--editorial .marona-home-service-card__arrow svg{
		width:15px!important;
		height:15px!important;
		stroke-width:1.6!important;
	}
}

@media (max-width: 390px) {
	.marona-home-services--editorial .marona-home-service-card,
	.marona-home-services--editorial .marona-home-service-card--1,
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
		flex-basis:min(82vw, 300px)!important;
		width:min(82vw, 300px)!important;
	}
	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--1 h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		font-size:21px!important;
	}
}


/* --------------------------------------------------------------------------
   Marona 1.0.54 — robust mobile services catalogue
   Mobile menu from 1.0.48 intentionally unchanged.
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
	/* Section header: compact, RTL, no oversized dead gap before services. */
	.marona-home-services--editorial{
		overflow:hidden!important;
		padding-bottom:56px!important;
	}
	.marona-home-services--editorial .marona-home-heading--editorial{
		display:block!important;
		margin-bottom:28px!important;
	}
	.marona-home-services--editorial .marona-home-heading--editorial > div:first-child{
		width:100%!important;
	}
	.marona-home-services--editorial .marona-home-heading__side{
		width:100%!important;
		margin-top:14px!important;
	}
	.marona-home-services--editorial .marona-home-heading__side > p{
		max-width:100%!important;
		font-size:12.5px!important;
		line-height:1.9!important;
	}
	.marona-home-services--editorial .marona-home-section-link{
		margin-top:10px!important;
		font-size:13px!important;
	}

	/* Stable composition: one featured service + a compact 2-column visual catalogue. */
	.marona-home-services--editorial .marona-home-service-grid{
		display:grid!important;
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		grid-auto-flow:row!important;
		grid-auto-rows:auto!important;
		gap:26px 12px!important;
		width:100%!important;
		max-width:100%!important;
		margin:0!important;
		padding:0!important;
		overflow:visible!important;
		direction:rtl!important;
	}

	.marona-home-services--editorial .marona-home-service-card,
	.marona-home-services--editorial .marona-home-service-card--1,
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
		position:relative!important;
		display:block!important;
		grid-column:auto!important;
		grid-row:auto!important;
		width:100%!important;
		min-width:0!important;
		min-height:0!important;
		margin:0!important;
		padding:0!important;
		background:transparent!important;
		border:0!important;
		border-radius:0!important;
		overflow:visible!important;
		color:#202322!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1{
		grid-column:1 / -1!important;
	}

	.marona-home-services--editorial .marona-home-service-card__link,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__link{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		padding:0!important;
		color:#202322!important;
		text-decoration:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__media{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		aspect-ratio:1 / 1!important;
		margin:0 0 12px!important;
		background:#d9d4ca!important;
		border-radius:2px!important;
		overflow:hidden!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__media{
		aspect-ratio:16 / 9!important;
		margin-bottom:16px!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media::after{
		display:none!important;
		content:none!important;
	}
	.marona-home-services--editorial .marona-home-service-card__media img,
	.marona-home-services--editorial .marona-home-service-card__surface{
		position:absolute!important;
		inset:0!important;
		display:block!important;
		width:100%!important;
		height:100%!important;
		object-fit:cover!important;
		object-position:center!important;
		filter:none!important;
		transform:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__content,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__content{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		width:100%!important;
		padding:0!important;
		color:#202322!important;
	}

	.marona-home-services--editorial .marona-home-service-card__eyebrow{
		display:block!important;
		margin:0 0 7px!important;
		font-size:7.5px!important;
		line-height:1!important;
		letter-spacing:.17em!important;
		color:var(--marona-green-deep)!important;
		direction:ltr!important;
		text-align:left!important;
	}

	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		display:block!important;
		max-width:100%!important;
		margin:0!important;
		font-size:17px!important;
		line-height:1.48!important;
		font-weight:720!important;
		color:#202322!important;
		writing-mode:horizontal-tb!important;
		white-space:normal!important;
		word-break:normal!important;
		overflow-wrap:normal!important;
		text-wrap:balance!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 h3{
		font-size:28px!important;
		line-height:1.42!important;
		max-width:330px!important;
	}

	/* Supporting services stay compact: image + title only. */
	.marona-home-services--editorial .marona-home-service-card:not(.marona-home-service-card--1) p,
	.marona-home-services--editorial .marona-home-service-card:not(.marona-home-service-card--1) .marona-home-service-card__cta-label,
	.marona-home-services--editorial .marona-home-service-card:not(.marona-home-service-card--1) .marona-home-service-card__arrow{
		display:none!important;
	}

	/* Featured service carries the story and CTA. */
	.marona-home-services--editorial .marona-home-service-card--1 p{
		display:-webkit-box!important;
		max-width:100%!important;
		margin:9px 0 0!important;
		font-size:12px!important;
		line-height:1.88!important;
		color:rgba(32,35,34,.64)!important;
		-webkit-box-orient:vertical!important;
		-webkit-line-clamp:3!important;
		overflow:hidden!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__cta-label{
		display:inline-flex!important;
		align-items:center!important;
		margin-top:11px!important;
		font-size:12px!important;
		font-weight:700!important;
		color:var(--marona-green-deep)!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__arrow{
		display:none!important;
	}
}

@media (max-width: 390px) {
	.marona-home-services--editorial .marona-home-service-grid{
		gap:24px 10px!important;
	}
	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		font-size:16px!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 h3{
		font-size:27px!important;
	}
}


/* --------------------------------------------------------------------------
   Marona 1.0.54 — mobile services cleanup
   Remove service numbering and CTA text per approved direction.
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
	.marona-home-services--editorial .marona-home-service-card__eyebrow,
	.marona-home-services--editorial .marona-home-service-card__cta-label,
	.marona-home-services--editorial .marona-home-service-card__arrow{
		display:none !important;
	}

	.marona-home-services--editorial .marona-home-service-card__content,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__content{
		padding-top:0 !important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 p{
		margin-top:12px !important;
	}
}


/* --------------------------------------------------------------------------
   Marona 1.0.54 — mobile services refinement
   - hide section/card CTA labels on mobile
   - equalized card spacing
   - featured card 16:9, others 1:1
   - softer card radius and shadow
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
	.marona-home-services--editorial .marona-home-heading--editorial{
		display:block!important;
		margin-bottom:22px!important;
	}

	.marona-home-services--editorial .marona-home-heading__side{
		margin-top:12px!important;
	}

	.marona-home-services--editorial .marona-home-section-link,
	.marona-home-services--editorial .marona-home-service-card__eyebrow,
	.marona-home-services--editorial .marona-home-service-card__cta-label,
	.marona-home-services--editorial .marona-home-service-card__arrow{
		display:none!important;
	}

	.marona-home-services--editorial .marona-home-service-grid{
		display:grid!important;
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		align-items:start!important;
		gap:18px 14px!important;
		width:100%!important;
		max-width:100%!important;
		margin:0!important;
		padding:0!important;
		overflow:visible!important;
		direction:rtl!important;
	}

	.marona-home-services--editorial .marona-home-service-card,
	.marona-home-services--editorial .marona-home-service-card--1,
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
		display:block!important;
		grid-column:auto!important;
		grid-row:auto!important;
		width:100%!important;
		min-width:0!important;
		min-height:0!important;
		margin:0!important;
		padding:0!important;
		background:#f7f4ee!important;
		border:1px solid rgba(32,35,34,.08)!important;
		border-radius:14px!important;
		box-shadow:0 10px 26px rgba(17,22,19,.07)!important;
		overflow:hidden!important;
		color:#202322!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1{
		grid-column:1 / -1!important;
	}

	.marona-home-services--editorial .marona-home-service-card__link,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__link{
		position:relative!important;
		inset:auto!important;
		display:flex!important;
		flex-direction:column!important;
		align-items:stretch!important;
		justify-content:flex-start!important;
		width:100%!important;
		height:100%!important;
		min-height:100%!important;
		padding:0!important;
		color:#202322!important;
		text-decoration:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__media{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		aspect-ratio:1 / 1!important;
		margin:0!important;
		background:#d9d4ca!important;
		border-radius:0!important;
		overflow:hidden!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__media{
		aspect-ratio:16 / 9!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media::after{
		display:none!important;
		content:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media img,
	.marona-home-services--editorial .marona-home-service-card__surface{
		position:absolute!important;
		inset:0!important;
		display:block!important;
		width:100%!important;
		height:100%!important;
		object-fit:cover!important;
		object-position:center!important;
		filter:none!important;
		transform:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__content,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__content{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		width:100%!important;
		padding:14px 14px 16px!important;
		color:#202322!important;
	}

	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		display:-webkit-box!important;
		max-width:100%!important;
		margin:0!important;
		font-size:17px!important;
		line-height:1.5!important;
		font-weight:720!important;
		color:#202322!important;
		-webkit-box-orient:vertical!important;
		-webkit-line-clamp:2!important;
		overflow:hidden!important;
		white-space:normal!important;
		word-break:normal!important;
		text-wrap:balance!important;
		min-height:3em!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 h3{
		font-size:29px!important;
		line-height:1.38!important;
		-webkit-line-clamp:unset!important;
		overflow:visible!important;
		min-height:0!important;
	}

	.marona-home-services--editorial .marona-home-service-card:not(.marona-home-service-card--1) p{
		display:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 p{
		display:-webkit-box!important;
		max-width:100%!important;
		margin:10px 0 0!important;
		font-size:12px!important;
		line-height:1.9!important;
		color:rgba(32,35,34,.64)!important;
		-webkit-box-orient:vertical!important;
		-webkit-line-clamp:3!important;
		overflow:hidden!important;
	}
}

@media (max-width: 390px) {
	.marona-home-services--editorial .marona-home-service-grid{
		gap:16px 12px!important;
	}

	.marona-home-services--editorial .marona-home-service-card__content,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__content{
		padding:13px 12px 14px!important;
	}

	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		font-size:16px!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 h3{
		font-size:27px!important;
	}
}


/* --------------------------------------------------------------------------
   Marona 1.0.54 — final mobile services card system
   Featured 16:9 + compact two-column detail cards, equal rhythm, no CTAs.
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
	/* Header: no secondary button on mobile. Entire cards are already links. */
	.marona-home-services--editorial .marona-home-section-link{
		display:none!important;
	}

	.marona-home-services--editorial .marona-home-heading--editorial{
		margin-bottom:24px!important;
	}

	.marona-home-services--editorial .marona-home-heading__side{
		margin-top:12px!important;
	}

	/* Current homepage has six services. Mobile highlights five so the
	   featured card is followed by two complete 2-card rows. All services
	   remain available on /services/. 5 and 7 item configurations stay intact. */
	.marona-home-services--editorial .marona-home-service-grid.has-count-6 > .marona-home-service-card:nth-child(6){
		display:none!important;
	}

	.marona-home-services--editorial .marona-home-service-grid{
		display:grid!important;
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		grid-auto-rows:auto!important;
		align-items:stretch!important;
		gap:16px 14px!important;
		width:100%!important;
		max-width:100%!important;
		margin:0!important;
		padding:0!important;
		overflow:visible!important;
		direction:rtl!important;
	}

	.marona-home-services--editorial .marona-home-service-card,
	.marona-home-services--editorial .marona-home-service-card--1,
	.marona-home-services--editorial .marona-home-service-card--2,
	.marona-home-services--editorial .marona-home-service-card--3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4){
		display:block!important;
		grid-column:auto!important;
		grid-row:auto!important;
		width:100%!important;
		min-width:0!important;
		min-height:0!important;
		margin:0!important;
		padding:0!important;
		background:#faf8f3!important;
		border:1px solid rgba(24,37,32,.08)!important;
		border-radius:12px!important;
		box-shadow:0 7px 20px rgba(17,27,23,.055)!important;
		overflow:hidden!important;
		color:#202322!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1{
		grid-column:1 / -1!important;
	}

	.marona-home-services--editorial .marona-home-service-card__link,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__link{
		position:relative!important;
		inset:auto!important;
		display:flex!important;
		flex-direction:column!important;
		align-items:stretch!important;
		width:100%!important;
		height:100%!important;
		min-height:100%!important;
		padding:0!important;
		color:#202322!important;
		text-decoration:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__media{
		position:relative!important;
		inset:auto!important;
		display:block!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		aspect-ratio:1 / 1!important;
		margin:0!important;
		background:#d8d3c9!important;
		border-radius:0!important;
		overflow:hidden!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__media{
		aspect-ratio:16 / 9!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media::after{
		display:none!important;
		content:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__media img,
	.marona-home-services--editorial .marona-home-service-card__surface{
		position:absolute!important;
		inset:0!important;
		display:block!important;
		width:100%!important;
		height:100%!important;
		object-fit:cover!important;
		object-position:center!important;
		filter:none!important;
		transform:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card__content,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__content{
		position:relative!important;
		inset:auto!important;
		display:flex!important;
		flex-direction:column!important;
		flex:1 1 auto!important;
		width:100%!important;
		padding:13px 13px 15px!important;
		color:#202322!important;
	}

	/* Defensive removal for markup cached by page/CDN layers. */
	.marona-home-services--editorial .marona-home-service-card__eyebrow,
	.marona-home-services--editorial .marona-home-service-card__cta-label,
	.marona-home-services--editorial .marona-home-service-card__arrow{
		display:none!important;
	}

	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		display:-webkit-box!important;
		max-width:100%!important;
		min-height:3em!important;
		margin:0!important;
		font-size:16.5px!important;
		line-height:1.5!important;
		font-weight:720!important;
		color:#202322!important;
		-webkit-box-orient:vertical!important;
		-webkit-line-clamp:2!important;
		overflow:hidden!important;
		white-space:normal!important;
		word-break:normal!important;
		text-wrap:balance!important;
	}

	/* Compact, useful summary under every supporting service. */
	.marona-home-services--editorial .marona-home-service-card:not(.marona-home-service-card--1) p{
		display:-webkit-box!important;
		min-height:3.55em!important;
		max-width:100%!important;
		margin:7px 0 0!important;
		font-size:10.8px!important;
		line-height:1.78!important;
		color:rgba(32,35,34,.58)!important;
		-webkit-box-orient:vertical!important;
		-webkit-line-clamp:2!important;
		overflow:hidden!important;
		white-space:normal!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__content{
		padding:16px 16px 18px!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 h3{
		display:block!important;
		max-width:360px!important;
		min-height:0!important;
		margin:0!important;
		font-size:28px!important;
		line-height:1.4!important;
		font-weight:720!important;
		-webkit-line-clamp:unset!important;
		overflow:visible!important;
	}

	.marona-home-services--editorial .marona-home-service-card--1 p{
		display:-webkit-box!important;
		min-height:0!important;
		max-width:100%!important;
		margin:9px 0 0!important;
		font-size:12px!important;
		line-height:1.88!important;
		color:rgba(32,35,34,.62)!important;
		-webkit-box-orient:vertical!important;
		-webkit-line-clamp:3!important;
		overflow:hidden!important;
	}
}

@media (max-width: 390px) {
	.marona-home-services--editorial .marona-home-service-grid{
		gap:14px 12px!important;
	}
	.marona-home-services--editorial .marona-home-service-card__content,
	.marona-home-services--editorial .marona-home-service-card--1 .marona-home-service-card__content{
		padding:12px 11px 14px!important;
	}
	.marona-home-services--editorial .marona-home-service-card h3,
	.marona-home-services--editorial .marona-home-service-card--2 h3,
	.marona-home-services--editorial .marona-home-service-card--3 h3,
	.marona-home-services--editorial .marona-home-service-card:nth-child(n+4) h3{
		font-size:15.5px!important;
	}
	.marona-home-services--editorial .marona-home-service-card:not(.marona-home-service-card--1) p{
		font-size:10.4px!important;
	}
	.marona-home-services--editorial .marona-home-service-card--1 h3{
		font-size:27px!important;
	}
}

/* --------------------------------------------------------------------------
   Marona 1.0.54 — isolated mobile services renderer
   Desktop services stay untouched. Mobile uses its own markup.
   -------------------------------------------------------------------------- */
.marona-home-service-mobile{display:none}

@media (max-width:640px){
	.marona-home-services--editorial .marona-home-service-grid--desktop{display:none!important}
	.marona-home-services--editorial .marona-home-section-link{display:none!important}

	.marona-home-service-mobile{
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:16px 14px;
		width:100%;
		margin:0;
		padding:0;
		direction:rtl;
	}
	.marona-home-service-mobile__card{
		min-width:0;
		background:#faf8f3;
		border:1px solid rgba(24,37,32,.08);
		border-radius:12px;
		box-shadow:0 8px 22px rgba(17,27,23,.055);
		overflow:hidden;
	}
	.marona-home-service-mobile__card.is-featured{grid-column:1/-1}
	.marona-home-service-mobile__card>a{
		display:flex;
		flex-direction:column;
		height:100%;
		color:#202322;
		text-decoration:none;
	}
	.marona-home-service-mobile__media{
		position:relative;
		width:100%;
		aspect-ratio:1/1;
		background:#d9d4ca;
		overflow:hidden;
	}
	.marona-home-service-mobile__card.is-featured .marona-home-service-mobile__media{aspect-ratio:16/9}
	.marona-home-service-mobile__media img,
	.marona-home-service-mobile__placeholder{
		position:absolute;
		inset:0;
		display:block;
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:center;
	}
	.marona-home-service-mobile__placeholder{background:linear-gradient(145deg,#d8d2c8,#c9c3b9)}
	.marona-home-service-mobile__body{
		display:flex;
		flex-direction:column;
		flex:1 1 auto;
		padding:13px 13px 15px;
	}
	.marona-home-service-mobile__body h3{
		display:-webkit-box;
		min-height:3em;
		margin:0;
		font-family:var(--marona-font-heading);
		font-size:16.5px;
		font-weight:720;
		line-height:1.5;
		color:#202322;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		overflow:hidden;
		text-wrap:balance;
	}
	.marona-home-service-mobile__body p{
		display:-webkit-box;
		min-height:3.55em;
		margin:7px 0 0;
		font-size:10.8px;
		line-height:1.78;
		color:rgba(32,35,34,.58);
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		overflow:hidden;
	}
	.marona-home-service-mobile__card.is-featured .marona-home-service-mobile__body{padding:16px 16px 18px}
	.marona-home-service-mobile__card.is-featured .marona-home-service-mobile__body h3{
		display:block;
		min-height:0;
		font-size:28px;
		line-height:1.4;
		overflow:visible;
	}
	.marona-home-service-mobile__card.is-featured .marona-home-service-mobile__body p{
		min-height:0;
		margin-top:9px;
		font-size:12px;
		line-height:1.88;
		-webkit-line-clamp:3;
	}
}
@media(max-width:390px){
	.marona-home-service-mobile{gap:14px 12px}
	.marona-home-service-mobile__body{padding:12px 11px 14px}
	.marona-home-service-mobile__body h3{font-size:15.5px}
	.marona-home-service-mobile__body p{font-size:10.4px}
	.marona-home-service-mobile__card.is-featured .marona-home-service-mobile__body h3{font-size:27px}
}

/* --------------------------------------------------------------------------
   Marona 1.0.54 — desktop menu refinement + compact mobile Method path
   -------------------------------------------------------------------------- */

.marona-method__mobile-path{display:none}

/* Desktop header: slightly stronger brand presence. */
@media (min-width: 641px){
	#mro-theme-header .mro-theme-brand,
	#mro-theme-header .mro-theme-brand__image{
		width:184px!important;
		max-width:184px!important;
	}
	#mro-theme-header .mro-theme-brand{
		gap:7px!important;
	}
	#mro-theme-header .mro-theme-brand__descriptor{
		font-size:10px!important;
		letter-spacing:.245em!important;
	}

	/* Desktop drawer: compact two-column architectural grid. */
	.mro-theme-mobile-drawer{
		width:min(430px,100vw)!important;
		padding:30px 28px 24px!important;
		background:#f5f2ec!important;
	}
	.mro-theme-mobile-drawer__head{
		display:flex!important;
		align-items:flex-start!important;
		justify-content:space-between!important;
		direction:ltr!important;
		min-height:68px!important;
		padding:0 0 18px!important;
		border-bottom:1px solid rgba(32,35,34,.11)!important;
	}
	.mro-theme-mobile-drawer__brand{
		width:168px!important;
		margin:0!important;
		align-items:flex-start!important;
		gap:6px!important;
	}
	.mro-theme-mobile-drawer__brand img{
		width:168px!important;
		max-height:55px!important;
		object-position:left center!important;
	}
	.mro-theme-mobile-drawer__brand small{
		font-size:7.6px!important;
		letter-spacing:.21em!important;
	}
	.mro-theme-mobile-close{
		width:44px!important;
		height:44px!important;
		margin:-2px -5px 0 0!important;
		flex:0 0 44px!important;
	}

	.mro-theme-mobile-nav{
		padding:18px 0 12px!important;
	}
	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		display:grid!important;
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:0!important;
		align-items:stretch!important;
	}
	.mro-theme-mobile-nav li{
		margin:0!important;
		padding:0!important;
		min-width:0!important;
	}
	.mro-theme-mobile-nav li.is-home-link{display:none!important}
	.mro-theme-mobile-nav li:not(.is-secondary){
		border-bottom:1px solid rgba(32,35,34,.10)!important;
	}
	.mro-theme-mobile-nav li:not(.is-secondary):nth-child(odd){
		border-left:1px solid rgba(32,35,34,.10)!important;
	}
	.mro-theme-mobile-nav a,
	.mro-theme-mobile-nav li.is-secondary > a{
		display:flex!important;
		align-items:center!important;
		justify-content:flex-start!important;
		width:100%!important;
		min-height:54px!important;
		padding:8px 16px!important;
		background:transparent!important;
		border:0!important;
		border-radius:0!important;
		text-align:right!important;
		line-height:1.4!important;
	}
	.mro-theme-mobile-nav a{
		font-size:19px!important;
		font-weight:720!important;
		color:#202322!important;
	}
	.mro-theme-mobile-nav a::after{display:none!important;content:none!important}

	/* Secondary navigation is visibly separate but remains compact. */
	.mro-theme-mobile-nav li.is-secondary-first{
		grid-column:auto!important;
		margin-top:14px!important;
		padding-top:10px!important;
		border-top:1px solid rgba(32,35,34,.11)!important;
	}
	.mro-theme-mobile-nav li.is-secondary-first + li.is-secondary{
		margin-top:14px!important;
		padding-top:10px!important;
		border-top:1px solid rgba(32,35,34,.11)!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a{
		min-height:46px!important;
		padding-inline:16px!important;
		font-size:15.5px!important;
		font-weight:600!important;
		color:rgba(32,35,34,.66)!important;
	}
	.mro-theme-mobile-nav li.is-secondary:last-child{
		grid-column:1 / -1!important;
		border-bottom:1px solid rgba(32,35,34,.10)!important;
	}
	.mro-theme-mobile-nav li.is-secondary:last-child > a{
		justify-content:center!important;
		text-align:center!important;
		min-height:48px!important;
	}

	/* Footer CTAs are deliberately narrower than the drawer. */
	.mro-theme-mobile-drawer__footer{
		margin-top:auto!important;
		padding-top:18px!important;
		gap:9px!important;
		border-top:0!important;
	}
	.mro-theme-mobile-drawer__actions,
	.mro-theme-mobile-drawer__whatsapp,
	.mro-theme-mobile-drawer__socials{
		width:74%!important;
		max-width:285px!important;
		margin-inline:auto!important;
	}
	.mro-theme-mobile-drawer__actions{
		display:grid!important;
		grid-template-columns:1fr!important;
		gap:8px!important;
	}
	.mro-drawer-action,
	.mro-theme-mobile-drawer__whatsapp{
		min-height:46px!important;
		border-radius:2px!important;
		font-size:12px!important;
		box-shadow:none!important;
	}
	.mro-theme-mobile-drawer__socials{
		justify-content:center!important;
	}
}

/* Desktop project-process animation: one-shot, never rewinds when scrolling back. */
@media (min-width: 641px){
	.marona-process-ready .marona-home-process__step{
		opacity:.34;
		transform:none;
	}
	.marona-process-ready .marona-home-process__step.is-complete{
		opacity:.76;
	}
	.marona-process-ready .marona-home-process__step.is-complete::before{
		border-color:rgba(243,239,231,.70);
	}
	.marona-process-ready .marona-home-process__step.is-active{
		opacity:1;
		transform:translateX(-8px);
	}
	.marona-process-ready.is-complete .marona-home-process__step.is-complete:not(.is-active){
		opacity:.78;
	}
}

/* Mobile Method: a compact S-path timeline instead of four large cards. */
@media (max-width: 640px){
	.marona-method::after{display:none!important}
	.marona-method__layout{
		display:block!important;
		padding-block:28px 24px!important;
	}
	.marona-method__intro{
		padding:0!important;
		margin:0 0 16px!important;
	}
	.marona-method__eyebrow,
	.marona-method .marona-method__eyebrow{
		font-size:9px!important;
		letter-spacing:.20em!important;
	}
	.marona-method__intro > strong,
	.marona-method .marona-method__intro > strong{
		max-width:315px!important;
		margin-top:10px!important;
		font-size:20px!important;
		line-height:1.55!important;
	}
	.marona-method__rail{
		position:relative!important;
		display:block!important;
		height:286px!important;
		margin:0!important;
		padding:0!important;
		overflow:hidden!important;
	}
	.marona-method__rail::before,
	.marona-method__rail::after{display:none!important;content:none!important}
	.marona-method__mobile-path{
		position:absolute;
		inset:0;
		display:block;
		width:100%;
		height:100%;
		pointer-events:none;
		overflow:visible;
	}
	.marona-method__mobile-path-base,
	.marona-method__mobile-path-progress{
		fill:none;
		stroke-linecap:round;
		stroke-linejoin:round;
		vector-effect:non-scaling-stroke;
	}
	.marona-method__mobile-path-base{
		stroke:rgba(255,255,255,.11);
		stroke-width:1.15;
	}
	.marona-method__mobile-path-progress{
		stroke:rgba(243,239,231,.72);
		stroke-width:1.35;
		stroke-dasharray:760;
		stroke-dashoffset:760;
		transition:stroke-dashoffset 1.45s cubic-bezier(.22,.61,.36,1) .12s;
	}
	.marona-method.is-inview .marona-method__mobile-path-progress{
		stroke-dashoffset:0;
	}
	.marona-method__item{
		position:absolute!important;
		display:block!important;
		width:44%!important;
		min-height:0!important;
		margin:0!important;
		padding:0!important;
		border:0!important;
		background:transparent!important;
		backdrop-filter:none!important;
		text-align:right!important;
		opacity:0!important;
		transform:translateY(8px)!important;
		transition:opacity .42s ease,transform .48s cubic-bezier(.22,.61,.36,1)!important;
	}
	.marona-method.is-inview .marona-method__item{
		opacity:1!important;
		transform:none!important;
	}
	.marona-method__item:nth-of-type(2){right:2%;top:5px;transition-delay:.16s!important}
	.marona-method__item:nth-of-type(3){left:2%;top:73px;transition-delay:.32s!important}
	.marona-method__item:nth-of-type(4){right:2%;top:145px;transition-delay:.48s!important}
	.marona-method__item:nth-of-type(5){left:2%;top:217px;transition-delay:.64s!important}
	.marona-method__item::before{
		content:""!important;
		position:absolute!important;
		top:8px!important;
		width:8px!important;
		height:8px!important;
		border:1px solid rgba(255,255,255,.68)!important;
		border-radius:50%!important;
		background:#10221c!important;
		box-shadow:0 0 0 4px #10221c!important;
	}
	.marona-method__item:nth-of-type(2)::before,
	.marona-method__item:nth-of-type(4)::before{left:-15px!important;right:auto!important;transform:none!important}
	.marona-method__item:nth-of-type(3)::before,
	.marona-method__item:nth-of-type(5)::before{right:-15px!important;left:auto!important;transform:none!important}
	.marona-method__item > strong,
	.marona-method .marona-method__item > strong{
		display:block!important;
		margin:0!important;
		font-size:15px!important;
		line-height:1.5!important;
		font-weight:700!important;
		text-align:right!important;
	}
	.marona-method__item > span,
	.marona-method .marona-method__item > span{
		display:block!important;
		margin-top:4px!important;
		font-size:10.5px!important;
		line-height:1.65!important;
		color:rgba(255,255,255,.48)!important;
		text-align:right!important;
	}
}

@media (prefers-reduced-motion: reduce){
	.marona-method__mobile-path-progress{stroke-dashoffset:0!important;transition:none!important}
	.marona-method__item{opacity:1!important;transform:none!important;transition:none!important}
}


/* --------------------------------------------------------------------------
   Marona 1.0.55 — off-canvas menu structural fix
   First 4 items = 2×2 grid, next 3 items = stacked full-width rows.
   Keeps brand left and close button right.
-------------------------------------------------------------------------- */
.mro-theme-mobile-drawer__head{
	display:flex!important;
	align-items:flex-start!important;
	justify-content:space-between!important;
	gap:16px!important;
	padding:0 0 18px!important;
}
.mro-theme-mobile-drawer__brand{
	display:flex!important;
	flex-direction:column!important;
	align-items:flex-start!important;
	justify-content:flex-start!important;
	width:152px!important;
	max-width:calc(100% - 60px)!important;
	text-decoration:none!important;
	color:#202322!important;
	flex:0 1 auto!important;
}
.mro-theme-mobile-drawer__brand img{
	display:block!important;
	width:152px!important;
	height:auto!important;
	max-width:100%!important;
}
.mro-theme-mobile-drawer__brand small{
	display:block!important;
	margin-top:6px!important;
	font-size:7px!important;
	letter-spacing:.21em!important;
	line-height:1.2!important;
	color:rgba(32,35,34,.52)!important;
}
.mro-theme-mobile-close{
	margin:-2px 0 0!important;
	flex:0 0 44px!important;
	align-self:flex-start!important;
}

.mro-theme-mobile-nav{
	padding:16px 0 12px!important;
}
.mro-theme-mobile-nav ul,
.mro-theme-mobile-nav .menu,
.mro-theme-mobile-nav .mro-theme-nav__list,
.mro-theme-mobile-nav__list{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	gap:0!important;
	align-items:stretch!important;
}
.mro-theme-mobile-nav li{
	min-width:0!important;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}
.mro-theme-mobile-nav li::before{display:none!important;content:none!important}
.mro-theme-mobile-nav li.is-home-link{display:none!important}

/* Top block: exactly the first group of 4 menu items in a clean 2×2 matrix. */
.mro-theme-mobile-nav li:not(.is-secondary){
	grid-column:auto!important;
	outline:1px solid rgba(32,35,34,.11)!important;
	outline-offset:-1px!important;
	background:transparent!important;
}
.mro-theme-mobile-nav li:not(.is-secondary) > a{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:100%!important;
	min-height:56px!important;
	padding:14px 12px!important;
	background:transparent!important;
	border:0!important;
	border-radius:0!important;
	text-align:center!important;
	font-family:var(--marona-font-heading)!important;
	font-size:18px!important;
	font-weight:720!important;
	line-height:1.35!important;
	color:#202322!important;
	transform:none!important;
}

/* Secondary block: 3 items stacked, one per row. */
.mro-theme-mobile-nav li.is-secondary{
	grid-column:1 / -1!important;
	outline:none!important;
	border-top:1px solid rgba(32,35,34,.11)!important;
}
.mro-theme-mobile-nav li.is-secondary-first{
	margin-top:14px!important;
	padding-top:0!important;
	border-top:1px solid rgba(32,35,34,.11)!important;
}
.mro-theme-mobile-nav li.is-secondary > a{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:100%!important;
	min-height:48px!important;
	padding:10px 12px!important;
	background:transparent!important;
	border:0!important;
	border-radius:0!important;
	text-align:center!important;
	font-family:var(--marona-font-heading)!important;
	font-size:17px!important;
	font-weight:620!important;
	line-height:1.4!important;
	color:rgba(32,35,34,.66)!important;
	transform:none!important;
}
.mro-theme-mobile-nav li.is-secondary:last-child{
	border-bottom:1px solid rgba(32,35,34,.11)!important;
}
.mro-theme-mobile-nav a::after,
.mro-theme-mobile-nav li.is-secondary > a::after{
	display:none!important;
	content:none!important;
}
.mro-theme-mobile-nav a:hover,
.mro-theme-mobile-nav a:focus-visible,
.mro-theme-mobile-nav li.is-secondary > a:hover,
.mro-theme-mobile-nav li.is-secondary > a:focus-visible{
	color:#202322!important;
	transform:none!important;
	padding-right:inherit!important;
}

.mro-theme-mobile-drawer__footer{
	margin-top:auto!important;
	padding-top:18px!important;
	gap:10px!important;
	border-top:0!important;
}
.mro-theme-mobile-drawer__actions,
.mro-theme-mobile-drawer__whatsapp{
	width:100%!important;
	max-width:none!important;
	margin-inline:auto!important;
}
.mro-theme-mobile-drawer__actions{
	display:grid!important;
	grid-template-columns:1fr!important;
	gap:8px!important;
}
.mro-drawer-action,
.mro-theme-mobile-drawer__whatsapp{
	min-height:46px!important;
	border-radius:2px!important;
	justify-content:center!important;
	font-size:12px!important;
	box-shadow:none!important;
}
.mro-theme-mobile-drawer__socials{
	display:none!important;
}

@media (max-width: 480px){
	.mro-theme-mobile-drawer{
		padding:22px 22px 22px!important;
	}
	.mro-theme-mobile-drawer__brand,
	.mro-theme-mobile-drawer__brand img{
		width:146px!important;
	}
	.mro-theme-mobile-nav li:not(.is-secondary) > a{
		font-size:16px!important;
		min-height:54px!important;
		padding-inline:10px!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a{
		font-size:16px!important;
		min-height:46px!important;
	}
}


/* --------------------------------------------------------------------------
   Marona 1.0.56 — final menu polish + mobile Method removal
   -------------------------------------------------------------------------- */

/* Shared menu card language: soft cards, not table-like rectangles. */
.mro-theme-mobile-nav ul,
.mro-theme-mobile-nav .menu,
.mro-theme-mobile-nav .mro-theme-nav__list,
.mro-theme-mobile-nav__list{
	column-gap:10px!important;
	row-gap:10px!important;
}

.mro-theme-mobile-nav li:not(.is-secondary){
	outline:0!important;
	border:0!important;
	background:rgba(255,255,255,.48)!important;
	border-radius:11px!important;
	box-shadow:0 5px 16px rgba(19,27,23,.055)!important;
	overflow:hidden!important;
}

.mro-theme-mobile-nav li:not(.is-secondary) > a{
	min-height:58px!important;
	padding:13px 14px!important;
	border:1px solid rgba(32,35,34,.075)!important;
	border-radius:11px!important;
	background:transparent!important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.36)!important;
}

.mro-theme-mobile-nav li:not(.is-secondary):hover{
	box-shadow:0 8px 22px rgba(19,27,23,.075)!important;
}

/* Secondary group: stacked, quiet, explicitly RTL/right-aligned. */
.mro-theme-mobile-nav li.is-secondary,
.mro-theme-mobile-nav li.is-secondary-first,
.mro-theme-mobile-nav li.is-secondary-first + li.is-secondary,
.mro-theme-mobile-nav li.is-secondary:last-child{
	grid-column:1 / -1!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	outline:0!important;
	background:transparent!important;
	box-shadow:none!important;
}

.mro-theme-mobile-nav li.is-secondary-first{
	margin-top:8px!important;
	padding-top:10px!important;
	border-top:1px solid rgba(32,35,34,.09)!important;
}

.mro-theme-mobile-nav li.is-secondary > a,
.mro-theme-mobile-nav li.is-secondary:last-child > a{
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	min-height:43px!important;
	padding:7px 8px!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	text-align:right!important;
	direction:rtl!important;
	font-size:16px!important;
	font-weight:600!important;
	color:rgba(32,35,34,.63)!important;
}

.mro-theme-mobile-nav li.is-secondary > a:hover,
.mro-theme-mobile-nav li.is-secondary > a:focus-visible{
	color:#202322!important;
	background:rgba(255,255,255,.34)!important;
	border-radius:8px!important;
}

/* CTA treatment: softer card edges and shadow. */
.mro-drawer-action,
.mro-theme-mobile-drawer__whatsapp{
	border-radius:8px!important;
}
.mro-drawer-action--solid{
	box-shadow:0 7px 18px rgba(16,34,28,.10)!important;
}
.mro-drawer-action--outline,
.mro-theme-mobile-drawer__whatsapp{
	background:rgba(255,255,255,.58)!important;
	box-shadow:0 5px 15px rgba(19,27,23,.045)!important;
}

/* Desktop drawer: swap brand and close positions only on desktop. */
@media (min-width:641px){
	.mro-theme-mobile-drawer__head{
		direction:ltr!important;
	}
	.mro-theme-mobile-drawer__brand{
		order:2!important;
		margin-left:auto!important;
		margin-right:0!important;
		align-items:flex-end!important;
	}
	.mro-theme-mobile-drawer__brand small{
		text-align:right!important;
		align-self:flex-end!important;
	}
	.mro-theme-mobile-close{
		order:1!important;
		margin-left:0!important;
		margin-right:auto!important;
	}
}

/* Mobile: remove Marona Method for now until a replacement interaction is approved. */
@media (max-width:640px){
	.marona-method{
		display:none!important;
	}

	.mro-theme-mobile-nav ul,
	.mro-theme-mobile-nav .menu,
	.mro-theme-mobile-nav .mro-theme-nav__list,
	.mro-theme-mobile-nav__list{
		column-gap:10px!important;
		row-gap:10px!important;
	}

	.mro-theme-mobile-nav li:not(.is-secondary) > a{
		font-size:16.5px!important;
		min-height:56px!important;
	}
	.mro-theme-mobile-nav li.is-secondary > a,
	.mro-theme-mobile-nav li.is-secondary:last-child > a{
		font-size:16px!important;
		justify-content:flex-start!important;
		text-align:right!important;
	}
}


/* Marona 1.0.57 — stable reversible desktop process interaction. */
@media (min-width:641px){
	.marona-process-scroll .marona-home-process__steps::after{
		transition:height .14s linear!important;
	}
	.marona-process-scroll .marona-home-process__step{
		transition:opacity .24s ease,transform .28s cubic-bezier(.22,.61,.36,1),border-color .24s ease!important;
	}
	.marona-process-scroll .marona-home-process__step.is-complete:not(.is-active){
		opacity:.72!important;
		transform:none!important;
	}
	.marona-process-scroll .marona-home-process__step.is-active{
		opacity:1!important;
		transform:translateX(-8px)!important;
	}
	.marona-process-scroll .marona-home-process__step:not(.is-complete):not(.is-active){
		opacity:.34!important;
		transform:none!important;
	}
	.marona-process-scroll .marona-home-process__step{cursor:default;}
}


/* --------------------------------------------------------------------------
   Marona 1.0.59 — secondary menu cards + service label hard cleanup
   -------------------------------------------------------------------------- */

/* Secondary navigation: three quiet right-aligned cards, shared by phone/desktop drawer. */
.mro-theme-mobile-nav li.is-secondary,
.mro-theme-mobile-nav li.is-secondary-first,
.mro-theme-mobile-nav li.is-secondary-first + li.is-secondary,
.mro-theme-mobile-nav li.is-secondary:last-child{
	grid-column:1 / -1!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	outline:0!important;
	background:transparent!important;
	box-shadow:none!important;
}

.mro-theme-mobile-nav li.is-secondary-first{
	margin-top:10px!important;
}

.mro-theme-mobile-nav li.is-secondary > a,
.mro-theme-mobile-nav li.is-secondary:last-child > a{
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	width:100%!important;
	min-height:46px!important;
	padding:10px 14px!important;
	background:rgba(255,255,255,.34)!important;
	border:1px solid rgba(32,35,34,.055)!important;
	border-radius:9px!important;
	box-shadow:0 4px 12px rgba(19,27,23,.035)!important;
	text-align:right!important;
	direction:rtl!important;
	font-size:16px!important;
	font-weight:600!important;
	line-height:1.4!important;
	color:rgba(32,35,34,.68)!important;
	transform:none!important;
}

.mro-theme-mobile-nav li.is-secondary > a:hover,
.mro-theme-mobile-nav li.is-secondary > a:focus-visible{
	background:rgba(255,255,255,.58)!important;
	border-color:rgba(32,35,34,.085)!important;
	box-shadow:0 6px 16px rgba(19,27,23,.055)!important;
	color:#202322!important;
	transform:none!important;
}

.mro-theme-mobile-nav li.is-secondary > a::after,
.mro-theme-mobile-nav li.is-secondary:last-child > a::after{
	display:none!important;
	content:none!important;
}

/* Keep a small, consistent gap between the three secondary cards. */
.mro-theme-mobile-nav li.is-secondary + li.is-secondary{
	margin-top:7px!important;
}

/* Service cards: old cached/legacy rank labels must never reappear on mobile. */
@media (max-width:768px){
	.marona-home-services--editorial .marona-home-service-card__eyebrow,
	.marona-home-services--editorial .marona-home-service-card__cta-label,
	.marona-home-services--editorial .marona-home-service-card__arrow{
		display:none!important;
	}
	.marona-home-service-mobile__card::before,
	.marona-home-service-mobile__card::after,
	.marona-home-service-mobile__body::before,
	.marona-home-service-mobile__body::after,
	.marona-home-service-mobile__card > a::before,
	.marona-home-service-mobile__card > a::after{
		content:none!important;
		display:none!important;
	}
	.marona-home-services--editorial .marona-home-service-grid--desktop{
		display:none!important;
	}
	.marona-home-service-mobile{
		display:grid!important;
	}
}


/* --------------------------------------------------------------------------
   Marona 1.0.59 — slider number removal + secondary menu typography lock
   -------------------------------------------------------------------------- */

/* The stage no longer needs numeric labels. This is a CSS fallback for cached markup. */
.marona-stage__rail-item > i,
.marona-stage__progress{
	display:none!important;
}

/* Force all three secondary links to the exact same visual treatment. */
.mro-theme-mobile-nav li.is-secondary > a,
.mro-theme-mobile-nav li.is-secondary:first-of-type > a,
.mro-theme-mobile-nav li.is-secondary:last-child > a,
.mro-theme-mobile-nav li.is-secondary-first > a{
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	width:100%!important;
	min-height:46px!important;
	padding:10px 14px!important;
	margin:0!important;
	background:rgba(255,255,255,.34)!important;
	border:1px solid rgba(32,35,34,.055)!important;
	border-radius:9px!important;
	box-shadow:0 4px 12px rgba(19,27,23,.035)!important;
	font-family:var(--marona-font-heading)!important;
	font-size:16px!important;
	font-weight:600!important;
	font-style:normal!important;
	line-height:1.4!important;
	letter-spacing:0!important;
	text-align:right!important;
	direction:rtl!important;
	color:rgba(32,35,34,.68)!important;
	transform:none!important;
}
.mro-theme-mobile-nav li.is-secondary:last-child > a{
	font-size:16px!important;
	font-weight:600!important;
	min-height:46px!important;
	padding:10px 14px!important;
}

/* --------------------------------------------------------------------------
   Marona 1.0.60 — mobile process rebuilt as a compact scroll-reactive S path.
   Desktop process remains unchanged.
   -------------------------------------------------------------------------- */
.marona-home-process-mobile{display:none;}

@media (max-width:640px){
	.marona-home-process--editorial{
		padding:0!important;
		background:#0d201a!important;
	}
	.marona-home-process--editorial::before{
		display:none!important;
		content:none!important;
	}
	.marona-home-process__layout{
		display:none!important;
	}
	.marona-home-process-mobile{
		display:block!important;
		padding-top:38px!important;
		padding-bottom:34px!important;
	}
	.marona-home-process-mobile__heading{
		position:relative;
		z-index:2;
		padding:0!important;
		margin:0!important;
		text-align:right;
		direction:rtl;
	}
	.marona-home-process-mobile__heading .marona-eyebrow{
		margin:0 0 10px!important;
		font-size:9px!important;
		letter-spacing:.20em!important;
		color:rgba(243,239,231,.58)!important;
		direction:ltr;
		text-align:right;
	}
	.marona-home-process-mobile__heading h2{
		max-width:330px;
		margin:0!important;
		font-family:var(--marona-font-heading);
		font-size:clamp(34px,9.5vw,42px)!important;
		line-height:1.22!important;
		font-weight:760!important;
		color:#f3efe7!important;
	}
	.marona-home-process-mobile__heading > p:last-child{
		max-width:310px;
		margin:12px 0 0!important;
		font-size:12px!important;
		line-height:1.9!important;
		color:rgba(243,239,231,.50)!important;
	}
	.marona-home-process-mobile__track{
		position:relative;
		height:410px;
		margin-top:20px;
		overflow:hidden;
	}
	.marona-home-process-mobile__path{
		position:absolute;
		inset:0;
		display:block;
		width:100%;
		height:100%;
		overflow:visible;
		pointer-events:none;
	}
	.marona-home-process-mobile__path-base,
	.marona-home-process-mobile__path-progress{
		fill:none;
		stroke-linecap:round;
		stroke-linejoin:round;
		vector-effect:non-scaling-stroke;
	}
	.marona-home-process-mobile__path-base{
		stroke:rgba(243,239,231,.12);
		stroke-width:1.15;
	}
	.marona-home-process-mobile__path-progress{
		stroke:rgba(243,239,231,.82);
		stroke-width:1.45;
	}
	.marona-home-process-mobile__node{
		fill:#0d201a;
		stroke:rgba(243,239,231,.28);
		stroke-width:1.2;
		vector-effect:non-scaling-stroke;
		transition:fill .22s ease,stroke .22s ease,r .22s ease;
	}
	.marona-home-process-mobile__node.is-complete{
		stroke:rgba(243,239,231,.68);
	}
	.marona-home-process-mobile__node.is-active{
		fill:#f3efe7;
		stroke:#f3efe7;
		r:6;
	}
	.marona-home-process-mobile__step{
		position:absolute;
		width:43%;
		margin:0!important;
		padding:0!important;
		text-align:right;
		direction:rtl;
		opacity:.30;
		transform:translateY(4px);
		transition:opacity .22s ease,transform .28s cubic-bezier(.22,.61,.36,1);
	}
	.marona-home-process-mobile__step--1{right:0;top:23px;}
	.marona-home-process-mobile__step--2{left:0;top:99px;}
	.marona-home-process-mobile__step--3{right:0;top:199px;}
	.marona-home-process-mobile__step--4{left:0;top:302px;}
	.marona-home-process-mobile__step h3{
		margin:0!important;
		font-family:var(--marona-font-heading);
		font-size:18px!important;
		line-height:1.5!important;
		font-weight:690!important;
		color:rgba(243,239,231,.62)!important;
		transition:color .22s ease,transform .28s cubic-bezier(.22,.61,.36,1);
	}
	.marona-home-process-mobile__step p{
		margin:5px 0 0!important;
		font-size:10.5px!important;
		line-height:1.7!important;
		color:rgba(243,239,231,.36)!important;
		transition:color .22s ease;
	}
	.marona-home-process-mobile__step.is-complete{
		opacity:.66;
		transform:none;
	}
	.marona-home-process-mobile__step.is-active{
		opacity:1;
		transform:translateY(-2px);
	}
	.marona-home-process-mobile__step.is-active h3{
		color:#f3efe7!important;
		transform:translateX(-2px);
	}
	.marona-home-process-mobile__step.is-active p{
		color:rgba(243,239,231,.66)!important;
	}
}

@media (max-width:390px){
	.marona-home-process-mobile{
		padding-top:32px!important;
		padding-bottom:30px!important;
	}
	.marona-home-process-mobile__track{
		height:392px;
	}
	.marona-home-process-mobile__step{
		width:44%;
	}
	.marona-home-process-mobile__step h3{
		font-size:17px!important;
	}
	.marona-home-process-mobile__step p{
		font-size:10px!important;
	}
}

@media (prefers-reduced-motion:reduce){
	.marona-home-process-mobile__step{
		transition:none!important;
	}
	.marona-home-process-mobile__path-progress,
	.marona-home-process-mobile__node{
		transition:none!important;
	}
}


/* ==========================================================================
   Marona 1.1.0 — final homepage consultation + footer system
   Compact mobile conversion block, shorter branded footer, clearer section
   transition. Desktop structure remains intact; only tonal separation is
   strengthened globally.
   ========================================================================== */

#mro-theme-footer.mro-theme-footer {
	background:#151918 !important;
}

#mro-theme-footer .mro-footer-consultation {
	background:#1d2321 !important;
	border-bottom:1px solid rgba(255,255,255,.07) !important;
}

#mro-theme-footer .mro-footer-main {
	background:#151918;
}

#mro-theme-footer .mro-footer-bottom {
	background:#101312 !important;
	border-top:1px solid rgba(255,255,255,.065) !important;
}

#mro-theme-footer .mro-footer-whatsapp--mobile {
	display:none;
}

@media (max-width:700px) {
	/* Consultation: one strong message, compact contact cue, one primary CTA. */
	#mro-theme-footer .mro-footer-consultation__inner {
		min-height:0 !important;
		padding-block:38px 40px !important;
		gap:24px !important;
	}

	#mro-theme-footer .mro-footer-consultation__copy {
		width:100%;
	}

	#mro-theme-footer .mro-footer-kicker {
		margin-bottom:8px !important;
		font-size:9px !important;
		letter-spacing:.18em !important;
	}

	#mro-theme-footer .mro-footer-consultation__copy h2 {
		max-width:620px;
		margin:0 !important;
		font-size:clamp(29px,8.4vw,35px) !important;
		line-height:1.42 !important;
		text-wrap:balance;
	}

	#mro-theme-footer .mro-footer-consultation__copy > p:last-child {
		display:-webkit-box;
		max-width:100% !important;
		margin-top:10px !important;
		font-size:12.5px !important;
		line-height:1.9 !important;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		overflow:hidden;
	}

	#mro-theme-footer .mro-footer-consultation__actions {
		display:grid !important;
		grid-template-columns:1fr !important;
		align-items:stretch !important;
		gap:15px !important;
		width:100% !important;
	}

	#mro-theme-footer .mro-footer-phone {
		display:flex !important;
		align-items:center !important;
		justify-content:flex-start !important;
		gap:12px !important;
		min-width:0 !important;
		width:100% !important;
		padding:0 !important;
		text-align:right !important;
		direction:rtl !important;
	}

	#mro-theme-footer .mro-footer-phone strong {
		font-size:15px !important;
		line-height:1.5 !important;
		direction:ltr !important;
		text-align:right !important;
	}

	#mro-theme-footer .mro-footer-phone span {
		position:relative;
		padding-right:12px;
		font-size:10.5px !important;
		line-height:1.5 !important;
		white-space:nowrap;
	}

	#mro-theme-footer .mro-footer-phone span::before {
		content:"";
		position:absolute;
		right:0;
		top:50%;
		width:3px;
		height:3px;
		border-radius:50%;
		background:rgba(255,255,255,.34);
		transform:translateY(-50%);
	}

	#mro-theme-footer .mro-footer-consultation__actions .marona-button {
		min-height:52px !important;
		width:100% !important;
		padding:12px 18px !important;
		border-radius:8px !important;
		font-size:15px !important;
		box-shadow:none !important;
	}

	/* Footer brand becomes a concise identity block rather than a long intro. */
	#mro-theme-footer::before {
		inset:110px 0 36px !important;
		opacity:.12 !important;
	}

	#mro-theme-footer .mro-footer-main {
		padding-block:38px 32px !important;
	}

	#mro-theme-footer .mro-footer-grid {
		display:grid !important;
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
		gap:28px 20px !important;
		align-items:start !important;
	}

	#mro-theme-footer .mro-footer-brand {
		grid-column:1 / -1 !important;
	}

	#mro-theme-footer .mro-theme-footer__logo {
		width:190px !important;
		max-height:72px !important;
	}

	#mro-theme-footer .mro-footer-brand__title {
		margin-top:14px !important;
		font-size:18px !important;
		line-height:1.6 !important;
	}

	#mro-theme-footer .mro-footer-brand__text {
		display:-webkit-box;
		max-width:100% !important;
		margin-top:8px !important;
		font-size:12px !important;
		line-height:1.95 !important;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		overflow:hidden;
	}

	#mro-theme-footer .mro-footer-whatsapp--brand {
		display:none !important;
	}

	#mro-theme-footer .mro-footer-socials {
		display:none !important;
	}

	/* Navigation stays useful, but no longer dominates the long mobile footer. */
	#mro-theme-footer .mro-footer-nav-columns {
		grid-column:1 / -1 !important;
		display:grid !important;
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
		gap:20px !important;
		padding:0 !important;
	}

	#mro-theme-footer .mro-footer-nav-columns .mro-footer-column h3 {
		margin:0 0 12px !important;
		font-size:15px !important;
		line-height:1.6 !important;
	}

	#mro-theme-footer .mro-footer-nav-columns .mro-footer-column ul {
		display:grid !important;
		grid-template-rows:none !important;
		gap:7px !important;
	}

	#mro-theme-footer .mro-footer-nav-columns .mro-footer-column li:nth-child(n+5) {
		display:none !important;
	}

	#mro-theme-footer .mro-footer-nav-columns .mro-footer-column a {
		display:inline-flex;
		align-items:center;
		min-height:30px !important;
		font-size:11.5px !important;
		line-height:1.7 !important;
	}

	/* Lightweight WhatsApp action sits between navigation and contact details. */
	#mro-theme-footer .mro-footer-whatsapp--mobile {
		grid-column:1 / -1 !important;
		display:flex !important;
		align-items:center !important;
		justify-content:space-between !important;
		width:100% !important;
		min-height:46px !important;
		margin:0 !important;
		padding:2px 0 8px !important;
		border:0 !important;
		border-bottom:1px solid rgba(255,255,255,.16) !important;
		color:rgba(255,255,255,.84) !important;
		font-size:13px !important;
		font-weight:700 !important;
	}

	#mro-theme-footer .mro-footer-whatsapp--mobile svg {
		width:18px;
		height:18px;
		fill:none;
		stroke:currentColor;
		stroke-width:1.5;
		stroke-linecap:round;
		stroke-linejoin:round;
	}

	/* Contact details recompose into a compact 2-column utility grid. */
	#mro-theme-footer .mro-footer-contact {
		grid-column:1 / -1 !important;
		display:grid !important;
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
		gap:4px 18px !important;
		padding-top:22px !important;
		border-top:1px solid rgba(255,255,255,.075) !important;
	}

	#mro-theme-footer .mro-footer-contact > h3,
	#mro-theme-footer .mro-footer-contact .is-email,
	#mro-theme-footer .mro-footer-contact .is-address {
		grid-column:1 / -1 !important;
	}

	#mro-theme-footer .mro-footer-contact > h3 {
		margin:0 0 6px !important;
		font-size:17px !important;
	}

	#mro-theme-footer .mro-footer-contact__item {
		min-width:0 !important;
		min-height:40px !important;
		padding-block:7px !important;
		gap:9px !important;
		font-size:11.5px !important;
		line-height:1.65 !important;
	}

	#mro-theme-footer .mro-footer-contact__item svg {
		width:16px !important;
		height:16px !important;
		margin-top:2px !important;
	}

	#mro-theme-footer .mro-footer-contact__item small {
		font-size:9.5px !important;
	}

	#mro-theme-footer .mro-footer-contact .is-email span {
		font-size:11px !important;
		overflow-wrap:anywhere;
	}

	#mro-theme-footer .mro-footer-contact__address {
		max-width:100% !important;
		padding-top:10px !important;
	}

	/* Bottom bar is intentionally terse. */
	#mro-theme-footer .mro-footer-bottom__inner {
		min-height:0 !important;
		padding-block:14px 18px !important;
		gap:8px !important;
	}

	#mro-theme-footer .mro-footer-bottom__links {
		order:0 !important;
		gap:16px !important;
	}

	#mro-theme-footer .mro-footer-bottom p,
	#mro-theme-footer .mro-footer-bottom__links a {
		font-size:9.5px !important;
		line-height:1.6 !important;
	}

	#mro-theme-footer .mro-footer-bottom__links a {
		min-height:30px !important;
	}
}

@media (max-width:380px) {
	#mro-theme-footer .mro-footer-contact {
		grid-template-columns:1fr !important;
	}

	#mro-theme-footer .mro-footer-contact > h3,
	#mro-theme-footer .mro-footer-contact .is-email,
	#mro-theme-footer .mro-footer-contact .is-address {
		grid-column:auto !important;
	}
}


/* ==========================================================================
   Marona 1.1.1 — final footer micro-polish
   Mobile only: tighter brand scale and grouped WhatsApp CTA affordance.
   ========================================================================== */
@media (max-width:700px) {
	#mro-theme-footer .mro-theme-footer__logo {
		width:174px !important;
		max-height:66px !important;
	}

	#mro-theme-footer .mro-footer-whatsapp--mobile {
		justify-content:flex-start !important;
		gap:10px !important;
		direction:rtl !important;
	}

	#mro-theme-footer .mro-footer-whatsapp--mobile svg {
		flex:0 0 18px !important;
	}
}

/* ==========================================================================
   Marona 1.1.2 — mobile surface transitions
   Reusable tonal bridge for dark-green sections flowing into charcoal footer
   surfaces. Applied to the homepage footer; available to other pages later.
   ========================================================================== */
@media (max-width:700px) {
	/* Generic utility: use on a footer/section that follows Marona deep green. */
	.mro-mobile-transition-green-charcoal .mro-footer-consultation {
		background:
			linear-gradient(
				180deg,
				#0d201a 0,
				#14231f 24px,
				#1a2421 48px,
				#1d2321 68px,
				#1d2321 100%
			) !important;
		border-bottom:0 !important;
	}

	/* Keep consultation copy off the transition band. */
	.mro-mobile-transition-green-charcoal .mro-footer-consultation__inner {
		padding-top:58px !important;
		padding-bottom:40px !important;
	}

	/* Consultation -> footer is intentionally subtler than green -> charcoal. */
	.mro-mobile-transition-green-charcoal .mro-footer-main {
		background:
			linear-gradient(
				180deg,
				#1d2321 0,
				#191e1c 18px,
				#151918 34px,
				#151918 100%
			) !important;
	}

	/* No hard separator where the two dark surfaces meet. */
	.mro-mobile-transition-green-charcoal .mro-footer-main,
	.mro-mobile-transition-green-charcoal .mro-footer-consultation {
		box-shadow:none !important;
	}
}

/* ==========================================================================
   Marona 1.1.3 — large desktop header safe-area
   Keep hero/content containers editorially constrained, while the header
   brand and navigation control use the full viewport on large displays.
   ========================================================================== */
@media (min-width:1440px) {
	#mro-theme-header .mro-theme-header__inner {
		width:100% !important;
		max-width:none !important;
		margin-inline:0 !important;
		padding-inline:clamp(40px,4vw,80px) !important;
		box-sizing:border-box !important;
	}
}

/* ==========================================================================
   Marona 1.1.4 — fast compositor-only menu motion
   Keep the 1.1.3 large-screen header placement and hero rail unchanged.
   The drawer now animates only transform; the desktop dimmer animates only
   opacity, with expensive full-viewport backdrop blur removed for Chrome.
   ========================================================================== */
.mro-theme-mobile-drawer {
	transform:translate3d(104%,0,0) !important;
	transition:
		transform .26s cubic-bezier(.22,.78,.22,1),
		visibility 0s linear .26s !important;
	will-change:transform;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

body.mro-theme-menu-open .mro-theme-mobile-drawer,
.mro-theme-mobile-drawer.is-open {
	transform:translate3d(0,0,0) !important;
	transition:
		transform .26s cubic-bezier(.22,.78,.22,1),
		visibility 0s linear 0s !important;
}

.mro-theme-mobile-overlay {
	-webkit-backdrop-filter:none !important;
	backdrop-filter:none !important;
	background:rgba(13,16,15,.40) !important;
	transition:
		opacity .18s ease-out,
		visibility 0s linear .18s !important;
	will-change:opacity;
}

body.mro-theme-menu-open .mro-theme-mobile-overlay,
.mro-theme-mobile-overlay.is-open {
	transition:
		opacity .18s ease-out,
		visibility 0s linear 0s !important;
}

@media (min-width:641px) {
	.mro-theme-mobile-drawer {
		box-shadow:-16px 0 38px rgba(0,0,0,.10) !important;
	}
}

@media (max-width:640px) {
	/* Full-screen phone drawer keeps its current composition; only motion speed changes. */
	.mro-theme-mobile-drawer {
		transform:translate3d(100%,0,0) !important;
		transition:
			transform .24s cubic-bezier(.22,.78,.22,1),
			visibility 0s linear .24s !important;
	}

	body.mro-theme-menu-open .mro-theme-mobile-drawer,
	.mro-theme-mobile-drawer.is-open {
		transform:translate3d(0,0,0) !important;
		transition:
			transform .24s cubic-bezier(.22,.78,.22,1),
			visibility 0s linear 0s !important;
	}
}

@media (prefers-reduced-motion:reduce) {
	.mro-theme-mobile-drawer,
	.mro-theme-mobile-overlay,
	body.mro-theme-menu-open .mro-theme-mobile-drawer,
	body.mro-theme-menu-open .mro-theme-mobile-overlay,
	.mro-theme-mobile-drawer.is-open,
	.mro-theme-mobile-overlay.is-open {
		transition-duration:.01ms !important;
		transition-delay:0s !important;
	}
}

/* ==========================================================================
   Marona 1.2.2 — universal inner-page image Hero
   All standard pages, articles, Marona CPT singles and archive surfaces share
   one immersive Featured Image header so the brand/logo and menu sit directly
   on photography, matching the Homepage Stage language.
   ========================================================================== */

body.marona-context-hero-active #mro-theme-header.mro-theme-header--overlay {
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	right:0 !important;
	background:transparent !important;
	border-bottom-color:transparent !important;
	box-shadow:none !important;
	-webkit-backdrop-filter:none !important;
	backdrop-filter:none !important;
}

body.admin-bar.marona-context-hero-active #mro-theme-header.mro-theme-header--overlay {
	top:32px !important;
}

body.marona-context-hero-active #mro-theme-header.mro-theme-header--overlay .mro-theme-menu-toggle {
	color:#fff !important;
}

body.marona-context-hero-active #mro-theme-header.mro-theme-header--overlay .mro-theme-brand__descriptor {
	color:rgba(255,255,255,.72) !important;
}

body.marona-context-hero-active #mro-theme-header.mro-theme-header--overlay .mro-theme-brand__image {
	mix-blend-mode:normal !important;
}

.marona-context-hero {
	position:relative;
	isolation:isolate;
	width:100%;
	height:clamp(560px,72svh,790px);
	min-height:560px;
	margin:0;
	overflow:hidden;
	background:#10221c;
	color:#fff;
}

.marona-context-hero__media,
.marona-context-hero__media picture,
.marona-context-hero__media img {
	position:absolute;
	inset:0;
	display:block;
	width:100%;
	height:100%;
}

.marona-context-hero__media {
	z-index:-3;
	background:#10221c;
}

.marona-context-hero__media img {
	object-fit:cover;
	object-position:var(--mro-context-image-position,center) center;
	transform:scale(1.002);
}

.marona-context-hero__shade {
	position:absolute;
	inset:0;
	z-index:-2;
	pointer-events:none;
	background:
		linear-gradient(90deg,rgba(7,12,10,.14) 0%,rgba(7,12,10,.20) 36%,rgba(7,12,10,.58) 70%,rgba(7,12,10,.84) 100%),
		linear-gradient(180deg,rgba(8,14,12,.24) 0%,rgba(8,14,12,.04) 36%,rgba(8,14,12,.34) 100%);
}

.marona-context-hero__shade::after {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(0,0,0,.14),transparent 24%,transparent 76%,rgba(0,0,0,.18));
}

.marona-context-hero__inner {
	height:100%;
	min-height:inherit;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding-top:92px;
	padding-bottom:58px;
	box-sizing:border-box;
}

.marona-context-hero__copy {
	width:min(660px,48vw);
	margin-left:auto;
	margin-right:0;
	direction:rtl;
	text-align:right;
}

.marona-context-hero__eyebrow {
	margin:0 0 18px;
	font-family:var(--marona-font-display);
	font-size:10px;
	font-weight:600;
	line-height:1.2;
	letter-spacing:.24em;
	color:rgba(255,255,255,.76);
	text-align:right;
}

.marona-context-hero__title {
	margin:0;
	max-width:100%;
	font-family:var(--marona-font-heading);
	font-size:clamp(46px,4.7vw,78px);
	font-weight:800;
	line-height:1.22;
	letter-spacing:-.035em;
	color:#fff;
	text-wrap:balance;
}

.marona-context-hero__title-mobile {
	display:none;
}

.marona-context-hero__lead {
	max-width:610px;
	margin:24px 0 0;
	font-size:clamp(14px,1.15vw,18px);
	font-weight:400;
	line-height:2;
	color:rgba(255,255,255,.74);
}

.marona-context-hero__meta {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px 18px;
	margin-top:22px;
	font-size:12px;
	line-height:1.7;
	color:rgba(255,255,255,.66);
}

.marona-context-hero__meta span + span::before {
	content:"";
	display:inline-block;
	width:3px;
	height:3px;
	margin:0 0 1px 14px;
	border-radius:50%;
	background:rgba(255,255,255,.52);
}

.marona-context-hero__actions {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:14px 22px;
	margin-top:30px;
}

.marona-context-hero__action {
	text-decoration:none;
	transition:opacity .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}

.marona-context-hero__action--solid {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	padding:12px 22px;
	border:1px solid #fff;
	border-radius:2px;
	background:#fff;
	color:#173129;
	font-size:13px;
	font-weight:700;
}

.marona-context-hero__action--solid:hover,
.marona-context-hero__action--solid:focus-visible {
	background:rgba(255,255,255,.88);
	border-color:rgba(255,255,255,.88);
}

.marona-context-hero__action--text {
	display:inline-flex;
	align-items:center;
	gap:11px;
	min-height:42px;
	padding-bottom:2px;
	border-bottom:1px solid rgba(255,255,255,.42);
	color:#fff;
	font-size:12px;
	font-weight:650;
}

.marona-context-hero__action--text:hover,
.marona-context-hero__action--text:focus-visible {
	border-bottom-color:#fff;
}

/* The new Hero owns the first-page heading; legacy template Heroes/covers were
   removed in 1.2.0, and content now starts directly beneath this composition. */
body.marona-context-hero-active .marona-content,
body.marona-context-hero-active .marona-single-body,
body.marona-context-hero-active .marona-material-facts,
body.marona-context-hero-active .marona-about-manifesto,
body.marona-context-hero-active .marona-contact-main,
body.marona-context-hero-active .marona-journal-index,
body.marona-context-hero-active .marona-capabilities,
body.marona-context-hero-active .marona-project-index,
body.marona-context-hero-active .marona-material-library,
body.marona-context-hero-active .marona-finish-atlas {
	position:relative;
	z-index:1;
}

@media (min-width:1440px) {
	.marona-context-hero__inner {
		width:100% !important;
		max-width:none !important;
		padding-left:clamp(40px,4vw,80px) !important;
		padding-right:clamp(40px,4vw,80px) !important;
	}
	.marona-context-hero__copy {
		width:min(700px,43vw);
	}
}


/* Marona 1.2.2 — wide-desktop hero calibration
   27-inch / 1920px-class displays need a generous architectural hero, but
   not a near-full-screen takeover. The homepage Stage remains untouched. */
@media (min-width:1440px) and (min-height:800px) {
	.marona-context-hero {
		height:clamp(620px,68svh,760px);
		min-height:620px;
	}
}

@media (min-width:2200px) and (min-height:1200px) {
	.marona-context-hero {
		height:clamp(700px,62svh,800px);
		min-height:700px;
	}
}

@media (max-width:782px) {
	body.admin-bar.marona-context-hero-active #mro-theme-header.mro-theme-header--overlay {
		top:46px !important;
	}
}

@media (max-width:700px) {
	.marona-context-hero {
		height:min(72svh,680px);
		min-height:520px;
	}

	.marona-context-hero__media img {
		object-position:var(--mro-context-mobile-image-position,center) center;
	}

	.marona-context-hero__shade {
		background:
			linear-gradient(180deg,rgba(6,12,10,.24) 0%,rgba(6,12,10,.05) 30%,rgba(6,12,10,.38) 60%,rgba(6,12,10,.88) 100%),
			linear-gradient(90deg,rgba(6,12,10,.16),rgba(6,12,10,.36));
	}

	.marona-context-hero__inner {
		align-items:flex-end;
		width:min(calc(100% - 30px),var(--marona-content));
		padding-top:118px;
		padding-bottom:48px;
	}

	.marona-context-hero__copy {
		width:100%;
		margin:0;
	}

	.marona-context-hero__eyebrow {
		margin-bottom:14px;
		font-size:8.5px;
		letter-spacing:.22em;
	}

	.marona-context-hero__title {
		font-size:clamp(34px,10.7vw,50px);
		line-height:1.28;
		letter-spacing:-.035em;
	}

	.marona-context-hero__title-desktop {
		display:none;
	}

	.marona-context-hero__title-mobile {
		display:inline;
	}

	.marona-context-hero__lead {
		max-width:100%;
		margin-top:17px;
		font-size:12.5px;
		line-height:1.9;
		color:rgba(255,255,255,.72);
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
		overflow:hidden;
	}

	.marona-context-hero__meta {
		margin-top:16px;
		gap:6px 12px;
		font-size:10.5px;
	}

	.marona-context-hero__meta span + span::before {
		margin-left:9px;
	}

	.marona-context-hero__actions {
		margin-top:22px;
		gap:10px 16px;
	}

	.marona-context-hero__action--solid {
		min-height:46px;
		padding:10px 18px;
		font-size:12px;
	}

	.marona-context-hero__action--text {
		font-size:11px;
	}
}

@media (max-width:390px) {
	.marona-context-hero {
		min-height:500px;
	}
	.marona-context-hero__inner {
		padding-bottom:38px;
	}
	.marona-context-hero__title {
		font-size:clamp(31px,10vw,42px);
	}
}

/* ========================================================================== 
   Marona 1.2.2 — compact mobile material specification matrix
   On phones, material facts/performance/technical data use a two-column
   spec-sheet layout instead of tall full-width cards.
   ========================================================================== */
@media (max-width:600px){
	.marona-material-facts__grid,
	.marona-material-performance__grid,
	.marona-material-lab__grid{
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
		gap:8px !important;
		align-items:stretch;
	}

	.marona-material-fact,
	.marona-material-performance__item,
	.marona-material-lab__grid > div{
		grid-column:auto !important;
		min-width:0;
		min-height:92px !important;
		padding:13px 12px !important;
		gap:5px !important;
		justify-content:center;
		border-radius:10px !important;
		box-shadow:none !important;
	}

	.marona-material-fact--wide,
	.marona-material-performance__item--wide,
	.marona-material-performance__item--summary{
		grid-column:auto !important;
	}

	.marona-material-fact span,
	.marona-material-performance__item span,
	.marona-material-lab__grid span{
		font-size:10.5px !important;
		line-height:1.65 !important;
	}

	.marona-material-fact strong,
	.marona-material-performance__item strong,
	.marona-material-lab__grid strong{
		font-size:13px !important;
		line-height:1.55 !important;
		overflow-wrap:anywhere;
	}

	.marona-material-performance__item::before,
	.marona-material-fact::before{
		width:2px;
	}

	.marona-material-fact:hover,
	.marona-material-performance__item:hover{
		transform:none;
		box-shadow:none;
	}

	.marona-material-performance__item--summary{
		min-height:92px !important;
	}

	.marona-material-note{
		margin-top:10px;
		padding:16px 15px;
		border-radius:9px;
	}

	.marona-material-note strong{
		margin-bottom:5px;
		font-size:13px;
	}

	.marona-material-note p{
		font-size:11.5px;
		line-height:1.9;
	}
}

/* Marona 1.2.4 — service archive rendering hardening.
   Capability groups are primary navigation/content and must never depend on
   IntersectionObserver visibility, including full-page captures and JS edge cases. */
.marona-js .marona-capability-group{
    opacity:1!important;
    transform:none!important;
}

/* Marona 1.2.5 — center the final odd service card on mobile capability grids. */
@media (max-width: 760px) {
	.marona-capability-group__links > .marona-capability-link:nth-child(odd):last-child {
		grid-column: 1 / -1;
		width: calc((100% - 12px) / 2);
		justify-self: center;
	}
}

/* Marona 1.2.6 — compact, intentional empty-state for the Projects archive. */
.marona-project-index.is-empty {
	padding-block: clamp(44px, 5vw, 72px) clamp(52px, 6vw, 84px);
}

.marona-project-empty {
	width: min(680px, 100%);
	margin-inline: auto;
	padding: clamp(30px, 4vw, 48px) clamp(24px, 4vw, 46px);
	border: 1px solid rgba(47,49,50,.10);
	background: #f7f4ed;
	text-align: right;
}

.marona-project-empty .marona-eyebrow {
	margin: 0 0 10px;
	color: var(--marona-green);
}

.marona-project-empty h2 {
	margin: 0;
	color: var(--marona-pietra);
	font-size: clamp(28px, 3vw, 42px);
	line-height: 1.45;
}

.marona-project-empty > p:not(.marona-eyebrow) {
	max-width: 560px;
	margin: 14px 0 0;
	color: rgba(47,49,50,.58);
	font-size: 13px;
	line-height: 2;
}

.marona-project-empty .marona-editorial-link {
	margin-top: 18px;
}

@media (max-width: 760px) {
	.marona-project-index.is-empty {
		padding-block: 30px 38px;
	}

	.marona-project-empty {
		padding: 26px 22px 28px;
	}

	.marona-project-empty h2 {
		font-size: 26px;
	}

	.marona-project-empty > p:not(.marona-eyebrow) {
		font-size: 12px;
		line-height: 1.9;
	}
}

/* ========================================================================== 
   Marona 1.2.7 — Materials archive compaction
   Remove accidental vertical reserve after the family cards and keep the
   mobile catalogue concise without turning the cards into a cramped grid.
   ========================================================================== */
body.post-type-archive-marona_material #main-content,
.marona-material-library--families-v3,
.marona-material-library--families-v3 > .marona-container {
    min-height: 0 !important;
    height: auto !important;
}

.marona-material-library--families-v3 {
    padding-bottom: clamp(72px, 6vw, 96px) !important;
}

.marona-material-library--families-v3 .marona-material-library-grid {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.marona-material-library--families-v3 .marona-material-family-card:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 640px) {
    .marona-material-library--families-v3 {
        padding-top: 40px !important;
        padding-bottom: 64px !important;
    }

    .marona-material-library--families-v3 .marona-library-heading {
        margin-top: 54px !important;
        margin-bottom: 20px !important;
    }

    .marona-material-library--families-v3 .marona-material-library-grid {
        gap: 16px !important;
    }

    .marona-material-library--families-v3 .marona-material-family-card__media {
        aspect-ratio: 16 / 9 !important;
    }

    .marona-material-library--families-v3 .marona-material-family-card__content {
        padding: 14px 14px 12px !important;
    }

    .marona-material-library--families-v3 .marona-material-family-card__header {
        min-height: 38px !important;
        gap: 10px !important;
    }

    .marona-material-library--families-v3 .marona-material-family-card h3 {
        font-size: 19px !important;
        line-height: 1.5 !important;
    }

    .marona-material-library--families-v3 .marona-material-family-card__summary {
        display: -webkit-box !important;
        min-height: 0 !important;
        margin-top: 8px !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        font-size: 12px !important;
        line-height: 1.85 !important;
    }

    .marona-material-library--families-v3 .marona-material-family-card__tags {
        margin-top: 10px !important;
        gap: 5px !important;
    }

    .marona-material-library--families-v3 .marona-material-family-card__tags a,
    .marona-material-library--families-v3 .marona-material-family-card__tags span {
        min-height: 26px !important;
        padding: 2px 7px 3px !important;
        font-size: 8.8px !important;
    }

    .marona-material-library--families-v3 .marona-material-family-card__footer {
        min-height: 38px !important;
        padding-top: 10px !important;
    }

    .marona-material-library--families-v3 .marona-material-family-card__cta {
        min-height: 36px !important;
        padding-inline: 11px !important;
        font-size: 9.5px !important;
    }
}


/* ==========================================================================
   Marona 1.2.8 — Finishes archive compaction + mobile atlas hardening
   Keep the Texture Atlas concise, remove accidental vertical reserve and make
   the first visible finish cards deterministic in full-page/mobile captures.
   ========================================================================== */
body.post-type-archive-marona_finish #main-content,
body.post-type-archive-marona_finish .marona-finish-atlas,
body.post-type-archive-marona_finish .marona-finish-atlas__library {
    min-height: 0 !important;
    height: auto !important;
}

body.post-type-archive-marona_finish .marona-finish-atlas__library {
    padding-bottom: clamp(72px, 6vw, 96px) !important;
}

body.post-type-archive-marona_finish .marona-finish-atlas-grid {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Archive navigation is primary content; do not make its visibility depend on JS reveal state. */
.marona-js body.post-type-archive-marona_finish .marona-finish-atlas-tile[data-marona-reveal] {
    opacity: 1 !important;
    transform: none !important;
}

@media (max-width: 640px) {
    body.post-type-archive-marona_finish .marona-finish-atlas__note {
        padding-top: 38px !important;
        padding-bottom: 40px !important;
    }

    body.post-type-archive-marona_finish .marona-finish-atlas__library {
        padding-top: 46px !important;
        padding-bottom: 64px !important;
    }

    body.post-type-archive-marona_finish .marona-finish-atlas-grid {
        gap: 22px 12px !important;
        margin-top: 26px !important;
    }

    body.post-type-archive-marona_finish .marona-finish-atlas-tile:nth-child(odd):last-child {
        grid-column: 1 / -1;
        width: calc((100% - 12px) / 2);
        justify-self: center;
    }

    body.post-type-archive-marona_finish .marona-finish-atlas-tile__body {
        padding-top: 9px !important;
    }

    body.post-type-archive-marona_finish .marona-finish-atlas-tile__body p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

/* ==========================================================================
   Marona 1.3.0 — Journal archive rendering hardening
   Archive cards are navigation/content, so they must never depend on a scroll
   reveal observer. This also makes full-page captures and slow/disabled JS
   deterministic without changing the editorial layout.
   ========================================================================== */
body.blog .marona-journal-index,
body.archive .marona-journal-index {
    min-height: 0 !important;
    height: auto !important;
}

.marona-js .marona-journal-index .marona-journal-card[data-marona-reveal] {
    opacity: 1 !important;
    transform: none !important;
}

.marona-journal-grid--balanced {
    min-height: 0 !important;
}

/* ==========================================================================
   Marona 1.3.0 — About + Contact hardening
   About editorial bands are primary page content and must never disappear
   behind JS reveal state. Contact honeypot is visually hidden without moving
   9999px off-canvas, which previously expanded RTL document width during
   full-page capture and could create horizontal scrolling.
   ========================================================================== */

/* About: deterministic editorial content, including cached legacy markup. */
.marona-js .marona-about-page--editorial [data-marona-reveal] {
    opacity: 1 !important;
    transform: none !important;
}

.marona-about-page--editorial .marona-about-story__grid,
.marona-about-page--editorial .marona-about-manifesto__grid,
.marona-about-page--editorial .marona-about-collaboration__grid,
.marona-about-page--editorial .marona-about-project-card {
    opacity: 1 !important;
    transform: none !important;
}

/* Contact: prevent intrinsic form items from widening the grid. */
.marona-contact-page,
.marona-contact-main,
.marona-contact-main__grid,
.marona-contact-form-column,
.marona-consultation-form,
.marona-form-grid,
.marona-form-field {
    min-width: 0;
    max-width: 100%;
}

/* Accessible honeypot hiding that does not create a 10k-pixel overflow area. */
.marona-hp-field {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    opacity: 0 !important;
}

/* Final containment: contact must never introduce horizontal page scrolling. */
body.page-template-page-contact,
body.page-template-page-contact-php {
    overflow-x: clip;
}

@supports not (overflow: clip) {
    body.page-template-page-contact,
    body.page-template-page-contact-php {
        overflow-x: hidden;
    }
}

/* ==========================================================================
   Marona 1.3.1 — final responsive / accessibility QA hardening
   No visual redesign: stabilize viewport edges, keyboard navigation and
   narrow-phone safe areas while preserving the approved compositions.
   ========================================================================== */
html {
	scrollbar-gutter: stable;
}

body,
#main-content,
#mro-theme-footer {
	min-width: 0;
}

.marona-skip-link {
	position: fixed;
	top: 12px;
	left: 50%;
	z-index: 10050;
	padding: 10px 16px;
	border-radius: 4px;
	background: #ffffff;
	color: #173129;
	font-family: var(--marona-font-body);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	box-shadow: 0 10px 30px rgba(0,0,0,.16);
	transform: translate(-50%, -160%);
	transition: transform .16s ease-out;
}

.marona-skip-link:focus {
	transform: translate(-50%, 0);
	outline: 2px solid #173129;
	outline-offset: 2px;
}

.mro-theme-menu-toggle,
.mro-theme-mobile-close,
.mro-drawer-action,
.marona-button,
.marona-context-hero__action {
	touch-action: manipulation;
}

.marona-context-hero__title,
.marona-context-hero__lead,
.mro-footer-consultation__copy,
.mro-footer-brand__text,
.mro-footer-contact__item span {
	overflow-wrap: anywhere;
}

@media (max-width: 640px) {
	.mro-theme-mobile-drawer {
		padding-right: max(24px, env(safe-area-inset-right)) !important;
		padding-left: max(24px, env(safe-area-inset-left)) !important;
		padding-bottom: max(22px, env(safe-area-inset-bottom)) !important;
	}

	.mro-footer-bottom__inner {
		padding-bottom: max(18px, env(safe-area-inset-bottom));
	}
}

@media (max-width: 390px) {
	#mro-theme-header .mro-theme-header__inner {
		width: calc(100% - 24px) !important;
		min-height: 72px !important;
	}

	#mro-theme-header .mro-theme-brand,
	#mro-theme-header .mro-theme-brand__image {
		width: 136px !important;
		max-width: 136px !important;
	}

	.mro-theme-menu-toggle {
		width: 50px;
		height: 46px;
	}
}

@media (max-width: 350px) {
	#mro-theme-header .mro-theme-brand,
	#mro-theme-header .mro-theme-brand__image {
		width: 126px !important;
		max-width: 126px !important;
	}

	.marona-context-hero__title {
		font-size: 30px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.marona-skip-link {
		transition: none;
	}
}