/* ==========================================================================
   remake.css - the Grok-layout remake layer. Loads AFTER site.css on every
   remade page. site.css (Sean's system: tokens, topo background, glass,
   header, drawer, stars, buttons' shape) is untouched; this file only
   (1) sets the redraft type scale + italic accent,
   (2) puts IBM Plex Mono on buttons, eyebrows, badges, pills and labels,
   (3) adds the condensed section layouts (bc-*) built on the --ll-* tokens,
   (4) keeps glass only on panels, forms, tables and the footer brand block,
   (5) folds the closing image into the footer (.bc-foot-band).
   [claude-code-opus-5-5 / bc-site-grok-layout-remake] 2026-09-27. DRAFT.
   ========================================================================== */

:root{
  --bc-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --bc-h1: clamp(2.6rem, 6.4vw, 5.2rem);
  --bc-h2: clamp(1.9rem, 3.8vw, 2.9rem);
  --bc-h3: clamp(1.15rem, 1.9vw, 1.42rem);
  --bc-lead: clamp(1.1rem, 1.8vw, 1.32rem);
  --bc-rule: rgba(255,255,255,.12);
  --bc-rule-strong: rgba(255,255,255,.55);
  --bc-accent-soft: #ffb07a;
  --bc-section: clamp(40px, 5.5vw, 72px);
}

/* ---- 1. Type scale + italic accent -------------------------------------- */
.bc h1, .bc .ll-hero--bleed h1{
  font-size: var(--bc-h1); line-height: .98; letter-spacing: -.015em; text-wrap: balance;
}
.bc h2{ font-size: var(--bc-h2); line-height: 1.06; text-wrap: balance; }
.bc h3{ font-size: var(--bc-h3); line-height: 1.2; text-wrap: balance; }
.bc .ll-grad, .bc em.bc-it{
  font-style: italic; font-weight: 400; padding-right: .06em;
}
.bc .ll-hero--bleed .ll-grad{ white-space: nowrap; }
.bc .ll-lead, .bc .bc-lead{ font-size: var(--bc-lead); line-height: 1.5; color: var(--ll-text-2); }

/* ---- 2. Mono on buttons, eyebrows, badges, pills, labels ---------------- */
.bc .ll-btn,
.bc .ll-eyebrow,
.bc .ll-badge,
.bc .ll-kicker,
.bc .bc-kicker,
.bc .bc-names,
.bc .ll-trust,
.bc .ll-footer__col h3,
.bc .ll-link--cta,
.bc legend,
.bc .bc-kv dt{
  font-family: var(--bc-mono);
}
.bc .ll-btn{
  font-size: .78rem; font-weight: 500; letter-spacing: .13em; text-transform: uppercase;
  padding: 14px 22px;
}
.bc .ll-eyebrow, .bc .bc-kicker, .bc .ll-kicker{
  font-size: .72rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
  color: var(--ll-accent-3);
}
.bc .ll-badge{ font-size: .68rem; font-weight: 500; letter-spacing: .14em; }
.bc .ll-link--cta{ font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 500; }

/* ---- 3. Condensed layout ------------------------------------------------ */
.bc .ll-section{ padding-block: var(--bc-section); }
.bc .ll-hero__band{ min-height: clamp(460px, 56vw, 660px); }

/* hero name row - Sean 2026-09-28 "keep in eye brow glass pills": his glass trust chips (dot + glass well),
   set in the eyebrow's mono type */
.bc .bc-names, .bc .ll-hero--bleed .ll-trust{
  display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: 1.6rem 0 0;
}
.bc .bc-names li, .bc .ll-hero--bleed .ll-trust li{
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .45rem .9rem; border-radius: var(--ll-radius-pill);
  border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  font-family: var(--bc-mono); font-size: .72rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ll-text);
}
.bc .bc-names li::before, .bc .ll-hero--bleed .ll-trust li::before{
  content: ""; width: .45rem; height: .45rem; border-radius: 50%; margin: 0;
  background: linear-gradient(135deg, var(--ll-accent-3), var(--ll-accent)); box-shadow: 0 0 10px rgba(255,102,0,.55);
}
.bc .bc-note{ margin: .9rem 0 0; font-size: .95rem; color: var(--ll-muted-2); }
.bc .bc-note strong{ color: var(--ll-text); font-weight: 600; }

