/* ============================================================================
   page-home-v2.css
   Home v2 (A/B test) — product/outcome-led landing page. Scoped under .bsh-v2.
   Full-bleed band system: section backgrounds run edge-to-edge; reading content
   sits in an inner max-width. Brand palette/typefaces unchanged. Mobile-first.
   ============================================================================ */

/* Shared eyebrow label */
.bsh-v2 .bsh-v2-eyebrow {
	font-family:    var(--bs-ui-font);
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size:      .72rem;
	font-weight:    600;
	color:          var(--bs-pink-dark);
	margin:         0 0 10px;
}

/* ── Hero — full-bleed split: navy text panel left, video fills right ──────── */
.bsh-v2 .bsh-v2-hero { padding: 0; background: var(--bs-navy); }
.bsh-v2 .bsh-v2-hero__grid {
	display:               grid;
	grid-template-columns: 1fr 1.1fr;
	align-items:           stretch;
	min-height:            clamp(460px, 72vh, 660px);
}
.bsh-v2 .bsh-v2-hero__text {
	background:       var(--bs-navy);
	color:           var(--bs-cream);
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	text-align:      left;
	padding:         clamp(40px, 6vw, 72px) clamp(28px, 4vw, 56px);
	padding-left:    max(clamp(24px, 5vw, 40px), calc((100vw - var(--bs-max-width)) / 2));
}
.bsh-v2 .bsh-v2-hero__title {
	font-family: var(--bs-heading-font);
	font-size:   clamp(2.1rem, 3.6vw, 3.2rem);
	line-height: 1.08;
	color:       var(--bs-cream);
	margin:      0 0 16px;
	max-width:   18ch;
}
.bsh-v2 .bsh-v2-hero__sub {
	font-family: var(--bs-body-font);
	font-size:   clamp(1.05rem, 1.6vw, 1.2rem);
	line-height: 1.55;
	color:       rgba(253, 249, 242, .85);
	max-width:   46ch;
	margin:      0 0 28px;
}
.bsh-v2 .bsh-v2-hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; }
.bsh-v2 .bsh-v2-hero__text .bsh-btn--ghost {
	color: var(--bs-cream); border-color: rgba(253, 249, 242, .5); background: transparent;
}
.bsh-v2 .bsh-v2-hero__text .bsh-btn--ghost:hover {
	background: var(--bs-cream); color: var(--bs-navy); border-color: var(--bs-cream);
}
.bsh-v2 .bsh-v2-hero__trust {
	list-style: none; display: flex; flex-wrap: wrap;
	margin: 24px 0 0; padding: 0;
	font-family: var(--bs-ui-font); font-size: .82rem; letter-spacing: .03em;
	color: rgba(253, 249, 242, .7);
}
.bsh-v2 .bsh-v2-hero__trust li:not(:last-child)::after { content: "\00b7"; margin: 0 14px; color: rgba(253, 249, 242, .35); }
.bsh-v2 .bsh-v2-hero__media { position: relative; min-height: 320px; background: var(--bs-navy-dark); overflow: hidden; }
.bsh-v2 .bsh-v2-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

/* ── Carousel engine (shared) ────────────────────────────────────────────── */
.bsh-v2 .bsh-v2-carousel { position: relative; }
.bsh-v2 .bsh-v2-carousel__viewport {
	position: relative; aspect-ratio: 3 / 2;
	border-radius: var(--bs-radius-lg); overflow: hidden;
	background: var(--bs-cream-dark);
	box-shadow: 0 24px 50px -22px rgba(9, 58, 102, .5);
}
.bsh-v2 .bsh-v2-carousel__slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .6s ease; }
.bsh-v2 .bsh-v2-carousel__slide.is-active { opacity: 1; }
.bsh-v2 .bsh-v2-carousel__slide img,
.bsh-v2 .bsh-v2-carousel__slide video { width: 100%; height: 100%; object-fit: cover; display: block; }
.bsh-v2 .bsh-v2-carousel__dots { display: flex; gap: 8px; justify-content: center; margin-top: 14px; }
.bsh-v2 .bsh-v2-carousel__dot {
	width: 9px; height: 9px; padding: 0; border: none; border-radius: 50%;
	background: var(--bs-border); cursor: pointer; transition: background .15s;
}
.bsh-v2 .bsh-v2-carousel__dot.is-active { background: var(--bs-navy); }

