/* For brands: a casting wall. The hero illustration is the wall of creator cards;
   the page itself is plain house style. Layout and illustrations only; the look comes
   from landing-system.css. */

.bespoke-for-brands .table-wrap{border:0;border-radius:0;margin:0;background:none}

/* ---------- shared illustration strokes ---------- */
.bespoke-for-brands .fb-o *,.bespoke-for-brands .fb-ink *{stroke:var(--ls-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.bespoke-for-brands .f-paper{fill:var(--ls-paper)}
.bespoke-for-brands .f-blue{fill:var(--ls-blue)}
.bespoke-for-brands .f-peach{fill:var(--ls-peach)}
.bespoke-for-brands .f-lavender{fill:var(--ls-lavender)}
.bespoke-for-brands .f-mint{fill:var(--ls-mint)}
.bespoke-for-brands .f-yellow{fill:var(--ls-yellow)}
.bespoke-for-brands .fb-o .f-paper{fill:var(--ls-paper)}
.bespoke-for-brands .fb-o .f-blue{fill:var(--ls-blue)}
.bespoke-for-brands .fb-o .f-peach{fill:var(--ls-peach)}
.bespoke-for-brands .fb-o .f-lavender{fill:var(--ls-lavender)}
.bespoke-for-brands .fb-o .f-mint{fill:var(--ls-mint)}
.bespoke-for-brands .fb-o .f-yellow{fill:var(--ls-yellow)}

/* ---------- hero: brief + the casting wall ---------- */
.bespoke-for-brands .fb-brief{margin:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;max-width:640px}
.bespoke-for-brands .fb-brief div{border-top:1.5px solid var(--ls-ink);padding-top:8px}
.bespoke-for-brands .fb-brief dt{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ls-muted)}
.bespoke-for-brands .fb-brief dd{margin:2px 0 0;font-size:16px;line-height:1.4;color:var(--ls-ink)}
.bespoke-for-brands .fb-hero-illo{margin:0}
.bespoke-for-brands .fb-hero-illo figcaption{margin-top:12px}
.bespoke-for-brands .fb-t text{font-family:var(--ls-font);fill:var(--ls-ink)}
.bespoke-for-brands .fb-t .fb-t-h{font-size:15px;font-weight:800}
.bespoke-for-brands .fb-t .fb-t-s{font-size:13px;fill:var(--ls-muted)}
.bespoke-for-brands .fb-t .fb-t-n{font-size:34px;font-weight:800;letter-spacing:-.02em}
.bespoke-for-brands .fb-t .fb-t-st{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* ---------- section heads ---------- */
.bespoke-for-brands .fb-head{max-width:760px;margin-bottom:36px}
.bespoke-for-brands .fb-head .ls-lead{margin:0}

/* ---------- the wall ---------- */
.bespoke-for-brands .fb-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.bespoke-for-brands .fb-card > *{margin:0}
.bespoke-for-brands .fb-card-top{display:flex;align-items:center;gap:14px;width:100%}
.bespoke-for-brands .fb-ava{width:56px;height:56px;flex:none;overflow:visible}
.bespoke-for-brands .fb-ava > circle{stroke:var(--ls-ink);stroke-width:2}
.bespoke-for-brands .fb-handle{font-size:18px;margin:0;overflow-wrap:anywhere}
.bespoke-for-brands .fb-masked{font-weight:500;color:var(--ls-muted);font-size:14px}
.bespoke-for-brands .fb-fol{font-size:14px;color:var(--ls-muted)}
.bespoke-for-brands .fb-stats{list-style:none;margin:0;padding:0;width:100%;font-size:15px}
.bespoke-for-brands .fb-stats li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--ls-line)}
.bespoke-for-brands .fb-stats b{color:var(--ls-ink);white-space:nowrap}
.bespoke-for-brands .fb-why{font-size:15.5px;line-height:1.5;flex:1}

