/* ---------- vitrine de slides ---------- */
.bd-vitrine { padding-top:clamp(48px,6vw,80px); }
.bd-vitrine + .bd-section { padding-top:clamp(40px,5vw,64px); }
.bd-preuves + .bd-section { padding-top:clamp(64px,8vw,104px); }
.bd-vitrine__tete { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:14px 40px; margin-bottom:clamp(20px,2.4vw,32px); }
.bd-vitrine__tete .bd-h2 { margin:0; max-width:720px; text-wrap:balance; }
.bd-vitrine__tete p.bd-vitrine__sous { margin:0; max-width:380px; font-size:15px; line-height:1.65; color:var(--gris); text-wrap:pretty; }
.bd-defile { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.bd-defile__piste { display:flex; width:max-content; padding:clamp(28px,3vw,40px) 0 clamp(40px,4vw,56px); animation:bdDefile 120s linear infinite; }
.bd-defile:hover .bd-defile__piste { animation-play-state:paused; }
@keyframes bdDefile { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) { .bd-defile__piste { animation:none; } .bd-defile { overflow-x:auto; } }
.bd-carte { flex:0 0 auto; width:clamp(280px,34vw,460px); margin:0 12px; }
.bd-carte:nth-child(4n+1) { transform:rotate(-1.6deg); }
.bd-carte:nth-child(4n+2) { transform:rotate(1.1deg) translateY(6px); }
.bd-carte:nth-child(4n+3) { transform:rotate(-.6deg) translateY(-4px); }
.bd-carte:nth-child(4n+4) { transform:rotate(1.5deg) translateY(4px); }
.bd-carte__img { position:relative; aspect-ratio:16/9; border-radius:14px; overflow:hidden; background:var(--blanc); box-shadow:0 1px 0 rgba(0,36,27,.06), 0 30px 54px -30px rgba(0,36,27,.5); }
.bd-carte__img img { display:block; width:100%; height:100%; object-fit:cover; }
.bd-carte__tag { position:absolute; left:12px; bottom:12px; display:inline-flex; align-items:center; gap:7px; background:rgba(0,36,27,.9); color:var(--lavande); border-radius:var(--r-pill); padding:6px 12px; font-size:12.5px; font-weight:700; }
.bd-carte__tag::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--mint); }
/* ---------- trame par public ---------- */
.bd-trame__onglets { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.bd-trame__onglet { font-family:inherit; font-size:14.5px; font-weight:700; padding:12px 20px; border-radius:var(--r-pill); cursor:pointer; border:1px solid rgba(0,36,27,.12); background:var(--blanc); color:var(--vert); transition:background 150ms ease,border-color 150ms ease,color 150ms ease; }
.bd-trame__onglet:hover { border-color:var(--bleu); }
.bd-trame__onglet[aria-selected="true"] { background:var(--bleu); border-color:var(--bleu); color:#fff; }
.bd-trame__panneau { background:var(--blanc); border-radius:var(--r-md); padding:clamp(18px,2.6vw,32px); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"qui qui" "att att" "cpt vue" "lst vue" "cta vue"; grid-template-rows:auto auto auto auto 1fr; column-gap:clamp(22px,3vw,44px); row-gap:0; align-items:start; }
.bd-trame__panneau > div:first-child { display:contents; }
.bd-trame__vue { grid-area:vue; margin-top:18px; align-self:center; }
.bd-trame__panneau[hidden] { display:none; }
@media (max-width:900px) { .bd-trame__panneau { grid-template-columns:1fr; grid-template-areas:"qui" "att" "vue" "cpt" "lst" "cta"; grid-template-rows:none; } }
.bd-trame__qui { grid-area:qui; margin:0 0 6px; font-size:13px; font-weight:700; color:var(--bleu); }
.bd-trame__attente { grid-area:att; max-width:820px; margin:0; font-family:'Bricolage Grotesque',Manrope,sans-serif; font-weight:600; font-size:clamp(20px,2.2vw,25px); line-height:1.2; letter-spacing:-.02em; text-wrap:pretty; }
.bd-trame__compte { grid-area:cpt; margin:18px 0 12px; padding-top:16px; border-top:1px solid var(--lavande); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--gris); }
.bd-trame__liste { grid-area:lst; margin:0; padding:0; list-style:none; columns:2 210px; column-gap:24px; counter-reset:bdt; }
.bd-trame__liste li { counter-increment:bdt; display:flex; align-items:baseline; gap:10px; font-size:13.5px; line-height:1.35; padding:6px 0; border-bottom:1px solid var(--lavande); break-inside:avoid; }
.bd-trame__liste li::before { content:counter(bdt, decimal-leading-zero); font-size:11.5px; font-weight:700; color:var(--gris); font-variant-numeric:tabular-nums; flex:0 0 auto; }
.bd-trame__liste li.est-montree { color:var(--bleu); font-weight:700; }
.bd-trame__cta { grid-area:cta; justify-self:start; margin-top:24px; background:var(--vert); color:#fff; }
.bd-trame__cta:hover { background:var(--vert-clair); color:#fff; }
.bd-trame__ecran { position:relative; aspect-ratio:16/9; border-radius:16px; overflow:hidden; background:var(--lavande); box-shadow:0 1px 0 rgba(0,36,27,.06), 0 28px 50px -30px rgba(0,36,27,.45); }
.bd-trame__ecran img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 600ms ease; }
.bd-trame__ecran img.est-active { opacity:1; }
.bd-trame__legende { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:14px; }
.bd-trame__legende strong { display:block; font-size:15px; }
.bd-trame__legende span { display:block; margin-top:2px; font-size:13px; color:var(--gris); }
.bd-trame__points { display:flex; gap:6px; flex:0 0 auto; }
.bd-trame__points button { width:8px; height:8px; border-radius:var(--r-pill); border:none; padding:0; cursor:pointer; background:rgba(0,36,27,.16); transition:width 200ms ease,background 200ms ease; }
.bd-trame__points button[aria-current="true"] { width:22px; background:var(--bleu); }
/* ---------- styles ---------- */
.bd-styles__grille { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr)); gap:18px 16px; }
.bd-styles__item img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:12px; box-shadow:0 1px 0 rgba(0,36,27,.06), 0 18px 34px -24px rgba(0,36,27,.45); }
.bd-styles__item p { margin:10px 0 0; font-size:14px; font-weight:700; }
.bd-styles__bientot { aspect-ratio:16/9; border-radius:12px; border:1.5px dashed rgba(64,86,244,.45); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align:center; padding:16px; color:var(--bleu); }
.bd-styles__bientot b { font-family:'Bricolage Grotesque',Manrope,sans-serif; font-weight:600; font-size:20px; letter-spacing:-.02em; }
.bd-styles__bientot span { font-size:13px; color:var(--gris); }