/* section head: kicker + h2 on the left, lead on the right */
.bc .bc-head{
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);
  gap: 1.2rem clamp(2rem, 6vw, 5rem); align-items: end;
  margin-bottom: clamp(1.6rem, 3.5vw, 2.8rem);
}
.bc .bc-head .bc-kicker{ margin: 0 0 .8rem; }
.bc .bc-head h2{ margin: 0; }
/* Sean 2026-09-28: the orange bar is the bullet on section titles (his site.css .ll-section > h2 bar, reused) */
.bc .bc-head h2{ position: relative; padding-left: 1rem; }
.bc .bc-head h2::before{
  content: ""; position: absolute; left: 0; top: .15em; width: 4px; height: 1.05em; border-radius: 2px;
  background: linear-gradient(180deg, var(--ll-accent), var(--ll-accent-3)); box-shadow: 0 0 12px rgba(255,102,0,.45);
}
.bc .bc-head .bc-lead{ margin: 0; max-width: 46ch; }
@media (max-width: 760px){ .bc .bc-head{ grid-template-columns: 1fr; } }

/* ledger: name / line + more / picture - the list of lines, services, items */
.bc .bc-ledger{ list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--bc-rule-strong); }
.bc .bc-ledger > li{
  display: grid; grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) 200px;
  gap: 1rem clamp(1.5rem, 4vw, 3.5rem); align-items: center;
  padding-block: clamp(1.2rem, 2.6vw, 1.8rem); border-bottom: 1px solid var(--bc-rule);
}
.bc .bc-ledger > li.bc-noimg{ grid-template-columns: minmax(0, 15rem) minmax(0, 1fr); }
.bc .bc-ledger h3{ margin: 0; font-size: clamp(1.3rem, 2.3vw, 1.8rem); }
.bc .bc-ledger h3 a{ color: inherit; text-decoration: none; }
.bc .bc-ledger h3 a:hover{ color: var(--ll-accent-3); }
.bc .bc-line{
  margin: 0; font-family: var(--ll-display); font-style: italic; font-weight: 400;
  font-size: clamp(1.1rem, 1.9vw, 1.38rem); line-height: 1.35; color: var(--ll-text);
}
.bc .bc-more{ margin: .5rem 0 0; color: var(--ll-muted); max-width: 58ch; }
.bc .bc-ledger img{ width: 200px; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--ll-radius-xs); display: block; }
@media (max-width: 860px){
  .bc .bc-ledger > li, .bc .bc-ledger > li.bc-noimg{ grid-template-columns: minmax(0,1fr) 120px; align-items: start; }
  .bc .bc-ledger > li.bc-noimg{ grid-template-columns: 1fr; }
  .bc .bc-ledger > li > h3{ grid-column: 1 / -1; }
  .bc .bc-ledger img{ width: 120px; }
}

/* split: one picture beside copy (who it is for, about, a program) */
.bc .bc-split{ display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.bc .bc-split--flip{ grid-template-columns: minmax(0,7fr) minmax(0,5fr); }
.bc .bc-split--flip > figure{ order: 2; }
.bc .bc-split figure{ margin: 0; }
.bc .bc-split figure img{ width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--ll-radius-sm); display: block; }
.bc .bc-split h2{ margin: .9rem 0 0; }
.bc .bc-split h2::before{ content: none; }
.bc .bc-split .bc-lead{ margin: 1.1rem 0 0; max-width: 38ch; }
.bc .bc-split .bc-body{ margin: .9rem 0 0; color: var(--ll-text-2); max-width: 60ch; }
@media (max-width: 860px){
  .bc .bc-split, .bc .bc-split--flip{ grid-template-columns: 1fr; }
  .bc .bc-split--flip > figure{ order: 0; }
  .bc .bc-split figure img{ aspect-ratio: 16 / 10; }
}

/* rows: two-column label + line list under a split or on its own */
.bc .bc-rows{ list-style: none; padding: 0; margin: 2rem 0 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 2rem; }
.bc .bc-rows > li{ padding-block: 1rem; border-top: 1px solid var(--bc-rule); }
.bc .bc-rows h3{ margin: 0; font-family: var(--ll-font); font-size: 1.08rem; font-weight: 600; letter-spacing: 0; }
.bc .bc-rows p{ margin: .3rem 0 0; color: var(--ll-muted); font-size: .98rem; }
@media (max-width: 560px){ .bc .bc-rows{ grid-template-columns: 1fr; } }