/* ── How it works — MIRROR of hero: image carousel left, text right (cream) ─ */
.bsh-v2 .bsh-v2-how { background: var(--bs-cream); }
.bsh-v2 .bsh-v2-how__grid {
	display:               grid;
	grid-template-columns: 1.1fr 1fr;
	align-items:           stretch;
	min-height:            clamp(460px, 72vh, 660px);
}
.bsh-v2 .bsh-v2-how__media { position: relative; min-height: 320px; background: var(--bs-cream-dark); overflow: hidden; }
.bsh-v2 .bsh-v2-how__media .bsh-v2-carousel { position: absolute; inset: 0; }
.bsh-v2 .bsh-v2-how__media .bsh-v2-carousel__viewport {
	position: absolute; inset: 0; aspect-ratio: auto; width: 100%; height: 100%; border-radius: 0; box-shadow: none;
}
.bsh-v2 .bsh-v2-how__media .bsh-v2-carousel__dots { display: none; }
.bsh-v2 .bsh-v2-how__text {
	background:       var(--bs-cream);
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	text-align:      left;
	padding:         clamp(40px, 6vw, 72px) clamp(28px, 4vw, 56px);
	padding-right:   max(clamp(24px, 5vw, 40px), calc((100vw - var(--bs-max-width)) / 2));
}
.bsh-v2 .bsh-v2-how__heading {
	font-family: var(--bs-heading-font); font-size: clamp(1.8rem, 4vw, 2.4rem);
	color: var(--bs-navy); margin: 0 0 28px;
}
.bsh-v2 .bsh-v2-how__steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 22px; }
.bsh-v2 .bsh-v2-how__step { display: flex; gap: 16px; align-items: flex-start; }
.bsh-v2 .bsh-v2-how__num {
	flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%;
	background: var(--bs-navy); color: var(--bs-cream);
	font-family: var(--bs-heading-font); font-size: 1rem;
	display: grid; place-items: center; margin-top: 2px;
}
.bsh-v2 .bsh-v2-how__step-title { font-family: var(--bs-heading-font); font-size: 1.15rem; color: var(--bs-navy); margin: 0 0 4px; }
.bsh-v2 .bsh-v2-how__body p { color: var(--bs-text-muted); font-size: .98rem; line-height: 1.55; margin: 0; }

/* Testimonials below the split (SAMPLE placeholders — replaced pre-launch) */
.bsh-v2 .bsh-v2-how__proof { padding-top: clamp(48px, 7vw, 80px); padding-bottom: clamp(48px, 8vw, 96px); }
.bsh-v2 .bsh-v2-quotes { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 880px; margin: 0 auto; }
.bsh-v2 .bsh-v2-quote {
	margin: 0; padding: 24px 28px; background: var(--bs-white);
	border: 1px solid var(--bs-border-light); border-radius: var(--bs-radius-lg); text-align: left;
}
.bsh-v2 .bsh-v2-quote__flag {
	display: inline-block; font-family: var(--bs-ui-font); font-size: .62rem;
	text-transform: uppercase; letter-spacing: .12em;
	color: #9a6a00; background: #fdf2d6; border: 1px solid #f0d89a;
	border-radius: 4px; padding: 2px 7px; margin-bottom: 12px;
}
.bsh-v2 .bsh-v2-quote blockquote { margin: 0; }
.bsh-v2 .bsh-v2-quote blockquote p {
	font-family: var(--bs-heading-font); font-style: italic;
	font-size: 1.1rem; line-height: 1.45; color: var(--bs-navy); margin: 0 0 12px;
}
.bsh-v2 .bsh-v2-quote__by { font-family: var(--bs-ui-font); font-size: .85rem; color: var(--bs-text-muted); }

