/* Black Bond v10 (lot 1) : scrollytelling de l'accueil (BBMOD.scrolly). Préfixe .bbsy-. Charte : variables du :root de la maquette, avec replis. */
.bbsy{--bbsy-top:0px;--bbsy-bone:var(--bone,#FAF7F2);--bbsy-lin:var(--lin,#F3ECE1);--bbsy-encre:var(--encre,#241E1A);--bbsy-argile:var(--argile,#C4602F);--bbsy-muted:var(--muted,#6B6058);
  --bbsy-ease:var(--ease,cubic-bezier(.2,.7,.2,1));color:var(--bbsy-encre);font-family:var(--f-body,'Inter',system-ui,sans-serif)}
.bbsy *{box-sizing:border-box}
.bbsy-in{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.bbsy-eb{font:600 13px/1.2 var(--f-display,'Poppins',system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--argile-fonce,#A44E24);margin:0 0 12px}
.bbsy-h{font:700 clamp(28px,3.6vw,48px)/1.08 var(--f-display,'Poppins',system-ui,sans-serif);margin:0 0 18px;letter-spacing:-.01em}
.bbsy-h em{font-style:normal;color:var(--argile-fonce,#A44E24)}
.bbsy-lead{font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:var(--bbsy-muted);max-width:60ch;margin:0 0 24px}

/* sections épinglées */
.bbsy-track{position:relative}
.bbsy.is-live .bbsy-track{height:calc(100svh + var(--n,3) * 55svh)}
.bbsy.is-live .bbsy-a{--n:3}.bbsy.is-live .bbsy-c{--n:3}
.bbsy.is-live .bbsy-pin{position:sticky;top:var(--bbsy-top);height:calc(100svh - var(--bbsy-top));display:flex;align-items:center;overflow:hidden}
.bbsy-a{background:var(--bbsy-bone)}
.bbsy-c{background:var(--bbsy-bone)}
.bbsy-pin{padding-block:clamp(24px,5vh,56px)}

/* (a) le constat */
.bbsy-steps{position:relative;min-height:clamp(260px,40vh,380px);max-width:820px}
.bbsy-step{margin:0}
.bbsy.is-live .bbsy-step{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;transform:translateY(28px);transition:opacity .6s var(--bbsy-ease),transform .6s var(--bbsy-ease);pointer-events:none}
.bbsy.is-live .bbsy-step.is-past{transform:translateY(-28px)}
.bbsy.is-live .bbsy-step.is-on{opacity:1;transform:none;pointer-events:auto}
.bbsy-big{font:800 clamp(64px,11vw,148px)/.95 var(--f-display,'Poppins',system-ui,sans-serif);color:var(--bbsy-argile);margin:0 0 18px;letter-spacing:-.03em}
.bbsy-txt{font-size:clamp(18px,1.8vw,23px);line-height:1.55;max-width:44ch;margin:0 0 12px}
.bbsy-src{font-size:13.5px;line-height:1.5;color:var(--bbsy-muted);max-width:70ch;margin:0}
.bbsy-dots{display:flex;gap:8px;margin-top:22px}
.bbsy-dots i{width:28px;height:3px;border-radius:2px;background:rgba(36,30,26,.15);transition:background .4s}
.bbsy-dots i.is-on{background:var(--bbsy-argile)}

/* (c) la méthode */
.bbsy-cin{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,96px);align-items:center}
.bbsy-auteur{font-size:15px;line-height:1.55;border-left:3px solid var(--bbsy-argile);padding:4px 0 4px 14px;margin:0 0 16px;max-width:46ch}
.bbsy-link{font:600 15px var(--f-display,'Poppins',system-ui,sans-serif);color:var(--bbsy-encre);border-bottom:1px solid currentColor;text-decoration:none}
.bbsy-ms{list-style:none;margin:0;padding:0 0 0 46px;position:relative;display:grid;gap:clamp(14px,2.6vh,26px)}
.bbsy-mline{position:absolute;left:15px;top:8px;bottom:8px;width:2.5px;border-radius:2px;background:var(--bbsy-argile);transform-origin:top;transform:scaleY(var(--p,1))}
.bbsy-m{display:flex;gap:16px;align-items:flex-start}
.bbsy-mn{flex:none;margin-left:-46px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--bbsy-bone);border:2px solid var(--bbsy-argile);font:700 14px var(--f-display,'Poppins',system-ui,sans-serif);color:var(--bbsy-argile);position:relative;z-index:1;transition:background .4s,color .4s}
.bbsy-m h4{font:600 clamp(17px,1.5vw,20px)/1.3 var(--f-display,'Poppins',system-ui,sans-serif);margin:4px 0 4px}
.bbsy-m p{font-size:15.5px;line-height:1.55;color:var(--bbsy-muted);margin:0;max-width:52ch}
.bbsy.is-live .bbsy-m{opacity:.28;transition:opacity .5s var(--bbsy-ease)}
.bbsy.is-live .bbsy-m.is-on{opacity:1}
.bbsy-m.is-on .bbsy-mn,.bbsy.is-static .bbsy-mn{background:var(--bbsy-argile);color:#FAF7F2}

/* (d) l'appel */
.bbsy-d{background:var(--bbsy-lin);padding-block:clamp(56px,9vw,112px);text-align:center}
.bbsy-d .bbsy-lead{margin-inline:auto}
.bbsy-ctas{display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:center}
/* repli si les boutons de la maquette (.btn) ne sont pas chargés */
.bbsy-ctas a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;font:600 15px var(--f-display,'Poppins',system-ui,sans-serif);text-decoration:none}
.bbsy-btn{background:var(--bbsy-encre);color:#FAF7F2}
.bbsy-btn2{box-shadow:inset 0 0 0 1.5px var(--bbsy-encre);color:var(--bbsy-encre)}

/* mobile */
@media (max-width:760px){
  .bbsy-cin{grid-template-columns:1fr;gap:20px}
  .bbsy-c .bbsy-h{font-size:26px}
  .bbsy-c .bbsy-auteur{font-size:14px;margin-bottom:8px}
  .bbsy-c .bbsy-link{display:none}
  .bbsy-m p{font-size:14px}
  .bbsy-ms{gap:12px}
  .bbsy-steps{min-height:340px}
}
@media (max-width:760px) and (max-height:700px){.bbsy-c .bbsy-m p{display:none}}
@media (prefers-reduced-motion:reduce){.bbsy *{transition:none!important}}
.bbsy.is-static .bbsy-steps{min-height:0;display:grid;gap:36px}
.bbsy.is-static .bbsy-pin{padding-block:clamp(48px,8vw,96px)}
.bbsy.is-static .bbsy-mline{transform:none}