/* three: short columns with an accent top rule */
.bc .bc-three{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: clamp(1.4rem, 3vw, 2.4rem); }
.bc .bc-three--4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
.bc .bc-three--2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.bc .bc-three > article{ border-top: 2px solid var(--ll-accent); padding-top: 1.1rem; }
.bc .bc-three h3{ margin: .55rem 0 0; }
.bc .bc-three p{ margin: .55rem 0 0; color: var(--ll-text-2); }
.bc .bc-three p + p{ color: var(--ll-muted); font-size: .98rem; }
.bc .bc-three .bc-kicker, .bc .bc-rows .bc-kicker{ color: var(--ll-accent-3); margin: 0; }
.bc .bc-three a{ color: var(--ll-accent-3); }
@media (max-width: 960px){ .bc .bc-three--4{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 760px){ .bc .bc-three, .bc .bc-three--4, .bc .bc-three--2{ grid-template-columns: 1fr; } }

/* steps: ONLY for a real sequence - numbered in mono */
.bc .bc-steps{ list-style: none; counter-reset: bcstep; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: clamp(1.2rem, 2.6vw, 2rem); }
.bc .bc-steps > li{ counter-increment: bcstep; border-top: 1px solid var(--bc-rule-strong); padding-top: 1rem; }
.bc .bc-steps > li::before{ content: counter(bcstep, decimal-leading-zero); font-family: var(--bc-mono); font-size: .72rem; letter-spacing: .16em; color: var(--ll-accent-3); }
.bc .bc-steps h3{ margin: .5rem 0 0; }
.bc .bc-steps p{ margin: .5rem 0 0; color: var(--ll-muted); }

/* band: a quiet full-width stripe for principles */
.bc .bc-band{ background: rgba(255,255,255,.035); border-block: 1px solid var(--bc-rule); }
.bc .bc-band dl{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: clamp(1.4rem, 3vw, 2.4rem); margin: 0; }
.bc .bc-band dt{ font-family: var(--ll-display); font-size: var(--bc-h3); font-weight: 600; line-height: 1.2; color: var(--ll-text); }
.bc .bc-band dd{ margin: .55rem 0 0; color: var(--ll-text-2); }
@media (max-width: 760px){ .bc .bc-band dl{ grid-template-columns: 1fr; } }

/* ---- 4. Glass, only where a container earns it --------------------------- */
/* panel: a status or notice block (glass, accent edge) */
.bc .bc-panel{
  position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr);
  gap: 1.2rem clamp(2rem, 6vw, 5rem);
  padding: clamp(1.4rem, 4vw, 2.8rem);
  background: radial-gradient(120% 120% at 20% 0%, rgba(255,255,255,.08), transparent 60%), var(--ll-glass);
  border: 1px solid var(--ll-glass-bd); border-radius: var(--ll-radius);
  box-shadow: var(--ll-shadow-hi);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.bc .bc-panel h2{ margin: .8rem 0 0; }
.bc .bc-panel h2::before{ content: none; }
.bc .bc-panel .bc-lead{ margin: 0; max-width: none; }
.bc .bc-panel p + p{ margin-top: .8rem; color: var(--ll-muted); }
.bc .bc-panel--single{ grid-template-columns: 1fr; }
@media (max-width: 760px){ .bc .bc-panel{ grid-template-columns: 1fr; } }

/* kv: label / value table in glass */
.bc .bc-kv{
  margin: 0; padding: .4rem clamp(1rem, 3vw, 1.8rem);
  background: var(--ll-glass); border: 1px solid var(--ll-glass-bd); border-radius: var(--ll-radius);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.bc .bc-kv > div{ display: grid; grid-template-columns: minmax(0, 14rem) minmax(0,1fr); gap: .4rem 1.5rem; padding-block: .95rem; border-bottom: 1px solid var(--bc-rule); }
.bc .bc-kv > div:last-child{ border-bottom: 0; }
.bc .bc-kv dt{ font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ll-muted); padding-top: .2rem; }
.bc .bc-kv dd{ margin: 0; color: var(--ll-text); }
@media (max-width: 560px){ .bc .bc-kv > div{ grid-template-columns: 1fr; } }

/* form: the whole form sits in one glass container */
.bc .bc-form-wrap{ display: grid; grid-template-columns: minmax(0,4fr) minmax(0,7fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.bc .bc-form-wrap > .bc-intro h2{ margin: .8rem 0 0; }
.bc .bc-form-wrap > .bc-intro h2::before{ content: none; }
.bc .bc-form-wrap > .bc-intro p{ margin: 1rem 0 0; color: var(--ll-text-2); }
@media (max-width: 860px){ .bc .bc-form-wrap{ grid-template-columns: 1fr; } }
.bc .bc-form{
  display: grid; gap: 1.4rem; padding: clamp(1.2rem, 3.5vw, 2.2rem);
  background: var(--ll-glass); border: 1px solid var(--ll-glass-bd); border-radius: var(--ll-radius);
  box-shadow: var(--ll-shadow); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.bc .bc-form fieldset{ border: 0; margin: 0; padding: 0; display: grid; gap: 1rem; }
.bc .bc-form legend{ font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ll-muted); margin-bottom: .5rem; padding: 0; }
.bc .bc-form .bc-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 560px){ .bc .bc-form .bc-row{ grid-template-columns: 1fr; } }
.bc .bc-field{ display: grid; gap: .4rem; }
.bc .bc-form label{ font-weight: 600; font-size: .98rem; color: var(--ll-text); }
.bc .bc-form .bc-req{ color: var(--ll-accent-3); }
.bc .bc-form input[type=text], .bc .bc-form input[type=email], .bc .bc-form input[type=password], .bc .bc-form select, .bc .bc-form textarea{
  font: inherit; font-size: 1rem; color: var(--ll-text); width: 100%;
  background: rgba(0,0,0,.28); border: 1px solid var(--ll-glass-bd); border-radius: var(--ll-radius-xs); padding: .75em .85em;
}
.bc .bc-form textarea{ min-height: 6rem; resize: vertical; }
.bc .bc-form input:focus, .bc .bc-form select:focus, .bc .bc-form textarea:focus{ outline: none; border-color: var(--ll-accent); box-shadow: 0 0 0 3px rgba(255,102,0,.18); }
.bc .bc-chips{ display: flex; flex-wrap: wrap; gap: .5rem; }
.bc .bc-chips label{ font-weight: 400; display: inline-flex; align-items: center; gap: .5rem; border: 1px solid var(--ll-glass-bd); border-radius: var(--ll-radius-pill); padding: .5em .95em; cursor: pointer; font-size: .94rem; }
.bc .bc-chips input{ accent-color: var(--ll-accent); margin: 0; }
.bc .bc-chips label:has(input:checked){ border-color: var(--ll-accent); background: rgba(255,102,0,.14); }
.bc .bc-hint{ margin: 0; font-size: .92rem; color: var(--ll-muted); }
.bc .bc-err{ margin: 0; font-size: .9rem; color: var(--ll-accent-3); }
.bc .bc-err:empty{ display: none; }
.bc .bc-submit{ display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.4rem; }
.bc .bc-preview{ border: 1px dashed var(--ll-accent); border-radius: var(--ll-radius-xs); padding: 1rem 1.2rem; background: rgba(255,102,0,.10); }
.bc .bc-preview strong{ display: block; font-family: var(--bc-mono); font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ll-accent-3); font-weight: 500; margin-bottom: .3rem; }

/* FAQ kept only where a page truly needs it: existing .ll-faq bubbles stay glass */
.bc .ll-faq > summary{ font-family: var(--ll-font); }

/* ---- 5. Footer: the closing image lives in the footer --------------------- */
.bc .ll-footer{ margin-top: 0; }
.bc .bc-foot-band{ position: relative; isolation: isolate; overflow: hidden; min-height: clamp(300px, 38vw, 480px); display: flex; align-items: center; }
.bc .bc-foot-band > img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.bc .bc-foot-band::after{
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.1) 100%), linear-gradient(180deg, rgba(0,0,0,0) 55%, var(--ll-bg-deep) 100%);
}
.bc .bc-foot-band__copy{ width: 100%; max-width: var(--ll-max-wide); margin-inline: auto; padding: clamp(40px, 6vw, 72px) var(--ll-pad-x); }
.bc .bc-foot-band h2{ margin: 0; max-width: 16ch; font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.04; color: var(--ll-text); }
.bc .bc-foot-band h2::before{ content: none; }
.bc .bc-foot-band p{ margin: 1rem 0 0; max-width: 44ch; color: var(--ll-text-2); font-size: var(--bc-lead); line-height: 1.45; }
.bc .bc-foot-band .ll-cta{ margin-top: 1.5rem; justify-content: flex-start; }
.bc .ll-footer__inner{ padding-top: 8px; gap: 28px; }
.bc .ll-footer__top{ display: grid; grid-template-columns: minmax(0, 20rem) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: start; }
.bc .ll-footer__top > .ll-footer__brand{ margin: 0; }
.bc .ll-footer__cols{ display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1.4rem 1.6rem; }
.bc .ll-footer__col{ min-width: 0; }
.bc .ll-footer__col h3{ font-size: .7rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; border-bottom: 1px solid rgba(255,102,0,.4); padding-bottom: .35rem; margin-bottom: .55rem; }
.bc .ll-footer__col a{ font-size: .92rem; }
.bc .ll-footer__tag{ font-family: var(--ll-display); font-style: italic; font-size: 1.2rem; color: var(--ll-text-2); }
@media (max-width: 860px){ .bc .ll-footer__top{ grid-template-columns: 1fr; } }

