/* ============================================================
   Home (front-page.php) — Website 2.0 handoff. Scoped under .bmm-home.
   Shared pieces (eyebrow, container, section-h, marquee, quote card,
   proof band, FAQ, CTA band) come from bmm-w2.css.
   ============================================================ */
.bmm-home .hero-home{background:var(--surface-page)}
.bmm-home .hero-grid{max-width:1140px;margin:0 auto;padding:clamp(48px,6vw,88px) clamp(20px,5vw,64px);display:grid;grid-template-columns:1fr;gap:clamp(32px,4vw,56px);align-items:center}
.bmm-home .hero-grid h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.022em;line-height:1.06;font-size:clamp(2.1rem,1.2rem + 3.4vw,3.7rem);color:var(--text-strong);margin:18px 0 0}
.bmm-home .hero-grid h1 em,.bmm-home .navy-h em{font-family:var(--font-quote);font-style:italic;font-weight:500}
.bmm-home .hero-grid h1 em{color:var(--color-primary)}
.bmm-home .hero-photo{width:100%;aspect-ratio:1/1.05;object-fit:cover;object-position:center 18%;border-radius:22px;box-shadow:var(--shadow-lg)}

/* ---- sound familiar ---- */
.bmm-home .pain-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;padding:20px 22px;font-family:var(--font-quote);font-style:italic;font-size:17.5px;line-height:1.5;color:var(--text-strong)}

/* ---- the reframe ---- */
.bmm-home .reframe{background:var(--surface-inverse)}
.bmm-home .navy-h{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.1;font-size:clamp(1.7rem,1.15rem + 2.2vw,2.7rem);color:var(--snow);margin:14px 0 0}
.bmm-home .navy-h em{color:var(--blue-200)}
.bmm-home .reframe-cell{border-top:1px solid rgba(255,255,255,.18);padding-top:22px}
.bmm-home .reframe-tag{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-300)}
.bmm-home .reframe-cell h3{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--snow);margin:10px 0 8px}
.bmm-home .reframe-cell p{font-size:18.5px;line-height:1.6;color:var(--blue-100);margin:0}

/* ---- what I do ---- */
.bmm-home .svc{border-top:1px solid var(--border-subtle);padding:22px 26px 22px 0}
.bmm-home .svc-num{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--blue-300)}
.bmm-home .svc h3{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--text-strong);margin:8px 0 6px}
.bmm-home .svc p{font-size:14.5px;line-height:1.55;margin:0}

/* ---- how I work ---- */
.bmm-home .step{border-top:2px solid var(--blue-200);padding-top:22px}
.bmm-home .step-tag{display:flex;align-items:baseline;gap:10px}
.bmm-home .step-tag .n{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1;color:var(--blue-200)}
.bmm-home .step-tag .t{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}
.bmm-home .step h3{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text-strong);margin:14px 0 8px}
.bmm-home .step p{font-size:14.5px;line-height:1.58;margin:0}

/* ---- three ways ---- */
.bmm-home .way{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:18px;padding:30px 28px;box-shadow:var(--shadow-md);position:relative;display:flex;flex-direction:column}
.bmm-home .way.is-featured{background:var(--surface-inverse);border-color:var(--surface-inverse)}
.bmm-home .way h3{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--text-strong);margin:6px 0 4px}
.bmm-home .way.is-featured h3{color:var(--snow)}
.bmm-home .way .terms{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--color-primary);margin:0 0 12px}
.bmm-home .way.is-featured .terms{color:var(--blue-200)}
.bmm-home .way .best{font-size:14.5px;line-height:1.55;color:var(--text-body);margin:0 0 20px;flex:1}
.bmm-home .way.is-featured .best{color:var(--blue-100)}
.bmm-home .way .best strong{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}
.bmm-home .way.is-featured .best strong{color:var(--green-300)}

/* ---- proof + authority ---- */
.bmm-home .stat-cell{text-align:center;padding:4px 10px}
.bmm-home .stat-cell .lbl{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-200);margin:0 0 10px}
.bmm-home .stat-cell .num{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,1.4rem + 1.8vw,3rem);line-height:1;letter-spacing:-.02em;color:var(--snow)}
.bmm-home .stat-cell p{font-size:13.5px;line-height:1.45;color:var(--blue-100);margin:8px 0 0}
.bmm-home .press-band{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:clamp(20px,3vw,44px)}
.bmm-home .press-band div{display:flex;align-items:center;justify-content:center}
.bmm-home .press-band img{max-height:34px;max-width:100%;object-fit:contain}

/* ---- layout ---- */
.bmm-home .grid2,.bmm-home .grid3,.bmm-home .svc-grid,.bmm-home .reframe-grid{display:flex;flex-direction:column;gap:14px}
@media (min-width:820px){
  .bmm-home .hero-grid{grid-template-columns:1.15fr .85fr}
  .bmm-home .grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .bmm-home .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .bmm-home .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}
  .bmm-home .reframe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
  .bmm-home .press-band{grid-template-columns:repeat(4,1fr)}
}