/* ---------- charts ---------- */
.bespoke-for-brands .fb-fig{margin:0;min-width:0}
.bespoke-for-brands .fb-fig h3{font-size:19px;margin-bottom:16px}
.bespoke-for-brands .fb-bars{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.bespoke-for-brands .fb-b-row{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr) 4.6em;gap:10px;align-items:center;font-size:13px;line-height:1.25;color:var(--ls-muted)}
.bespoke-for-brands .fb-bars--wide .fb-b-row{grid-template-columns:minmax(0,15em) minmax(0,1fr) 10.5em}
.bespoke-for-brands .fb-b-lab{text-align:right;overflow-wrap:anywhere}
.bespoke-for-brands .fb-b-track{height:14px;border-radius:999px;background:var(--ls-cream)}
.bespoke-for-brands .fb-b-fill{display:block;height:100%;min-width:4px;border-radius:999px;background:var(--ls-blue-deep)}
.bespoke-for-brands .fb-b-val{font-weight:700;color:var(--ls-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.bespoke-for-brands .fb-b-extra{font-weight:500;color:var(--ls-muted);margin-left:5px}
.bespoke-for-brands .fb-b-row.fb-hl .fb-b-fill{background:var(--ls-peach-deep)}
.bespoke-for-brands .fb-b-row.fb-hl .fb-b-lab{font-weight:700;color:var(--ls-peach-deep)}

.bespoke-for-brands .fb-split-wide{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}
.bespoke-for-brands .fb-note h3{font-size:20px}
.bespoke-for-brands .fb-note p{font-size:16px}
.bespoke-for-brands .fb-links{font-size:15px;font-weight:700}

/* ---------- rival ---------- */
.bespoke-for-brands .fb-rival{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,.9fr);gap:24px;align-items:start}
.bespoke-for-brands .fb-ticket h3{font-size:20px;margin:16px 0 14px}
.bespoke-for-brands .fb-facts{margin:0}
.bespoke-for-brands .fb-facts div{padding:10px 0;border-top:1.5px solid var(--ls-line)}
.bespoke-for-brands .fb-facts dt{font-size:14px;color:var(--ls-muted)}
.bespoke-for-brands .fb-facts dd{margin:2px 0 0;font-size:26px;font-weight:800;color:var(--ls-ink);letter-spacing:-.02em}

/* ---------- comments ---------- */
.bespoke-for-brands .fb-listen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.bespoke-for-brands .fb-themes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bespoke-for-brands .fb-theme{display:flex;flex-direction:column;gap:10px;padding:22px}
.bespoke-for-brands .fb-theme .fb-theme-name{font-size:16px;font-weight:700;color:var(--ls-ink)}
.bespoke-for-brands .fb-theme-note{font-size:14.5px;line-height:1.45;color:var(--ls-text)}
.bespoke-for-brands .fb-theme:nth-child(1){border-top:6px solid var(--ls-peach)}
.bespoke-for-brands .fb-theme:nth-child(2){border-top:6px solid var(--ls-yellow)}
.bespoke-for-brands .fb-theme:nth-child(3){border-top:6px solid var(--ls-lavender)}
.bespoke-for-brands .fb-theme:nth-child(4){border-top:6px solid var(--ls-mint)}
.bespoke-for-brands .fb-quotes{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.bespoke-for-brands .fb-quotes .ls-quote{font-size:17px;line-height:1.45}
.bespoke-for-brands .fb-takeaway{margin-top:24px}
.bespoke-for-brands .fb-takeaway p{margin:0 0 8px}

/* ---------- demand ---------- */
.bespoke-for-brands .fb-demand{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;align-items:start}

/* ---------- compare ---------- */
.bespoke-for-brands .fb-compare{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:28px;align-items:start}
.bespoke-for-brands .fb-pick{border:2px solid var(--ls-ink)}
.bespoke-for-brands .fb-pick-name{font-size:30px;margin:14px 0 12px}
.bespoke-for-brands .fb-ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15.5px;line-height:1.45}
.bespoke-for-brands .fb-ticks li{position:relative;padding-left:28px}
.bespoke-for-brands .fb-ticks li::before{content:"";position:absolute;left:0;top:.3em;width:16px;height:16px;border-radius:50%;background:var(--ls-mint);border:2px solid var(--ls-ink)}
.bespoke-for-brands .fb-table h3{font-size:20px}
.bespoke-for-brands .fb-table td:first-child{font-weight:700;white-space:nowrap}

/* ---------- budget ---------- */
.bespoke-for-brands .fb-budget>div{max-width:860px}
.bespoke-for-brands .fb-plans{margin:24px 0 16px}
.bespoke-for-brands .fb-plans h3{font-size:19px}
.bespoke-for-brands .fb-plans p{font-size:15.5px}

/* ---------- FAQ ---------- */
.bespoke-for-brands .fb-faq-wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:start}
.bespoke-for-brands .fb-method h2{font-size:clamp(26px,2.6vw,34px)}
.bespoke-for-brands .fb-method p{font-size:16px}

/* ---------- smaller screens ---------- */
@media (max-width:1100px){
  .bespoke-for-brands .fb-rival{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bespoke-for-brands .fb-rival .fb-fig{grid-column:1/-1;grid-row:1}
}
@media (max-width:960px){
  .bespoke-for-brands .fb-split-wide,.bespoke-for-brands .fb-listen,.bespoke-for-brands .fb-demand,.bespoke-for-brands .fb-compare,.bespoke-for-brands .fb-faq-wrap{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:640px){
  .bespoke-for-brands .fb-brief{grid-template-columns:minmax(0,1fr)}
  /* keep the hero CTA above the fold: button first, then the sample brief */
  .bespoke-for-brands .fb-hero-copy{display:flex;flex-direction:column}
  .bespoke-for-brands .fb-hero-copy .ls-eyebrow{align-self:flex-start}
  .bespoke-for-brands .fb-hero-copy .ls-actions{order:1;margin-top:22px}
  .bespoke-for-brands .fb-hero-copy .fb-brief{order:2;margin-top:28px}
  .bespoke-for-brands .fb-rival{grid-template-columns:minmax(0,1fr)}
  .bespoke-for-brands .fb-b-row,.bespoke-for-brands .fb-bars--wide .fb-b-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
  .bespoke-for-brands .fb-b-lab{grid-column:1/-1;text-align:left}
  .bespoke-for-brands .fb-themes{grid-template-columns:minmax(0,1fr)}
  .bespoke-for-brands .fb-table td:first-child{white-space:normal}
}