:root {
	--ml-cream: #f5f0e6;
	--ml-paper: #fffdf8;
	--ml-forest: #284f40;
	--ml-ink: #20342d;
	--ml-terra: #a6533f;
	--ml-gold: #b69245;
	--ml-sand: #e9dfcf;
	--ml-line: #ded5c6;
	--ml-muted: #52615b;
	--ml-burgundy: #733b3d;
	--ml-shadow: 0 18px 45px rgba(32, 52, 45, 0.08);
	--ml-radius: 24px;
	--ml-serif: Georgia, "Times New Roman", serif;
	--ml-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 7rem;
}

body {
	background: var(--ml-cream);
	color: var(--ml-ink);
	font-family: var(--ml-ui);
	-webkit-font-smoothing: antialiased;
}

body.admin-bar .ml-site-header {
	top: 32px;
}

body.ml-distraction-free .ml-site-header,
body.ml-distraction-free .ml-site-footer {
	display: none;
}

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

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

a,
button,
input,
select,
textarea,
.wp-element-button {
	transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

:where(a, button, input, select, textarea, summary, .wp-element-button):focus-visible {
	outline: 3px solid var(--ml-gold);
	outline-offset: 3px;
}

.ml-site-header {
	position: sticky;
	top: 0;
	z-index: 18;
	min-height: 76px;
	background: rgba(255, 253, 248, 0.96);
	border-bottom: 1px solid var(--ml-line);
	backdrop-filter: blur(14px);
}

.ml-site-header__inner {
	width: min(100%, 1340px);
	max-width: 1340px !important;
	min-height: 76px;
	gap: 1.25rem;
	padding: 0.75rem clamp(1rem, 3vw, 2rem);
}

.ml-site-brand {
	flex: 0 0 auto;
	margin: 0;
	font-family: var(--ml-serif);
	font-size: clamp(1.12rem, 1rem + 0.45vw, 1.45rem);
	font-weight: 400;
	line-height: 1.05;
}

.ml-site-brand a {
	color: var(--ml-ink);
	text-decoration: none;
}

.ml-site-nav {
	margin-left: auto;
}

.ml-site-nav .wp-block-navigation__container {
	column-gap: 0.6rem;
}

.ml-site-nav .wp-block-navigation-item__content {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	padding: 0.5rem 0.35rem;
	color: var(--ml-ink);
	font-size: 0.9rem;
	font-weight: 650;
	text-decoration: none;
}

.ml-site-nav .wp-block-navigation-item__content:hover,
.ml-site-nav .current-menu-item > .wp-block-navigation-item__content {
	color: var(--ml-terra);
}

.ml-site-header__cta {
	flex: 0 0 auto;
}

.ml-site-header__cta .wp-block-button__link {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	font-size: 0.9rem;
}

.ml-site-main {
	min-height: 58vh;
}

.ml-section {
	padding: clamp(3.5rem, 7vw, 7rem) clamp(1rem, 4vw, 2rem);
}

.ml-section--paper {
	background: var(--ml-paper);
}

.ml-section--sand {
	background: var(--ml-sand);
}

.ml-section--forest {
	background: var(--ml-forest);
	color: var(--ml-paper);
}

.ml-section--forest :where(h1, h2, h3, p, li, a) {
	color: inherit;
}

.ml-section--compact {
	padding-block: clamp(2.5rem, 5vw, 4.5rem);
}

.ml-hero {
	min-height: min(780px, calc(100vh - 76px));
	padding: clamp(3.5rem, 8vw, 7.5rem) clamp(1rem, 4vw, 2rem);
	background:
		radial-gradient(circle at 80% 10%, rgba(182, 146, 69, 0.16), transparent 32rem),
		linear-gradient(135deg, var(--ml-paper), var(--ml-cream));
}

.ml-hero__grid,
.ml-split {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
	align-items: center;
	gap: clamp(2rem, 6vw, 6rem);
}

.ml-hero h1,
.ml-page-hero h1 {
	max-width: 17ch;
	margin: 0;
	font-family: var(--ml-serif);
	font-size: clamp(2.55rem, 1.75rem + 3.2vw, 5rem);
	font-weight: 400;
	line-height: 0.99;
	letter-spacing: -0.035em;
}

.ml-hero__lead,
.ml-page-hero__lead {
	max-width: 62ch;
	color: var(--ml-muted);
	font-size: clamp(1.05rem, 0.97rem + 0.5vw, 1.32rem);
	line-height: 1.62;
}

.ml-eyebrow {
	margin-bottom: 0.75rem;
	color: var(--ml-terra);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.ml-hero .wp-block-buttons,
.ml-page-hero .wp-block-buttons,
.ml-cta .wp-block-buttons {
	gap: 0.75rem;
	margin-top: 1.75rem;
}

.wp-block-button__link {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 1px solid var(--ml-forest);
	color: var(--ml-forest);
}

.wp-block-button__link:hover {
	background: var(--ml-ink);
	color: var(--ml-paper);
	transform: translateY(-1px);
}

.ml-placeholder {
	position: relative;
	min-height: 360px;
	display: grid;
	place-items: center;
	overflow: hidden;
	padding: 2rem;
	background:
		linear-gradient(145deg, rgba(40, 79, 64, 0.08), rgba(166, 83, 63, 0.09)),
		repeating-linear-gradient(45deg, transparent, transparent 16px, rgba(32, 52, 45, 0.03) 16px, rgba(32, 52, 45, 0.03) 17px),
		var(--ml-sand);
	border: 1px solid var(--ml-line);
	border-radius: var(--ml-radius);
	box-shadow: var(--ml-shadow);
	color: var(--ml-muted);
	text-align: center;
}

.ml-placeholder::before {
	content: "";
	position: absolute;
	inset: 1rem;
	border: 1px solid rgba(40, 79, 64, 0.18);
	border-radius: calc(var(--ml-radius) - 8px);
}

.ml-placeholder p {
	position: relative;
	max-width: 26ch;
	margin: 0;
	font-size: 0.9rem;
	font-weight: 700;
}

.ml-placeholder--portrait {
	min-height: 480px;
	aspect-ratio: 4 / 5;
}

.ml-placeholder--landscape {
	min-height: 280px;
	aspect-ratio: 3 / 2;
}

.ml-page-hero {
	padding: clamp(3.5rem, 8vw, 7rem) clamp(1rem, 4vw, 2rem) clamp(3rem, 6vw, 5.5rem);
	background: linear-gradient(160deg, var(--ml-paper), var(--ml-cream));
}

.ml-page-hero h1 {
	max-width: 19ch;
	font-size: clamp(2.4rem, 1.8rem + 2.6vw, 4.5rem);
}

.ml-section-heading {
	max-width: 720px;
	margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

.ml-section-heading h2,
.ml-cta h2 {
	margin-top: 0;
	font-size: clamp(2rem, 1.55rem + 1.75vw, 3.25rem);
}

.ml-section-heading p {
	color: var(--ml-muted);
	font-size: 1.08rem;
}

.ml-card-grid,
.ml-portfolio-grid,
.ml-trust-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
}

.ml-card,
.ml-path-card,
.ml-service-card,
.ml-process-card,
.ml-quote-card,
.ml-contact-card {
	position: relative;
	padding: clamp(1.35rem, 2.5vw, 2rem);
	background: var(--ml-paper);
	border: 1px solid var(--ml-line);
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(32, 52, 45, 0.05);
}

.ml-card h3,
.ml-path-card h3,
.ml-service-card h3,
.ml-process-card h3 {
	margin-top: 0;
	font-size: clamp(1.35rem, 1.15rem + 0.5vw, 1.72rem);
}

.ml-card p:last-child,
.ml-path-card p:last-child,
.ml-service-card p:last-child {
	margin-bottom: 0;
}

.ml-path-card {
	border-top: 5px solid var(--ml-terra);
}

.ml-path-card--parent {
	border-top-color: var(--ml-gold);
}

.ml-process {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	counter-reset: ml-step;
}

.ml-process--five {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ml-process-card {
	counter-increment: ml-step;
	padding-top: 4.2rem;
}

.ml-process-card::before {
	content: counter(ml-step, decimal-leading-zero);
	position: absolute;
	top: 1.25rem;
	left: 1.4rem;
	color: var(--ml-terra);
	font-family: var(--ml-serif);
	font-size: 1.65rem;
}

.ml-check-list,
.ml-footer-links {
	padding-left: 0;
	list-style: none;
}

.ml-check-list li {
	position: relative;
	margin: 0.75rem 0;
	padding-left: 1.6rem;
}

.ml-check-list li::before {
	content: "•";
	position: absolute;
	left: 0.25rem;
	color: var(--ml-terra);
	font-size: 1.4rem;
	line-height: 1;
}

.ml-stat {
	padding: 1.35rem;
	background: rgba(255, 253, 248, 0.08);
	border: 1px solid rgba(255, 253, 248, 0.2);
	border-radius: 16px;
}

.ml-stat strong {
	display: block;
	margin-bottom: 0.4rem;
	font-family: var(--ml-serif);
	font-size: 1.7rem;
	font-weight: 400;
}

.ml-quote-card {
	border-left: 5px solid var(--ml-gold);
}

.ml-quote-card blockquote {
	margin: 0;
}

.ml-quote-card cite {
	display: block;
	margin-top: 1rem;
	color: var(--ml-muted);
	font-style: normal;
	font-size: 0.9rem;
}

.ml-faq {
	max-width: 850px;
}

.ml-faq details {
	margin: 0 0 0.85rem;
	padding: 0;
	background: var(--ml-paper);
	border: 1px solid var(--ml-line);
	border-radius: 14px;
}

.ml-faq summary {
	min-height: 52px;
	display: flex;
	align-items: center;
	padding: 1rem 3rem 1rem 1.2rem;
	cursor: pointer;
	font-weight: 750;
}

.ml-faq details > :not(summary) {
	margin-inline: 1.2rem;
}

.ml-faq details > :last-child {
	margin-bottom: 1.2rem;
}

.ml-portfolio-card {
	overflow: hidden;
	background: var(--ml-paper);
	border: 1px solid var(--ml-line);
	border-radius: 18px;
}

.ml-portfolio-card .ml-placeholder {
	min-height: 240px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.ml-portfolio-card__copy {
	padding: 1.25rem;
}

.ml-portfolio-card__copy h3 {
	margin-top: 0;
}

.ml-cta {
	padding: clamp(2.25rem, 5vw, 4rem);
	background: var(--ml-forest);
	border-radius: var(--ml-radius);
	color: var(--ml-paper);
	box-shadow: var(--ml-shadow);
}

.ml-cta :where(h2, p) {
	color: inherit;
}

.ml-cta .wp-block-button__link {
	background: var(--ml-paper);
	color: var(--ml-forest);
}

.ml-seasonal {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, var(--ml-burgundy), #5d3032);
	color: var(--ml-paper);
	border-top: 4px solid var(--ml-gold);
}

.ml-seasonal::after {
	content: "";
	position: absolute;
	width: 280px;
	height: 280px;
	right: -100px;
	top: -140px;
	border: 1px solid rgba(255, 253, 248, 0.18);
	border-radius: 50%;
}

.ml-seasonal :where(h2, p) {
	color: inherit;
}

.ml-seasonal .wp-block-button__link {
	background: var(--ml-paper);
	color: var(--ml-burgundy);
}

.ml-contact-layout {
	display: grid;
	grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
	gap: clamp(1.5rem, 4vw, 4rem);
	align-items: start;
}

.ml-contact-form {
	padding: clamp(1.25rem, 3vw, 2.5rem);
	background: var(--ml-paper);
	border: 1px solid var(--ml-line);
	border-radius: var(--ml-radius);
	box-shadow: var(--ml-shadow);
}

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

.ml-field {
	margin-bottom: 1rem;
}

.ml-field--full {
	grid-column: 1 / -1;
}

.ml-field label,
.ml-field legend {
	display: block;
	margin-bottom: 0.4rem;
	font-size: 0.92rem;
	font-weight: 750;
}

.ml-field input,
.ml-field select,
.ml-field textarea {
	width: 100%;
	min-height: 48px;
	padding: 0.7rem 0.8rem;
	background: #fff;
	border: 1px solid #8f9b96;
	border-radius: 8px;
	color: var(--ml-ink);
	font: inherit;
}

.ml-field textarea {
	min-height: 150px;
	resize: vertical;
}

.ml-field__hint,
.ml-form-note {
	color: var(--ml-muted);
	font-size: 0.86rem;
}

.ml-field__error {
	margin: 0.35rem 0 0;
	color: #812d25;
	font-size: 0.86rem;
	font-weight: 700;
}

.ml-field [aria-invalid="true"] {
	border-color: #812d25;
	box-shadow: 0 0 0 1px #812d25;
}

.ml-form-message {
	margin-bottom: 1.25rem;
	padding: 1rem;
	border-left: 4px solid var(--ml-terra);
	background: #fff7f2;
	border-radius: 8px;
}

.ml-form-message--success {
	border-left-color: var(--ml-forest);
	background: #eef6f1;
}

.ml-form-errors {
	margin: 0.5rem 0 0;
	padding-left: 1.25rem;
	color: #812d25;
}

.ml-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.ml-admin-placeholder-warning {
	margin: 1rem auto;
	padding: 0.8rem 1rem;
	background: #fff4d8;
	border: 1px solid #d7a92e;
	border-radius: 8px;
	color: #553e08;
	font-size: 0.9rem;
}

.ml-legal-page .wp-block-post-content,
.ml-site-main--page > .wp-block-post-content > :not(.alignfull):not(.alignwide) {
	max-width: 760px;
	margin-inline: auto;
}

.ml-index,
.ml-search,
.ml-not-found {
	padding: clamp(4rem, 10vw, 8rem) clamp(1rem, 4vw, 2rem);
}

.ml-search .wp-block-query,
.ml-index .wp-block-query {
	margin-top: 2rem;
}

.ml-site-footer {
	padding: clamp(3rem, 6vw, 5rem) clamp(1rem, 4vw, 2rem) 1.5rem;
	background: var(--ml-ink);
	color: var(--ml-paper);
}

.ml-site-footer :where(h2, h3, p, li, a) {
	color: inherit;
}

.ml-site-footer__grid {
	gap: clamp(2rem, 5vw, 5rem);
}

.ml-footer-links li {
	margin: 0.45rem 0;
}

.ml-footer-links a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.ml-site-footer__meta {
	margin-top: 2.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(255, 253, 248, 0.18);
	color: rgba(255, 253, 248, 0.75);
}

.ml-site-footer__meta p {
	margin: 0;
}

@media (max-width: 1080px) {
	.ml-site-header__cta {
		display: none !important;
	}

	.ml-site-nav .wp-block-navigation-item__content {
		font-size: 0.86rem;
	}

	.ml-process--five {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	body.admin-bar .ml-site-header {
		top: 46px;
	}

	.ml-site-header,
	.ml-site-header__inner {
		min-height: 68px;
	}

	.ml-site-header {
		/* A backdrop-filter establishes a containing block for fixed descendants in
		 * WebKit. The native WordPress navigation overlay must remain viewport-bound. */
		backdrop-filter: none;
	}

	.ml-site-nav .wp-block-navigation__responsive-container-open {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.ml-site-nav .wp-block-navigation__responsive-container.is-menu-open {
		position: fixed;
		inset: 0;
		z-index: 1080;
		width: 100vw;
		height: 100vh;
		height: 100dvh;
		overflow-y: auto;
		padding: calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(5.5rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));
		background: var(--ml-paper);
		color: var(--ml-ink);
	}

	.ml-site-nav .wp-block-navigation__responsive-container-close {
		min-width: 44px;
		min-height: 44px;
	}

	.ml-site-nav .wp-block-navigation__responsive-container-content {
		padding-top: 4rem;
	}

	.ml-site-nav .wp-block-navigation__container {
		width: 100%;
		align-items: stretch !important;
		gap: 0;
	}

	.ml-site-nav .wp-block-navigation-item__content {
		width: 100%;
		min-height: 52px;
		padding: 0.8rem 0;
		border-bottom: 1px solid var(--ml-line);
		font-size: 1.08rem;
	}

	.ml-hero {
		min-height: auto;
	}

	.ml-hero__grid,
	.ml-split,
	.ml-contact-layout {
		grid-template-columns: 1fr;
	}

	.ml-placeholder--portrait {
		min-height: 320px;
		aspect-ratio: 16 / 10;
	}

	.ml-card-grid,
	.ml-portfolio-grid,
	.ml-trust-grid,
	.ml-process,
	.ml-process--five {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

	.ml-field--full {
		grid-column: auto;
	}
}

@media (max-width: 520px) {
	html {
		scroll-padding-top: 5rem;
	}

	.ml-site-header__inner {
		padding-inline: 1rem;
	}

	.ml-site-brand {
		max-width: 12rem;
		font-size: 1.08rem;
	}

	.ml-hero,
	.ml-page-hero,
	.ml-section {
		padding-inline: 1rem;
	}

	.ml-hero h1,
	.ml-page-hero h1 {
		font-size: clamp(2.25rem, 12vw, 3.3rem);
	}

	.ml-card-grid,
	.ml-portfolio-grid,
	.ml-trust-grid,
	.ml-process,
	.ml-process--five {
		grid-template-columns: 1fr;
	}

	.ml-placeholder,
	.ml-placeholder--portrait,
	.ml-placeholder--landscape {
		width: 100%;
		min-height: 250px;
		aspect-ratio: auto;
	}

	.ml-hero .wp-block-buttons,
	.ml-page-hero .wp-block-buttons,
	.ml-cta .wp-block-buttons {
		width: 100%;
	}

	.ml-hero .wp-block-button,
	.ml-page-hero .wp-block-button,
	.ml-cta .wp-block-button,
	.ml-hero .wp-block-button__link,
	.ml-page-hero .wp-block-button__link,
	.ml-cta .wp-block-button__link {
		width: 100%;
	}

	.ml-site-footer__meta {
		align-items: flex-start;
	}
}

@media print {
	.ml-site-header,
	.ml-site-footer,
	.wp-block-buttons,
	.ml-contact-form {
		display: none !important;
	}

	body,
	.ml-section,
	.ml-page-hero {
		background: #fff !important;
		color: #000 !important;
	}
}

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

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