.bb{--bb-ease:cubic-bezier(0.2,0.8,0.2,1);padding-bottom:clamp(48px,8vw,110px)}.bb h2,.bb h3{font-family:var(--font-display)}.bb-couverture{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(28px,5vw,72px);min-height:min(78vh,720px);padding-block:clamp(24px,5vw,64px)}.bb-couverture-icone{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:36px;background:radial-gradient(circle at 50% 58%,#fff 0 38%,transparent 70%),var(--surface-2);border:1px solid var(--border);overflow:hidden}.bb-couverture-icone:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(27,20,5,.06) 1px,transparent 0),linear-gradient(90deg,rgba(27,20,5,.06) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%);mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 75%);animation:bb-trame 1.6s var(--bb-ease) both}.bb-icone{position:relative;width:62%;height:auto;overflow:visible}.bb-icone-arc{stroke-dasharray:1;stroke-dashoffset:1;animation:bb-trace 1.1s var(--bb-ease) .15s forwards}.bb-icone-arc--2{animation-delay:.45s}.bb-icone-paupiere{opacity:0;transform-origin:112px 104px;animation:bb-paupiere .7s var(--bb-ease) 1.15s forwards}.bb-icone-soleil{transform:translateY(52px);animation:bb-lever 1.3s var(--bb-ease) 1.35s forwards}@keyframes bb-trace{to{stroke-dashoffset:0}}@keyframes bb-paupiere{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes bb-lever{to{transform:translateY(0)}}@keyframes bb-trame{0%{opacity:0;transform:scale(1.15)}}.bb-sur{margin:0 0 14px;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--label)}.bb-couverture h1{margin:0;font-size:clamp(2.6rem,6.4vw,5.2rem);line-height:.98;letter-spacing:-.03em}.bb-couverture h1 em{display:block;font-style:italic;color:var(--primary-600,#c99700)}.bb-chapo{max-width:46ch;margin:22px 0 28px;font-size:1.12rem;line-height:1.6;color:var(--muted)}.bb-actes{display:flex;flex-wrap:wrap;gap:12px}.bb-corps{display:grid;grid-template-columns:200px 1fr;gap:clamp(32px,5vw,72px);align-items:start}.bb-sommaire{position:sticky;top:110px}.bb-sommaire ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:1px solid var(--border)}.bb-sommaire a{position:relative;display:flex;gap:10px;padding:8px 14px;color:var(--muted);font-size:.92rem;text-decoration:none;transition:color .25s,transform .25s var(--bb-ease)}.bb-sommaire a span{font-variant-numeric:tabular-nums;color:var(--label);opacity:.6}.bb-sommaire a:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--ink);transform:scaleY(0);transition:transform .3s var(--bb-ease)}.bb-sommaire a:hover{color:var(--ink);transform:translateX(3px)}.bb-sommaire a[aria-current=true]{color:var(--ink);font-weight:600}.bb-sommaire a[aria-current=true]:before{transform:scaleY(1)}.bb-sections{display:grid;gap:clamp(72px,10vw,130px);min-width:0}.bb-section{scroll-margin-top:100px}.bb-entete{max-width:60ch;margin-bottom:clamp(24px,3.5vw,40px)}.bb-num{display:inline-block;margin-bottom:10px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--label)}.bb-entete h2{margin:0 0 12px;font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.02;letter-spacing:-.025em}.bb-entete p{margin:0;font-size:1.05rem;line-height:1.65;color:var(--muted)}.bb-cas-scene,.bb-construction,.bb-demo,.bb-police,.bb-protection-cadre,.bb-variante-cadre,.bb-vitrine{border:1px solid var(--border);border-radius:24px;background:var(--surface)}.bb-vitrine{display:grid;place-items:center;padding:clamp(40px,8vw,96px) clamp(24px,6vw,80px);box-shadow:0 30px 60px -40px rgba(20,16,8,.25)}.bb-vitrine img{width:min(560px,100%);height:auto}.bb-variantes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.bb-variante span{display:block;margin-top:10px;font-size:.88rem;color:var(--muted)}.bb-variante-cadre{display:grid;place-items:center;aspect-ratio:4/3;padding:28px;transition:transform .4s var(--bb-ease)}.bb-variante:hover .bb-variante-cadre{transform:translateY(-4px)}.bb-variante-cadre img{max-width:80%;max-height:90px}.bb-variante--nuit .bb-variante-cadre{background:var(--dark-flat);border-color:var(--dark-flat)}.bb-construction{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(18px,3vw,36px)}.bb-construction-dessin{border-radius:18px;background:#fbfbfa;border:1px solid var(--border)}.bb-grille{display:block;width:100%;height:auto}.bb-grille-trame line{stroke:rgba(27,20,5,.07);stroke-width:.5}.bb-grille-icone{opacity:.16;transition:opacity 1s 1.6s}.bb-grille-traits circle,.bb-grille-traits line{fill:none;stroke:#1d7cf2;stroke-width:.9;stroke-dasharray:1;stroke-dashoffset:1}.bb-grille-axe{stroke-dasharray:1}.bb-grille-ecart{stroke:#e0245e!important;stroke-width:1.4!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:0;transition:opacity .4s 2.2s}.bb-grille-cotes{opacity:0;transition:opacity .6s 1.8s}.bb-grille-cotes text{font-family:var(--font-body);font-size:7px;fill:#1d7cf2}.bb-grille-centre{fill:#1d7cf2}[data-vu] .bb-grille-traits circle{animation:bb-trace 1.2s var(--bb-ease) calc(.2s + var(--i) * .18s) forwards}[data-vu] .bb-grille-axe{animation:bb-trace .9s var(--bb-ease) forwards}[data-vu] .bb-grille-icone{opacity:.32}[data-vu] .bb-grille-cotes,[data-vu] .bb-grille-ecart{opacity:1}.bb-construction-etapes{list-style:none;counter-reset:etape;margin:0;padding:0;display:grid;gap:18px}.bb-construction-etapes li{counter-increment:etape;display:grid;grid-template-columns:34px 1fr;-moz-column-gap:12px;column-gap:12px;opacity:0;transform:translateX(14px);transition:opacity .5s,transform .6s var(--bb-ease)}.bb-construction-etapes li:before{content:counter(etape);grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-size:.8rem;font-weight:700}.bb-construction-etapes b{font-family:var(--font-display);font-size:1.05rem}.bb-construction-etapes span{color:var(--muted);font-size:.92rem;line-height:1.5}[data-vu] .bb-construction-etapes li{opacity:1;transform:none}[data-vu] .bb-construction-etapes li:first-child{transition-delay:.3s}[data-vu] .bb-construction-etapes li:nth-child(2){transition-delay:.6s}[data-vu] .bb-construction-etapes li:nth-child(3){transition-delay:.9s}[data-vu] .bb-construction-etapes li:nth-child(4){transition-delay:1.2s}.bb-cas{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.bb-cas--trois{grid-template-columns:repeat(3,1fr)}.bb-cas-carte{display:flex;flex-direction:column;gap:3px}.bb-cas-carte b{margin-top:12px;font-family:var(--font-display);font-size:1.05rem}.bb-cas-carte>span{color:var(--muted);font-size:.9rem}.bb-cas-scene{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;transition:transform .45s var(--bb-ease),box-shadow .45s var(--bb-ease)}.bb-cas-carte:hover .bb-cas-scene{transform:translateY(-5px);box-shadow:0 24px 40px -28px rgba(20,16,8,.35)}.bb-cas-logo{position:relative;width:62%;height:auto;transition:transform .6s var(--bb-ease)}.bb-scene-photo{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 25%;object-position:50% 25%}.bb-badge{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;font-size:.85rem;font-weight:700;box-shadow:0 4px 10px -4px rgba(0,0,0,.4)}.bb-badge--oui{background:#1f8a4c}.bb-badge--non{background:#d93025}.bb-cas-carte--non .bb-cas-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(217,48,37,.55) 50%,transparent calc(50% + 1px));opacity:0;transition:opacity .35s}.bb-cas-carte--non:hover .bb-cas-scene:after{opacity:1}.bb-scene--gris{background:var(--bg)}.bb-scene--nuit{background:var(--dark-flat);border-color:var(--dark-flat)}.bb-interdit--photo:before,.bb-scene--photo:before{content:"";position:absolute;inset:0;z-index:1}.bb-scene--photo:before{background:rgba(10,8,4,.55)}.bb-interdit--photo .bb-cas-logo,.bb-scene--photo .bb-cas-logo{z-index:2}.bb-interdit--etire .bb-cas-logo{transform:scale(1.35,.7)}.bb-interdit--incline .bb-cas-logo{transform:rotate(-14deg)}.bb-interdit--couleur .bb-cas-logo{width:34%;filter:hue-rotate(170deg) saturate(2.4)}.bb-interdit--ombre .bb-cas-logo{filter:drop-shadow(6px 8px 4px rgba(0,0,0,.45))}.bb-interdit--contraste{background:#2a2722;border-color:#2a2722}.bb-interdit--contraste .bb-cas-logo{opacity:.9}.bb-cas-carte--non:hover .bb-interdit--etire .bb-cas-logo,.bb-cas-carte--non:hover .bb-interdit--incline .bb-cas-logo{transform:none}.bb-protection{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:24px}.bb-protection-cadre{display:grid;place-items:center;padding:28px}.bb-protection-cadre img{width:82%;height:auto;padding:7%;outline:1.5px dashed #1d7cf2;outline-offset:0;background:repeating-linear-gradient(45deg,rgba(29,124,242,.08) 0 6px,transparent 6px 12px);background-clip:padding-box}.bb-protection p{margin:0;color:var(--muted);line-height:1.6}.bb-protection b{color:var(--ink)}.bb-nuancier{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bb-nuance{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:210px;padding:20px;border-radius:24px;border:1px solid var(--border);color:#1b1405;transition:transform .45s var(--bb-ease),box-shadow .45s var(--bb-ease)}.bb-nuance:first-child{grid-column:span 2;min-height:260px}.bb-nuance:hover{transform:translateY(-6px);box-shadow:0 28px 44px -30px rgba(20,16,8,.45)}.bb-nuance--fonce{color:#f2f1ef;border-color:transparent}.bb-nuance b{font-family:var(--font-display);font-size:1.35rem}.bb-nuance-codes{display:flex;flex-wrap:wrap;gap:4px 12px}.bb-nuance code{font-size:.82rem;opacity:.75}.bb-nuance-usage{font-size:.88rem;opacity:.8}.bb-dosage-bloc{margin-top:36px}.bb-dosage-bloc h3{margin:0 0 12px;font-size:1.2rem}.bb-dosage{display:flex;height:96px;overflow:hidden;border-radius:20px;border:1px solid var(--border);background:var(--surface)}.bb-dosage span{display:flex;align-items:flex-end;min-width:0;padding:12px 14px;flex:0 0 0%;transition:flex-basis 1.1s var(--bb-ease);transition-delay:calc(var(--i) * .15s)}[data-vu] .bb-dosage span{flex-basis:calc(var(--part) * 1%)}.bb-dosage em{display:flex;flex-direction:column;font-style:normal;font-family:var(--font-display);font-size:1.3rem;line-height:1.1;white-space:nowrap}.bb-dosage small{font-family:var(--font-body);font-size:.72rem;opacity:.75}.bb-dosage span:nth-child(2) em{color:#f2f1ef}.bb-polices{display:grid;gap:16px}.bb-police{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(22px,4vw,44px);overflow:hidden}.bb-police-aa{font-size:clamp(5rem,13vw,9.5rem);line-height:.85;letter-spacing:-.04em;transition:transform .6s var(--bb-ease)}.bb-police:hover .bb-police-aa{transform:scale(1.06) rotate(-2deg)}.bb-police--serif .bb-glyphes,.bb-police--serif .bb-police-aa{font-family:var(--font-display)}.bb-police--sans .bb-glyphes,.bb-police--sans .bb-police-aa{font-family:var(--font-body);font-weight:600}.bb-police--sans{background:var(--dark-flat);border-color:var(--dark-flat);color:#f2f1ef}.bb-police--sans p{color:#a3a09b}.bb-police h3{margin:0 0 6px;font-size:1.5rem}.bb-police p{margin:0 0 14px;color:var(--muted)}.bb-glyphes{margin:0!important;font-size:clamp(.9rem,1.6vw,1.15rem);line-height:1.55;letter-spacing:.04em;word-break:break-all;color:inherit!important}.bb-echelle{margin-top:28px;border-top:1px solid var(--border)}.bb-echelle-ligne{display:grid;grid-template-columns:170px 1fr;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}.bb-echelle-ligne>span{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--label)}.bb-echelle-ligne b{font-family:var(--font-display);font-weight:600;line-height:1.05;letter-spacing:-.02em}.bb-echelle-ligne p{margin:0;font-size:1rem}.bb-ton{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bb-ton-carte{padding:26px;border-radius:24px;background:var(--surface-2);transition:transform .45s var(--bb-ease)}.bb-ton-carte:hover{transform:translateY(-5px)}.bb-ton-exemple{display:block;margin-bottom:18px;font-family:var(--font-display);font-style:italic;font-size:1.4rem;line-height:1.2}.bb-ton-carte h3{margin:0 0 6px;font-size:1.05rem}.bb-ton-carte p{margin:0;font-size:.92rem;color:var(--muted)}.bb-composants{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bb-demo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;min-height:170px;padding:22px;background:var(--bg)}.bb-demo .btn{pointer-events:none}.bb-demo--nuit{background:var(--dark-flat);border-color:var(--dark-flat)}.bb-carte{display:flex;flex-direction:column;gap:4px;width:100%;padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);font-size:.88rem}.bb-carte span{color:var(--muted)}@media (max-width:1000px){.bb-corps{grid-template-columns:1fr}.bb-sommaire{position:sticky;top:84px;z-index:5;margin-inline:-24px;padding:8px 24px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none}.bb-sommaire ol{display:flex;gap:6px;border-left:0;width:-moz-max-content;width:max-content}.bb-sommaire a{padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);white-space:nowrap;font-size:.85rem}.bb-sommaire a:before{display:none}.bb-sommaire a[aria-current=true]{background:var(--ink);border-color:var(--ink);color:#fff}.bb-sommaire a[aria-current=true] span{color:#fff}}@media (max-width:860px){.bb-construction,.bb-couverture,.bb-protection{grid-template-columns:1fr}.bb-couverture{min-height:0}.bb-couverture-icone{max-width:420px;width:100%;margin-inline:auto}.bb-cas--trois,.bb-composants,.bb-nuancier,.bb-ton{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.bb-cas,.bb-cas--trois,.bb-composants,.bb-ton,.bb-variantes{grid-template-columns:1fr}.bb-nuancier{grid-template-columns:1fr 1fr}.bb-nuance{min-height:160px;padding:16px}.bb-echelle-ligne,.bb-police{grid-template-columns:1fr}.bb-echelle-ligne{gap:6px}.bb-dosage em{font-size:1rem}}@media (prefers-reduced-motion:reduce){.bb *,.bb :after,.bb :before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}}