/**
 * MON PORTÉ Editorial Heading (PDP-V1).
 * Strictly .meh-* scoped. Quiet editorial opening, no decoration.
 * Tiers: base = desktop, max-width:850 tablet, max-width:549 mobile.
 */

.meh-heading {
	background-color: var(--meh-bg, #fff);
	color: var(--meh-text, #1f1e1b);
	padding-top: var(--meh-pad-y, 64px);
	padding-bottom: var(--meh-pad-y, 64px);
}

.meh-inner {
	margin-inline: auto;
	max-width: var(--meh-maxw, 720px);
	padding-inline: 20px;
}

.meh-align-center .meh-inner {
	text-align: center;
}

.meh-align-right .meh-inner {
	text-align: right;
}

.meh-align-left .meh-inner {
	text-align: left;
}

.meh-eyebrow {
	margin: 0 0 14px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--meh-muted, #646049);
}

.meh-title {
	margin: 0;
	font-family: var(--meh-head-font, "Playfair Display", Georgia, serif);
	font-size: var(--meh-title-size, 34px);
	font-weight: 500;
	line-height: 1.18;
	text-wrap: balance;
}

.meh-title-sans .meh-title {
	font-family: "Manrope", -apple-system, "Segoe UI", sans-serif;
	font-weight: 600;
	letter-spacing: -0.01em;
}

@media (max-width: 849px) {
	.meh-heading {
		padding-top: var(--meh-pad-y-md, 52px);
		padding-bottom: var(--meh-pad-y-md, 52px);
	}
}

@media (max-width: 549px) {
	.meh-heading {
		padding-top: var(--meh-pad-y-sm, 40px);
		padding-bottom: var(--meh-pad-y-sm, 40px);
	}

	.meh-title {
		font-size: var(--meh-title-size-sm, 28px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.meh-heading,
	.meh-heading * {
		transition: none;
	}
}