/* ============================================================
   V16 — HERO TEXT SCALE-DOWN
   Rachael's request: the "He didn't just leave..." headline was
   rendering up to 72px and the hero panel felt like it consumed
   the entire viewport. Bring the title in line with the rest of
   the page's heading scale (compare .bpm-title at 30-44px) and
   trim the hero's vertical footprint so it reads as a hero band,
   not a full-page takeover.
   ============================================================ */

.bpm-hero--sell {
  min-height: clamp(460px, 62vh, 620px) !important;
}

.bpm-hero-content {
  max-width: 540px !important;
  padding: 30px 36px !important;
}

.bpm-hero-title--light {
  font-size: clamp(26px, 3.6vw, 38px) !important;
  line-height: 1.16 !important;
  letter-spacing: .04em !important;
  margin-bottom: 6px !important;
}

.bpm-hero-title-amp--light {
  font-size: clamp(16px, 2.2vw, 21px) !important;
  margin-top: 2px !important;
}

.bpm-hero-eyebrow--light {
  font-size: 9px !important;
  margin-bottom: 10px !important;
}

.bpm-hero-desc--light {
  font-size: clamp(13px, 1.5vw, 15px) !important;
  line-height: 1.6 !important;
  margin-bottom: 14px !important;
}

.bpm-hero-trust {
  margin-bottom: 18px !important;
}

.bpm-hero-trust span {
  font-size: 10px !important;
}

@media (max-width: 749px) {
  .bpm-hero--sell {
    min-height: clamp(420px, 58vh, 560px) !important;
    padding: 32px 20px !important;
  }
  .bpm-hero-content {
    max-width: 100% !important;
    padding: 24px 22px !important;
  }
}

/* ============================================================
   V17 — HOMEPAGE PRODUCT-EXPLAINER STRIP (front module)
   A compact "what we sell, in one glance" band placed
   immediately after the hero/marquee, ahead of the long-form
   About story, so first-time visitors understand the shop
   before they scroll past it into Rachael's personal story.
   ============================================================ */
.bpm-quickglance { padding: 40px 0; background: var(--card); border-bottom: 1px solid var(--border); }
.bpm-quickglance-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 980px; margin: 0 auto; }
.bpm-quickglance-item { text-align: center; padding: 8px 12px; }
.bpm-quickglance-icon { font-size: 24px; display: block; margin-bottom: 8px; }
.bpm-quickglance-title { font-family: var(--cinzel); font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ink); margin-bottom: 4px; display: block; }
.bpm-quickglance-desc { font-family: var(--playfair); font-style: italic; font-size: 12.5px; color: var(--ink3); line-height: 1.5; }
@media (max-width: 900px) { .bpm-quickglance-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .bpm-quickglance-grid { grid-template-columns: 1fr; gap: 22px; } .bpm-quickglance { padding: 32px 0; } }