/* Testimonial stars — the ONLY place stars belong (5-star review cue) + pull-quotes */
.bsh-v2 .bsh-v2-star { width: 18px; height: 18px; fill: var(--bs-gold); }
.bsh-v2 .bsh-v2-stars { display: flex; justify-content: center; gap: 3px; margin-bottom: 14px; }
.bsh-v2 .bsh-v2-pullquote { max-width: 640px; margin: 0 auto; text-align: center; }
.bsh-v2 .bsh-v2-pullquote blockquote { margin: 0; }
.bsh-v2 .bsh-v2-pullquote blockquote p { font-family: var(--bs-heading-font); font-style: italic; font-size: clamp(1.25rem, 2vw, 1.6rem); line-height: 1.5; color: var(--bs-navy); margin: 0 0 14px; }
.bsh-v2 .bsh-v2-pullquote__by { font-family: var(--bs-ui-font); font-size: .85rem; letter-spacing: .04em; color: var(--bs-text-muted); }
/* Gift-section testimonial — compact, left-aligned inside the gift text column */
.bsh-v2 .bsh-v2-giftquote { margin: 30px 0 0; padding-top: 24px; border-top: 1px solid var(--bs-border-light); }
.bsh-v2 .bsh-v2-giftquote .bsh-v2-stars { justify-content: flex-start; margin-bottom: 8px; }
.bsh-v2 .bsh-v2-giftquote blockquote { margin: 0; }
.bsh-v2 .bsh-v2-giftquote blockquote p { font-family: var(--bs-heading-font); font-style: italic; font-size: 1.05rem; line-height: 1.5; color: var(--bs-navy); margin: 0 0 6px; }
.bsh-v2 .bsh-v2-giftquote figcaption { font-family: var(--bs-ui-font); font-size: .82rem; color: var(--bs-text-muted); }

/* ── Mobile-first ────────────────────────────────────────────────────────── */
@media (max-width: 860px) {
	.bsh-v2 .bsh-v2-hero__grid  { grid-template-columns: 1fr; min-height: 0; }
	.bsh-v2 .bsh-v2-hero__media { order: -1; min-height: 0; aspect-ratio: 4 / 3; }
	.bsh-v2 .bsh-v2-hero__text  { padding: 32px 24px 40px; }
	.bsh-v2 .bsh-v2-hero__ctas  { flex-direction: column; align-items: stretch; }

	.bsh-v2 .bsh-v2-how__grid   { grid-template-columns: 1fr; min-height: 0; }
	.bsh-v2 .bsh-v2-how__media  { min-height: 0; aspect-ratio: 4 / 3; }
	.bsh-v2 .bsh-v2-how__text   { padding: 32px 24px 40px; }
}
@media (max-width: 768px) {
	.bsh-v2 .bsh-v2-quotes { grid-template-columns: 1fr; }
}


/* ============================================================================
   V2 REDESIGN — added sections + band rhythm + icon flourishes (2026-07-02)
   Full-page pass. Band backgrounds are assigned so no two adjacent sections
   share a colour: navy → white → cream → white → navy-light → cream →
   blue-grey → cream → white → navy-light → cream → navy → white.
   ============================================================================ */