/* the published-site card unit (Home #what, Sean 2026-09-28): italic line + plain line inside a glass seat */
.bc .ll-card .bc-line{ font-size: clamp(1.05rem, 1.6vw, 1.2rem); margin: .2rem 0 0; }
.bc .ll-card .bc-more{ margin: .45rem 0 0; font-size: .98rem; }

/* Sean 2026-09-28 (artifact comments): the footer brand block sits on the right side of the footer image, button "Members" */
.bc .bc-foot-band{
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 21rem); gap: 1.5rem clamp(2rem, 5vw, 4rem); align-items: center;
  padding-block: clamp(40px, 6vw, 72px);
  padding-inline: max(var(--ll-pad-x), calc((100% - var(--ll-max-wide)) / 2 + var(--ll-pad-x)));
}
.bc .bc-foot-band__copy{ padding: 0; max-width: none; margin: 0; }
.bc .bc-foot-band > .ll-footer__brand{ margin: 0; align-self: center; }
.bc .ll-footer__top{ grid-template-columns: 1fr; }
@media (max-width: 860px){ .bc .bc-foot-band{ grid-template-columns: 1fr; } }

/* Sean 2026-09-28: hero secondary button = white outline (as in the Home wording redraft) */
.bc .ll-hero--bleed .ll-btn--sq{
  background: transparent; border: 1px solid rgba(255,255,255,.92); color: #ffffff; box-shadow: none;
}
.bc .ll-hero--bleed .ll-btn--sq:hover{ background: rgba(255,255,255,.10); color: #ffffff; }

/* Sean 2026-09-28: the hero pills span across the hero on a single line (they may run past the copy column) */
@media (min-width: 900px){
  .bc .ll-hero__copy .bc-names, .bc .ll-hero__copy .ll-trust{ flex-wrap: nowrap; width: max-content; max-width: calc(100vw - 2 * var(--ll-pad-x)); }
  .bc .ll-hero__copy .bc-names li, .bc .ll-hero__copy .ll-trust li{ white-space: nowrap; }
}

/* Sean 2026-09-28: per-title control of the orange bar bullet */
.bc h2.bc-nobar{ padding-left: 0; }
.bc h2.bc-nobar::before{ content: none; }
.bc h2.bc-bar{ position: relative; padding-left: 1rem; }
.bc h2.bc-bar::before{
  content: ""; position: absolute; left: 0; top: .15em; width: 4px; height: 1.05em; border-radius: 2px;
  background: linear-gradient(180deg, var(--ll-accent), var(--ll-accent-3)); box-shadow: 0 0 12px rgba(255,102,0,.45);
}

/* Sean 2026-09-28 "remove background animation": the moving topo contour lines are off on every remade page;
   the background's orange wash, vignette and grain stay */
.bc .ll-topo-bg .topo{ display: none; }
.bc .ll-topo-bg .l1, .bc .ll-topo-bg .l2, .bc .ll-topo-bg .l3{ animation: none; }

/* Sean 2026-09-28: the footer brand container is gone - only the Members button stays, on the right of the footer image */
.bc .bc-foot-band > .bc-foot-cta{ justify-self: end; align-self: center; }
@media (max-width: 860px){ .bc .bc-foot-band > .bc-foot-cta{ justify-self: start; } }

/* Sean 2026-09-28: a bit of space between the footer photo and the footer links */
.bc .ll-footer__inner{ padding-top: clamp(40px, 5vw, 64px); }

/* Sean 2026-09-28: footer Members button = the hero's white outline; on hover it fills orange like the accent button */
.bc .bc-foot-cta .ll-btn{
  background: transparent; border: 1px solid rgba(255,255,255,.92); color: #ffffff; box-shadow: none;
}
.bc .bc-foot-cta .ll-btn:hover, .bc .bc-foot-cta .ll-btn:focus-visible{
  background: linear-gradient(90deg, var(--ll-accent), var(--ll-accent-3)); border-color: var(--ll-accent-3);
  color: var(--ll-accent-ink); box-shadow: 0 6px 18px rgba(255,102,0,.35);
}

/* Sean 2026-09-28: hero slightly brighter, like the Home wording redraft (its lighter bottom-weighted scrim, no left wash) */
.bc .ll-hero__band::after{
  background: linear-gradient(180deg, rgba(14,13,12,.10) 0%, rgba(14,13,12,.35) 45%, rgba(14,13,12,.86) 100%);
}

/* Sean 2026-09-28: the footer Members button sits left-aligned beneath the closing text */
.bc .bc-foot-band{ grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.bc .bc-foot-band > .bc-foot-cta{ justify-self: start; align-self: start; }

/* Strategies: lines diagram (fills the empty right column under the lead) */
.bc .bc-lines-fig{ margin: 0; max-width: 460px; width: 100%; justify-self: end; }
.bc .bc-lines-fig svg{ display:block; width:100%; height:auto; }
.bc .bcl-hold,.bc .bcl-row,.bc .bcl-ctl{ fill: rgba(255,255,255,.04); stroke: var(--bc-rule); }
.bc .bcl-hold{ stroke: rgba(255,255,255,.3); }
.bc .bcl-ctl{ stroke: rgba(255,102,0,.55); }
.bc .bcl-acc{ fill: var(--ll-accent); }
.bc .bcl-spine,.bc .bcl-base{ stroke: var(--bc-rule-strong); stroke-width:1.5; fill:none; }
.bc .bcl-base{ stroke: var(--ll-accent); stroke-width: 2; }
.bc .bcl-k,.bc .bcl-n{ font: 500 10.5px var(--bc-mono); letter-spacing:.16em; fill: var(--ll-muted); }
.bc .bcl-h{ font: 600 22px "Playfair Display", Georgia, serif; fill: var(--ll-text); }
.bc .bcl-t{ font: 500 15px "Source Serif 4", Georgia, serif; fill: var(--ll-text); }
.bc .bcl-c{ font: 500 13px "Source Serif 4", Georgia, serif; fill: var(--ll-text-2); }
@media (min-width: 761px){
  .bc .bc-fig-split{ display:grid; grid-template-columns: minmax(0,1fr) minmax(0,460px); gap: 2rem clamp(2rem,5vw,4.5rem); align-items:start; }
  .bc .bc-fig-split > .bc-fig-copy > p:first-child{ margin-top:0; }
}
@media (max-width: 760px){ .bc .bc-lines-fig{ margin-top: 1.5rem; } }
/* gap between the lines diagram and the kv table below it */
.bc .bc-fig-split{ margin-bottom: clamp(2rem,4vw,3rem); }

.bc .bcl-ic{ fill:none; stroke: var(--ll-accent); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.bc .bcl-h2{ font: 600 22px "Playfair Display", Georgia, serif; fill: var(--ll-text); }
.bc .bcl-hair{ stroke: var(--bc-rule); stroke-width:1; }
.bc .bcl-s{ font: 400 12.5px "Source Serif 4", Georgia, serif; fill: var(--ll-muted); }

/* client cards (icon + headline + sub) */
.bc .bc-cards{ list-style:none; margin: 2rem 0 0; padding:0; display:grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; }
.bc .bc-cards li{ border:1px solid var(--bc-rule); border-radius:16px; background: rgba(255,255,255,.04); padding: 18px 20px 20px; }
.bc .bc-cards svg{ display:block; width:29px; height:29px; margin:0 0 1.1rem; fill:none; stroke:var(--ll-accent); stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; }
.bc .bc-cards h3{ margin:0 0 .35rem; font: 500 1.0rem/1.25 "Source Serif 4", Georgia, serif; color: var(--ll-text); }
.bc .bc-cards p{ margin:0; font-size:.82rem; line-height:1.45; color: var(--ll-muted); max-width:none; }