/* ==========================================================================
   Home hero: full-bleed navy duotone photo, script accent, H1, intro,
   two CTAs, quote form card on the right (Movers reference).
   ========================================================================== */
.mm-hero-home {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: 100svh;
	display: flex;
	align-items: center;
	background: var(--mm-navy);
	color: rgb(255 255 255 / .86);
	padding: calc(var(--wp--custom--header--height) + clamp(24px, 3.5vw, 48px)) var(--mm-gutter) clamp(40px, 4.5vw, 64px);
}
.mm-hero-home > * { margin: 0 !important; }
.mm-hero-home .mm-hero-home__media { position: absolute; inset: 0; z-index: -2; }
.mm-hero-home .mm-hero-home__media img { width: 100%; height: 100%; object-fit: cover; object-position: 60% center; filter: grayscale(1) contrast(1.1); mix-blend-mode: luminosity; opacity: .55; animation: mm-hero-settle 2.4s var(--mm-ease) both; }
.mm-hero-home::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(100deg, rgb(5 42 49 / .94) 0%, rgb(5 42 49 / .72) 45%, rgb(5 42 49 / .35) 100%),
		linear-gradient(0deg, rgb(5 42 49 / .9) 0%, transparent 40%);
}
.mm-hero-home::after {
	/* orange line pattern bleeding off the left edge, under the content */
	content: "";
	position: absolute;
	left: -6vw;
	bottom: -8%;
	width: clamp(260px, 30vw, 520px);
	aspect-ratio: 420 / 360;
	background: #fff;
	opacity: .2;
	-webkit-mask: url("../../brand/elements/pattern-steps.svg") center / contain no-repeat;
	mask: url("../../brand/elements/pattern-steps.svg") center / contain no-repeat;
	z-index: -1;
	translate: 0 var(--mm-parallax, 0px);
}
.mm-hero-home__grid {
	position: relative;
	width: 100%;
	max-width: var(--mm-wide);
	margin-inline: auto !important;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, clamp(440px, 42vw, 620px));
	gap: clamp(36px, 4.5vw, 80px);
	align-items: center;
}
.mm-hero-home__content { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.mm-hero-home__content > * { margin: 0 !important; }
.mm-hero-home__title { color: #fff; font-size: clamp(3rem, 4.9vw, 5.25rem) !important; line-height: .92 !important; max-width: none; text-wrap: balance; }
.mm-hero-home__lead { max-width: 560px; color: rgb(255 255 255 / .82); }
.mm-hero-home__lead a { color: #fff; }

/* Rating pill (old: "Rated 4.9/5.0 based on 548+ reviews" link) */
.mm-rating-pill .wp-block-button__link.mm-btn {
	min-height: 44px;
	padding: 8px 16px 8px 46px;
	font-size: .9375rem;
	letter-spacing: .08em;
	color: #fff;
	border-color: rgb(255 255 255 / .35);
	background: rgb(5 42 49 / .35);
	backdrop-filter: blur(6px);
}
.mm-rating-pill .wp-block-button__link.mm-btn::after { display: none; }
.mm-rating-pill { position: relative; }
.mm-rating-pill::after {
	/* Google "G" */
	content: "";
	position: absolute;
	left: 14px;
	top: 50%;
	width: 20px;
	height: 20px;
	translate: 0 -50%;
	z-index: 2;
	pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3 0 5.8 1.1 7.9 3l5.7-5.7C34 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.4-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='m6.3 14.7 6.6 4.8C14.7 15.1 19 12 24 12c3 0 5.8 1.1 7.9 3l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2A11.9 11.9 0 0 1 24 36c-5.2 0-9.6-3.3-11.3-8l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3a12 12 0 0 1-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.4-.4-3.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Script word marks (RT Austin, decorative) */
.mm-script { display: block; background: var(--mm-tan); -webkit-mask: var(--mm-script) left center / contain no-repeat; mask: var(--mm-script) left center / contain no-repeat; }

/* Quote form card (hero + sidebar + contact) — base look lives in forms.css */
.mm-hero-home__form { position: relative; animation: mm-card-in 1s .25s var(--mm-ease) both; }
/* laptops (short screens): the whole hero, form included, fits the first screen (compact form: forms.css) */
@media (min-width: 1025px) and (max-height: 880px) {
	.mm-hero-home { padding-top: calc(var(--wp--custom--header--height) + 12px); padding-bottom: 24px; }
}
@keyframes mm-card-in { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }

@media (max-width: 1024px) {
	.mm-hero-home { min-height: 0; }
	.mm-hero-home__grid { grid-template-columns: 1fr; }
	.mm-hero-home__title { max-width: 16ch; }
	.mm-hero-home__form { max-width: 760px; }
}
@media (max-width: 600px) {
	.mm-hero-home__title { font-size: clamp(2.6rem, 12vw, 3.4rem) !important; line-height: 1 !important; }
	.mm-rating-pill .wp-block-button__link.mm-btn { font-size: .8125rem; letter-spacing: .04em; padding-left: 42px; padding-right: 12px; text-align: left; }
	.mm-rating-pill::after { left: 12px; width: 18px; height: 18px; }
	.mm-hero-home .wp-block-buttons { width: 100%; }
	.mm-hero-home .wp-block-buttons > .wp-block-button:not(.mm-rating-pill) { flex: 1 1 100%; }
	.mm-hero-home .wp-block-buttons > .wp-block-button:not(.mm-rating-pill) .mm-btn { width: 100%; }
}

/* Thank-you variant: same backdrop, centred message */
.mm-hero-home--thanks { min-height: 80svh; align-items: center; }
.mm-hero-home--thanks .mm-thanks { width: 100%; max-width: var(--mm-wide); margin-inline: auto !important; }