/* ── 1b · Quick-trust band (white) — splits the two image-led headers ─────── */
.bsh-v2 .bsh-v2-band {
	background: var(--bs-white);
	border-top: 1px solid var(--bs-border-light);
	border-bottom: 1px solid var(--bs-border-light);
	padding: 26px 0;
}
.bsh-v2 .bsh-v2-band__list {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.bsh-v2 .bsh-v2-band__list li { text-align: center; padding: 0 6px; }
.bsh-v2 .bsh-v2-band__list li + li { border-left: 1px solid var(--bs-gold); }
.bsh-v2 .bsh-v2-band__k {
	display: block; font-family: var(--bs-heading-font); font-weight: 700;
	font-size: 1.05rem; color: var(--bs-navy); margin-bottom: 3px;
}
.bsh-v2 .bsh-v2-band__v {
	display: block; font-family: var(--bs-ui-font); font-size: .82rem;
	line-height: 1.4; color: var(--bs-text-muted);
}

/* ── 2b · See inside (white) — video, centred ─────────────────────────────── */
.bsh-v2 .bsh-v2-see {
	background: var(--bs-paper-2);
	border-top: 1px solid var(--bs-border-light);
	padding: clamp(64px, 8vw, 104px) 0;
}
.bsh-v2 .bsh-v2-see__inner { text-align: center; }
.bsh-v2 .bsh-v2-see .bsh-v2-eyebrow { text-align: center; }
.bsh-v2 .bsh-v2-see__heading {
	font-family: var(--bs-heading-font); font-weight: 400; font-style: italic;
	font-size: clamp(2rem, 3.6vw, 3rem); color: var(--bs-navy); margin: 0 0 16px;
}
.bsh-v2 .bsh-v2-see__sub {
	font-family: var(--bs-body-font); font-size: 1.0625rem; line-height: 1.7;
	color: var(--bs-text-muted); max-width: 52ch; margin: 0 auto 40px;
}
.bsh-v2 .bsh-v2-see__video {
	position: relative; aspect-ratio: 16 / 9; max-width: 880px; margin: 0 auto 36px;
	border-radius: var(--bs-radius-lg); overflow: hidden;
	box-shadow: var(--bs-shadow-lg); background: var(--bs-navy-dark);
}
.bsh-v2 .bsh-v2-see__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Palette v2.3 (2026-07-02): drop the earthy tones entirely. Three-tone system —
   deep navy anchors, crisp white, and a cool light blue-grey as the secondary
   ground (light + desaturated, NOT the old mid-tone periwinkle). Warm cream/
   beige/sand retired for this sales page. Pink accent under review (a warm
   accent on a cool palette — likely to move to navy/mono next). */
.bsh-v2 { --bs-paper: #ffffff; --bs-paper-2: #eaeef3; }

/* ── 2c · Editorial reveal (off-white) — before/after, the craft made visible ── */
.bsh-v2 .bsh-v2-reveal {
	background: var(--bs-paper-2);
	border-top: 1px solid var(--bs-border-light);
	padding: clamp(64px, 8vw, 104px) 0;
}
.bsh-v2 .bsh-v2-reveal .bsh-v2-eyebrow { text-align: center; }
.bsh-v2 .bsh-v2-reveal__head { text-align: center; max-width: 62ch; margin: 0 auto 36px; }
.bsh-v2 .bsh-v2-reveal__heading {
	font-family: var(--bs-heading-font); font-weight: 400;
	font-size: clamp(1.8rem, 3.2vw, 2.6rem); color: var(--bs-navy); margin: 0 0 16px;
}
.bsh-v2 .bsh-v2-reveal__lede {
	font-family: var(--bs-body-font); font-size: 1.0625rem; line-height: 1.72;
	color: var(--bs-text); margin: 0;
}
.bsh-v2 .bsh-v2-reveal__q {
	font-family: var(--bs-heading-font); font-style: italic;
	font-size: clamp(1.25rem, 2vw, 1.6rem); color: var(--bs-navy);
	text-align: center; max-width: 44ch; margin: 0 auto 28px;
}
.bsh-v2 .bsh-v2-reveal__cols {
	display: grid; grid-template-columns: 1fr 1fr; gap: 22px;
	max-width: 920px; margin: 0 auto; align-items: start;
}
.bsh-v2 .bsh-v2-reveal__col {
	margin: 0; padding: 28px 30px; background: var(--bs-white);
	border-radius: var(--bs-radius-lg); box-shadow: var(--bs-shadow-card);
}
.bsh-v2 .bsh-v2-reveal__col figcaption {
	font-family: var(--bs-ui-font); text-transform: uppercase; letter-spacing: .12em;
	font-size: .68rem; font-weight: 600; margin-bottom: 14px;
}
.bsh-v2 .bsh-v2-reveal__col p {
	font-family: var(--bs-body-font); font-size: 1rem; line-height: 1.75;
	color: var(--bs-text); margin: 0;
}
.bsh-v2 .bsh-v2-reveal__col--raw { background: var(--bs-paper); }
.bsh-v2 .bsh-v2-reveal__col--raw figcaption { color: var(--bs-text-muted); }
.bsh-v2 .bsh-v2-reveal__col--raw p { color: var(--bs-text-muted); font-style: italic; }
.bsh-v2 .bsh-v2-reveal__col--edited { border-top: 3px solid var(--bs-pink); }
.bsh-v2 .bsh-v2-reveal__col--edited figcaption { color: var(--bs-pink-dark); }
.bsh-v2 .bsh-v2-reveal__note {
	text-align: center; font-family: var(--bs-heading-font); font-style: italic;
	font-size: 1.15rem; color: var(--bs-navy); margin: 28px 0 0;
}

/* ── 5b · Founder / genesis band (deep navy peak) — the emotional low-point ── */
.bsh-v2 .bsh-v2-founder {
	background: var(--bs-navy-dark);
	border-top: 1px solid rgba(253, 249, 242, .1);
	padding: clamp(64px, 8vw, 104px) 0;
}
.bsh-v2 .bsh-v2-founder__grid {
	display: grid; grid-template-columns: 300px 1fr; gap: 56px; align-items: center;
}
.bsh-v2 .bsh-v2-founder__photo img {
	width: 100%; height: auto; display: block;
	border-radius: var(--bs-radius-lg); box-shadow: var(--bs-shadow-lg);
}
.bsh-v2 .bsh-v2-founder__placeholder {
	aspect-ratio: 4 / 5; display: grid; place-items: center; text-align: center;
	border: 2px dashed var(--bs-border); border-radius: var(--bs-radius-lg);
	background: var(--bs-cream); color: var(--bs-text-muted);
	font-family: var(--bs-ui-font); font-size: .8rem; letter-spacing: .1em;
	text-transform: uppercase; line-height: 1.8;
}
.bsh-v2 .bsh-v2-founder__heading {
	font-family: var(--bs-heading-font); font-weight: 400; font-style: italic;
	font-size: clamp(1.9rem, 3.2vw, 2.6rem); color: var(--bs-navy); margin: 0 0 20px;
}
.bsh-v2 .bsh-v2-founder__text p {
	font-family: var(--bs-body-font); font-size: 1.0625rem; line-height: 1.78;
	color: var(--bs-text); margin: 0 0 1.2em; max-width: 54ch;
}
.bsh-v2 .bsh-v2-founder__text p:last-child { margin-bottom: 0; }
.bsh-v2 .bsh-v2-founder__text p.bsh-v2-founder__sign {
	font-family: var(--bs-ui-font); font-size: .8rem; letter-spacing: .1em;
	text-transform: uppercase; color: var(--bs-text-muted); margin: 26px 0 0;
}
/* Deep-navy peak: recolour founder text to cream */
.bsh-v2 .bsh-v2-founder__heading { color: var(--bs-cream); }
.bsh-v2 .bsh-v2-founder__text p { color: rgba(253, 249, 242, .85); }
.bsh-v2 .bsh-v2-founder__text p.bsh-v2-founder__sign { color: rgba(253, 249, 242, .55); }

/* ── Light ground: inherited + how-it-works shift off warm beige to the cool
      three-tone system, alternating white / blue-grey so adjacent light bands
      still read apart. Rhythm: navy hero .. NAVY why .. NAVY guarantee .. ── */
.bsh-v2 .bsh-v2-how,
.bsh-v2 .bsh-v2-how__text { background: var(--bs-paper); }
.bsh-v2 .bsh-diff    { background: var(--bs-paper); }
.bsh-v2 .bsh-paths   { background: var(--bs-paper-2); }
.bsh-v2 .bsh-gift    { background: var(--bs-paper); }
.bsh-v2 .bsh-trust   { background: var(--bs-paper-2); }
.bsh-v2 .bsh-stories { background: var(--bs-paper); }
.bsh-v2 .bsh-paths__intro { color: var(--bs-text); }
.bsh-v2 .bsh-path__ch,
.bsh-v2 .bsh-path__tag { color: var(--bs-text-muted); }

/* ── 7b · Guarantee band (navy) — risk reversal at the decision point ─────── */
.bsh-v2 .bsh-v2-guarantee { background: var(--bs-gold); padding: clamp(14px, 1.6vw, 20px) 0; }
.bsh-v2 .bsh-v2-guarantee__inner { text-align: center; }
.bsh-v2 .bsh-v2-guarantee__heading {
	font-family: var(--bs-heading-font); font-style: italic;
	font-size: clamp(2rem, 3.6vw, 3rem); color: var(--bs-navy); margin: 0 0 10px;
}
.bsh-v2 .bsh-v2-guarantee__sub {
	font-family: var(--bs-body-font); font-size: 1.05rem;
	color: rgba(9, 58, 102, .82); max-width: 46ch; margin: 0 auto 36px;
}
.bsh-v2 .bsh-v2-guarantee__list {
	list-style: none; padding: 0; margin: 0 auto; max-width: 940px;
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.bsh-v2 .bsh-v2-guarantee__list li { display: flex; align-items: center; }
.bsh-v2 .bsh-v2-guarantee__list li:not(:last-child)::after {
	content: "\25C6"; color: var(--bs-navy); opacity: .4;
	font-size: .55rem; margin: 0 24px; position: relative; top: -2px;
}
.bsh-v2 .bsh-v2-guarantee__k {
	display: inline; font-family: var(--bs-heading-font); font-size: 1.1rem; color: var(--bs-navy);
}
@media (max-width: 640px) {
	.bsh-v2 .bsh-v2-guarantee__list { flex-direction: column; gap: 10px; }
	.bsh-v2 .bsh-v2-guarantee__list li:not(:last-child)::after { display: none; }
}
.bsh-v2 .bsh-v2-guarantee .bsh-star { display: block; width: 22px; height: 22px; margin: 0 auto 9px; fill: var(--bs-navy); }

/* ── Built differently → clean 2×2 grid of cards; icons as small flourishes ─ */
.bsh-v2 .bsh-diff__list { display: grid; grid-template-columns: 1fr 1fr; gap: 44px 60px; }
.bsh-v2 .bsh-diff__item { display: block; grid-template-columns: none; padding: 0; border: none; }
.bsh-v2 .bsh-diff__item:last-child { border: none; }
.bsh-v2 .bsh-diff__icon { justify-content: flex-start; padding: 0; margin-bottom: 18px; }
.bsh-v2 .bsh-diff__icon img { width: 72px; height: 72px; }
.bsh-v2 .bsh-diff__title { font-size: clamp(1.2rem, 1.6vw, 1.4rem); margin-bottom: 10px; }
.bsh-v2 .bsh-diff__content p { max-width: 42ch; }
.bsh-v2 .bsh-diff__link { display: inline-block; margin-top: 12px; color: var(--bs-gold-dark); font-family: var(--bs-ui-font); font-size: .82rem; letter-spacing: .02em; text-decoration: none; border-bottom: 1px solid var(--bs-gold); padding-bottom: 1px; transition: color .15s ease, border-color .15s ease; }
.bsh-v2 .bsh-diff__link::after { content: " \2192"; }
.bsh-v2 .bsh-diff__link:hover { color: var(--bs-navy); border-color: var(--bs-navy); }
.bsh-v2 .bsh-path__icon img { width: 72px; height: 72px; }

/* ── Pathways → centred axis; Reflections apex over an optional pair ───────── */
/* Centre the whole section header so the top matches the "Optional" divider */
/* This section runs wider than the default container so the pyramid fills more space */
.bsh-v2 .bsh-paths .bs-container { max-width: 1240px; }
.bsh-v2 .bsh-paths__header { text-align: center; margin-bottom: 40px; }
.bsh-v2 .bsh-paths__intro { max-width: 56ch; margin-left: auto; margin-right: auto; }

/* Every card reads as a centred stack: icon / NAME (primary) / chapters / explainer / copy */
.bsh-v2 .bsh-path { text-align: center; }
.bsh-v2 .bsh-path__icon { justify-content: center; text-align: center; margin-bottom: 10px; }
.bsh-v2 .bsh-path__head { display: block; text-align: center; margin-bottom: 8px; }
.bsh-v2 .bsh-path__name { font-family: var(--bs-heading-font); text-transform: none; letter-spacing: normal; color: var(--bs-navy); line-height: 1.05; }
.bsh-v2 .bsh-path__ch { display: block; margin-top: 8px; font-family: var(--bs-ui-font); text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; }
/* The explainer is now a SUBHEADING — secondary to the pathway name */
.bsh-v2 .bsh-path__title { font-family: var(--bs-heading-font); font-weight: 500; color: var(--bs-navy); opacity: .85; margin: 6px auto 20px; }
/* The audience line sits ABOVE the body copy in hierarchy: bolder + darker */
.bsh-v2 .bsh-path__tag { max-width: 46ch; margin: 0 auto 18px; font-weight: 600; font-style: italic; color: var(--bs-text); }
.bsh-v2 .bsh-path__copy { margin-left: auto; margin-right: auto; color: var(--bs-text-muted); }

/* Lead card = pyramid apex: narrower than the pair below, centred, rounded */
.bsh-v2 .bsh-paths__lead { max-width: 820px; margin: 0 auto; }
.bsh-v2 .bsh-paths__lead .bsh-path { background: #fff; border-top: 3px solid var(--bs-gold); border-radius: var(--bs-radius-lg); box-shadow: var(--bs-shadow-card); padding: 34px 56px 38px; }
.bsh-v2 .bsh-paths__lead .bsh-path__icon img { width: 144px; height: 144px; }
.bsh-v2 .bsh-paths__lead .bsh-path__name { font-size: clamp(1.9rem, 3vw, 2.5rem); }
.bsh-v2 .bsh-paths__lead .bsh-path__title { font-size: clamp(1.1rem, 1.5vw, 1.3rem); }
.bsh-v2 .bsh-paths__lead .bsh-path__copy { max-width: 72ch; }

/* Divider that demotes the next two to optional */
.bsh-v2 .bsh-paths__more-head { text-align: center; margin: 40px 0 26px; }
.bsh-v2 .bsh-paths__more-eyebrow { font-family: var(--bs-ui-font); text-transform: uppercase; letter-spacing: .18em; font-size: .72rem; color: var(--bs-gold-dark); margin: 0 0 8px; }
.bsh-v2 .bsh-paths__more-title { font-family: var(--bs-heading-font); font-size: clamp(1.15rem, 1.6vw, 1.4rem); color: var(--bs-navy); max-width: 34ch; margin: 0 auto; line-height: 1.3; }
.bsh-v2 .bsh-paths__more-sub { font-family: var(--bs-body-font); color: var(--bs-text-muted); max-width: 54ch; margin: 0 auto; line-height: 1.7; }

/* Subordinate pair = two rounded cards with breathing room; same hierarchy, smaller scale */
.bsh-v2 .bsh-paths__more { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 48px; }
.bsh-v2 .bsh-paths__more .bsh-path { background: #fff; border-top: 2px solid var(--bs-gold); border-radius: var(--bs-radius-lg); box-shadow: var(--bs-shadow-card); padding: 36px 34px 40px; }
.bsh-v2 .bsh-paths__more .bsh-path__icon img { width: 112px; height: 112px; }
.bsh-v2 .bsh-paths__more .bsh-path__name { font-size: clamp(1.4rem, 2vw, 1.75rem); }
.bsh-v2 .bsh-paths__more .bsh-path__title { font-size: clamp(1rem, 1.3vw, 1.1rem); }

@media (max-width: 720px) {
	.bsh-v2 .bsh-paths__lead { max-width: none; }
	.bsh-v2 .bsh-paths__more { grid-template-columns: 1fr; gap: 20px; }
	.bsh-v2 .bsh-paths__lead .bsh-path { padding: 34px 26px 38px; }
}

/* ── Gift → real photo instead of the illustration ────────────────────────── */
.bsh-v2 .bsh-gift__inner { grid-template-columns: 1fr 1fr; max-width: var(--bs-max-width); gap: 56px; }
.bsh-v2 .bsh-gift__art--photo .bsh-gift__art-img {
	width: 100%; height: 100%; max-height: 420px; aspect-ratio: 4 / 3;
	object-fit: cover; border-radius: var(--bs-radius-lg); box-shadow: var(--bs-shadow-lg);
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 860px) {
	.bsh-v2 .bsh-v2-founder__grid { grid-template-columns: 1fr; gap: 32px; }
	.bsh-v2 .bsh-v2-founder__photo { max-width: 320px; }
}
@media (max-width: 768px) {
	.bsh-v2 .bsh-v2-band__list { grid-template-columns: 1fr; gap: 20px; }
	.bsh-v2 .bsh-v2-band__list li + li { border-left: none; }
	.bsh-v2 .bsh-v2-reveal__cols { grid-template-columns: 1fr; }
	.bsh-v2 .bsh-v2-guarantee__list { flex-direction: column; gap: 12px; max-width: 340px; }
	.bsh-v2 .bsh-v2-guarantee__list li:not(:last-child)::after { display: none; }
	.bsh-v2 .bsh-diff__list { grid-template-columns: 1fr; gap: 36px; }
	.bsh-v2 .bsh-gift__inner { grid-template-columns: 1fr; }
	.bsh-v2 .bsh-gift__art--photo { display: block; }
	.bsh-v2 .bsh-gift__art--photo .bsh-gift__art-img { aspect-ratio: 16 / 10; max-height: 300px; }
}


/* ============================================================================
   ACCENT (2026-07-02) — dusty pink + earthy gold both retired. Base stays
   restrained (navy / white / blue-grey); a single VIBRANT accent carries the
   pop. Audition the whole scheme by changing --bs-accent below.
     coral #f0645a (current)  ·  bright gold #f0b429  ·  teal #10a597
   ============================================================================ */
.bsh-v2 {
	/* Single accent: GOLD. Champagne/antique gold in the foil-stamp register
	   (not mustard-finance). Used for both CTAs and fine detailing. Navy carries
	   trust + timelessness; gold adds craft and the one warm note. Rose retired. */
	--bs-gold:        #c2a25e;
	--bs-gold-dark:   #a9883f;          /* hover */
	--bs-accent:      var(--bs-gold);   /* CTAs */
	--bs-accent-dark: var(--bs-gold-dark);
	--bs-accent-ink:  var(--bs-navy);   /* navy text on gold */
}

/* Primary CTA: vibrant fill, navy text — crisp and high-contrast */
.bsh-v2 .bsh-btn--primary {
	background: var(--bs-accent); border-color: var(--bs-accent); color: var(--bs-accent-ink);
}
.bsh-v2 .bsh-btn--primary:hover {
	background: var(--bs-accent-dark); border-color: var(--bs-accent-dark); color: var(--bs-accent-ink);
}

/* Eyebrow labels → crisp navy on the light bands, accent on the navy founder band */
.bsh-v2 .bsh-v2-eyebrow { color: var(--bs-navy); }
/* Foil eyebrow on the navy genesis band — gold reads beautifully on navy */
.bsh-v2 .bsh-v2-founder .bsh-v2-eyebrow { color: var(--bs-gold); }

/* GOLD FOIL DETAILING — thin lines + small medallions only, never big fills */
.bsh-v2 .bsh-close__rule { background: var(--bs-gold); }
/* Closing CTA heading — smaller + wider container so it sits on two lines */
.bsh-v2 .bsh-close__inner { max-width: 780px; }
.bsh-v2 .bsh-close__heading { font-size: clamp(1.75rem, 3.2vw, 2.6rem); margin-bottom: 24px; }

/* Closing CTA proof → a strip of three real customers with their books */
.bsh-v2 .bsh-close__customers { overflow: visible; border-radius: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; max-width: 940px; margin: 56px auto 0; }
.bsh-v2 .bsh-close__customer { margin: 0; text-align: center; }
.bsh-v2 .bsh-close__customer img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--bs-radius-lg); box-shadow: var(--bs-shadow-card); display: block; }
.bsh-v2 .bsh-close__customer figcaption { margin-top: 14px; }
.bsh-v2 .bsh-close__cust-name { display: block; font-family: var(--bs-heading-font); font-size: 1.05rem; color: var(--bs-navy); }
.bsh-v2 .bsh-close__cust-book { display: block; font-family: var(--bs-ui-font); font-style: italic; font-size: .82rem; color: var(--bs-text-muted); margin-top: 2px; }
@media (max-width: 640px) {
	.bsh-v2 .bsh-close__customers { grid-template-columns: 1fr; gap: 22px; max-width: 340px; }
}
.bsh-v2 .bsh-trust__item::before { background: var(--bs-gold); }
.bsh-v2 .bsh-v2-reveal__col--edited { border-top-color: var(--bs-gold); }
.bsh-v2 .bsh-v2-reveal__col--edited figcaption { color: var(--bs-navy); }
/* Step numbers: no circle — clean gold serif numerals */
.bsh-v2 .bsh-v2-how__num {
	background: none; color: var(--bs-gold);
	width: auto; height: auto; min-width: 1.5rem; border-radius: 0;
	display: block; font-family: var(--bs-heading-font);
	font-size: 2rem; line-height: 1; margin-top: -2px;
}
.bsh-v2 .bsh-path { border-top-color: var(--bs-gold); }

/* Merged trust/guarantee band is now gold — navy hairlines for contrast */
.bsh-v2 .bsh-v2-guarantee__list li { border-top-color: var(--bs-navy); }

/* Founder photo placeholder → a ghost frame on the navy band (not a warm box) */
.bsh-v2 .bsh-v2-founder__placeholder {
	background: rgba(255, 255, 255, .05);
	border-color: rgba(253, 249, 242, .25);
	color: rgba(253, 249, 242, .5);
}
