:root {
    --mh-ink: #2f2a27;
    --mh-cream: #f8f3e9;
    --mh-paper: #fffdf8;
    --mh-copper: #9b5941;
    --mh-copper-dark: #75402f;
    --mh-teal: #234f4c;
    --mh-sage: #dbe3d9;
    --mh-line: rgba(73, 58, 48, .16);
}

html { scroll-behavior: smooth; }
body.mh-homepage { margin: 0; background: var(--mh-cream); color: var(--mh-ink); }
.mh-home, .mh-home * { box-sizing: border-box; }
.mh-home { min-height: 100vh; overflow: hidden; background: var(--mh-cream); color: var(--mh-ink); font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.mh-home a { color: inherit; text-decoration: none; }
.mh-home h1, .mh-home h2, .mh-home h3, .mh-home p { margin-top: 0; }
.mh-home h1, .mh-home h2, .mh-home h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; line-height: 1.06; letter-spacing: -.025em; }
.mh-home__header { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 84px; padding: 14px clamp(24px, 6vw, 92px); background: rgba(255, 253, 248, .95); border-bottom: 1px solid var(--mh-line); }
.mh-home__brand { display: inline-flex; align-items: center; gap: 11px; font: 600 22px/1 Georgia, serif; letter-spacing: -.02em; white-space: nowrap; }
.mh-home__brand img { width: 45px; height: 45px; object-fit: contain; }
.mh-home__header nav, .mh-home__footer nav { display: flex; align-items: center; gap: clamp(18px, 2.5vw, 34px); font-size: 14px; font-weight: 650; }
.mh-home__header nav > a:not(.mh-home__nav-cta) { border-bottom: 1px solid transparent; }
.mh-home__header nav > a:not(.mh-home__nav-cta):hover { border-color: currentColor; }
.mh-home__nav-cta { padding: 10px 16px; color: #fff !important; background: var(--mh-teal); border-radius: 999px; }
.mh-home__hero { min-height: 675px; display: flex; align-items: center; padding: clamp(70px, 9vw, 130px) clamp(24px, 7vw, 110px); background-image: linear-gradient(90deg, rgba(249, 245, 235, .98) 0%, rgba(249, 245, 235, .88) 43%, rgba(249, 245, 235, .10) 72%), var(--mh-hero); background-position: center; background-size: cover; border-bottom: 1px solid var(--mh-line); }
.mh-home__hero-copy { width: min(680px, 58vw); }
.mh-home__eyebrow { margin-bottom: 14px; color: var(--mh-copper-dark); font-size: 12px; font-weight: 800; letter-spacing: .16em; line-height: 1.35; text-transform: uppercase; }
.mh-home__hero h1 { max-width: 660px; margin-bottom: 24px; font-size: clamp(54px, 7vw, 94px); }
.mh-home__hero-copy > p:not(.mh-home__eyebrow) { max-width: 590px; margin-bottom: 30px; color: #514b47; font-size: clamp(18px, 2vw, 22px); line-height: 1.6; }
.mh-home__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.mh-home__button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 52px; padding: 12px 22px; color: #fff !important; background: var(--mh-copper); border: 1px solid var(--mh-copper); border-radius: 4px; font-weight: 750; transition: transform .2s, background .2s; }
.mh-home__button:hover { transform: translateY(-2px); background: var(--mh-copper-dark); }
.mh-home__button--light { color: var(--mh-ink) !important; background: rgba(255,255,255,.56); border-color: rgba(77,62,52,.35); }
.mh-home__button--light:hover { background: #fff; }
.mh-home__trust { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 28px; color: #5a5651; font-size: 13px; }
.mh-home__trust span::before { content: "✓"; margin-right: 7px; color: var(--mh-teal); font-weight: 800; }
.mh-home__categories { display: grid; grid-template-columns: repeat(4, 1fr); width: min(1240px, calc(100% - 48px)); margin: -44px auto 0; position: relative; z-index: 2; background: var(--mh-paper); border: 1px solid var(--mh-line); box-shadow: 0 18px 45px rgba(59, 44, 34, .09); }
.mh-home__categories article { position: relative; min-height: 230px; padding: 36px clamp(22px, 2.5vw, 40px); }
.mh-home__categories article + article { border-left: 1px solid var(--mh-line); }
.mh-home__categories article > span { color: var(--mh-copper); font: 700 12px/1 sans-serif; letter-spacing: .12em; }
.mh-home__categories h2 { margin: 26px 0 12px; font-size: clamp(27px, 2.4vw, 32px); }
.mh-home__categories p { margin: 0; color: #645e59; }
.mh-home__launch-note { display: grid; grid-template-columns: auto minmax(0, 720px); align-items: baseline; justify-content: center; gap: 26px; width: min(1000px, calc(100% - 48px)); margin: 50px auto -36px; padding: 25px 30px; background: rgba(219, 227, 217, .58); border: 1px solid rgba(35, 79, 76, .15); border-radius: 999px; color: #4e514b; }
.mh-home__launch-note .mh-home__eyebrow { margin: 0; color: var(--mh-teal); white-space: nowrap; }
.mh-home__launch-note > p:last-child { margin: 0; }
.mh-home__launch-note strong { color: var(--mh-ink); }
.mh-home__section { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 120px 0; }
.mh-home__section-heading { display: grid; grid-template-columns: 1.3fr .8fr; align-items: end; gap: 60px; margin-bottom: 48px; }
.mh-home__section-heading h2, .mh-home__sell h2, .mh-home__about h2 { margin-bottom: 0; font-size: clamp(42px, 5vw, 66px); }
.mh-home__section-heading > p { max-width: 450px; margin-bottom: 5px; color: #655f5a; font-size: 18px; }
.mh-home__shop-grid { display: grid; grid-template-columns: 1.35fr .75fr; gap: 24px; }
.mh-home__feature-card { display: flex; min-height: 480px; overflow: hidden; background: var(--mh-paper); border: 1px solid var(--mh-line); transition: transform .25s, box-shadow .25s; }
.mh-home__feature-card:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(55,42,32,.11); }
.mh-home__feature-card h3 { margin-bottom: 14px; font-size: 34px; }
.mh-home__feature-card p:not(.mh-home__eyebrow) { color: #625c57; }
.mh-home__feature-card div > span { color: var(--mh-copper-dark); font-weight: 800; }
.mh-home__feature-card--product { flex-direction: row; align-items: stretch; }
.mh-home__product-image { width: 56%; display: flex; align-items: center; justify-content: center; padding: 26px; background: #eeeae2; }
.mh-home__product-image img { width: 100%; max-height: 390px; object-fit: contain; filter: drop-shadow(0 22px 18px rgba(40,30,25,.14)); }
.mh-home__feature-card--product > div:last-child { width: 44%; align-self: center; padding: 34px; }
.mh-home__feature-card--story { flex-direction: column; background: #f2e8d6; }
.mh-home__feature-card--story > img { width: 100%; height: 235px; object-fit: cover; object-position: center; border-bottom: 1px solid var(--mh-line); }
.mh-home__feature-card--story > div { padding: 30px 34px; }
.mh-home__sell { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 8vw, 130px); align-items: center; padding: 100px max(24px, calc((100vw - 1180px) / 2)); background: var(--mh-teal); color: #fff; }
.mh-home__sell .mh-home__eyebrow { color: #e8c5a7; }
.mh-home__sell-copy > p:not(.mh-home__eyebrow) { max-width: 620px; margin: 26px 0 30px; color: rgba(255,255,255,.78); font-size: 18px; }
.mh-home__steps { margin: 0; padding: 0; list-style: none; }
.mh-home__steps li { display: grid; grid-template-columns: 52px 1fr; gap: 20px; padding: 25px 0; border-bottom: 1px solid rgba(255,255,255,.17); }
.mh-home__steps li > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; font-weight: 750; }
.mh-home__steps h3 { margin: 2px 0 6px; font-size: 24px; }
.mh-home__steps p { margin: 0; color: rgba(255,255,255,.7); }
.mh-home__about { display: grid; grid-template-columns: minmax(220px, .65fr) 1.6fr; align-items: center; gap: clamp(45px, 8vw, 120px); }
.mh-home__about > img { width: min(100%, 330px); margin: auto; }
.mh-home__about h2 { max-width: 720px; margin-bottom: 24px; }
.mh-home__about div > p:last-child { max-width: 760px; color: #5f5954; font-size: 19px; }
.mh-home__footer { display: grid; grid-template-columns: 1.2fr 1fr auto; align-items: center; gap: 20px 40px; padding: 44px clamp(24px, 6vw, 92px); background: #261f1b; color: #f9f1e6; }
.mh-home__footer p, .mh-home__footer small { margin: 0; color: rgba(255,255,255,.62); }
.mh-home__footer small { grid-column: 1 / -1; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.13); }
.mh-home__footer a:hover { color: #e5b999; }

@media (max-width: 900px) {
    .mh-home__header nav > a:not(.mh-home__nav-cta) { display: none; }
    .mh-home__hero { min-height: 610px; background-image: linear-gradient(90deg, rgba(249,245,235,.98), rgba(249,245,235,.83) 62%, rgba(249,245,235,.26)), var(--mh-hero); }
    .mh-home__hero-copy { width: min(650px, 85%); }
    .mh-home__categories { grid-template-columns: repeat(2, 1fr); }
    .mh-home__categories article { min-height: 0; }
    .mh-home__categories article:nth-child(odd) { border-left: 0; }
    .mh-home__categories article:nth-child(n+3) { border-top: 1px solid var(--mh-line); }
    .mh-home__section-heading, .mh-home__shop-grid, .mh-home__sell { grid-template-columns: 1fr; }
    .mh-home__feature-card--product { min-height: 440px; }
    .mh-home__footer { grid-template-columns: 1fr 1fr; }
    .mh-home__footer nav { justify-content: end; }
}

@media (max-width: 620px) {
    .mh-home__header { min-height: 72px; padding: 12px 18px; }
    .mh-home__brand { font-size: 19px; }
    .mh-home__brand img { width: 38px; height: 38px; }
    .mh-home__nav-cta { padding: 9px 12px; font-size: 12px; }
    .mh-home__hero { min-height: 660px; align-items: flex-start; padding: 74px 22px 180px; background-image: linear-gradient(180deg, rgba(249,245,235,.98) 0%, rgba(249,245,235,.9) 55%, rgba(249,245,235,.08) 100%), var(--mh-hero); background-position: 64% center; }
    .mh-home__hero-copy { width: 100%; }
    .mh-home__hero h1 { font-size: 53px; }
    .mh-home__actions { flex-direction: column; align-items: stretch; }
    .mh-home__categories, .mh-home__section { width: min(100% - 30px, 1180px); }
    .mh-home__categories { grid-template-columns: 1fr; }
    .mh-home__categories article + article { border-left: 0; border-top: 1px solid var(--mh-line); }
    .mh-home__launch-note { grid-template-columns: 1fr; gap: 8px; width: min(100% - 30px, 1000px); margin-top: 34px; padding: 24px; border-radius: 18px; }
    .mh-home__section { padding: 85px 0; }
    .mh-home__section-heading { gap: 18px; }
    .mh-home__feature-card { min-height: 0; }
    .mh-home__feature-card--product { flex-direction: column; }
    .mh-home__product-image, .mh-home__feature-card--product > div:last-child { width: 100%; }
    .mh-home__product-image { min-height: 320px; }
    .mh-home__sell { padding: 80px 24px; }
    .mh-home__about { grid-template-columns: 1fr; text-align: center; }
    .mh-home__about > img { width: 190px; }
    .mh-home__footer { grid-template-columns: 1fr; text-align: center; }
    .mh-home__footer .mh-home__brand, .mh-home__footer nav { justify-content: center; }
}