@layer components{.rb-b-join{--join-ink:var(--brand-ink,#1e1e1e);--join-muted:var(--brand-muted,#5c5c5c);--join-accent:var(--brand-accent,#9b1b77);--join-star:#ffb400;--ba-h:clamp(260px,36vw,420px);--ba-gap:0;color:var(--join-ink)}.rb-b-join--soft{background:radial-gradient(1200px 400px at 20% 70%,#f3e9df 0,transparent 60%) no-repeat,radial-gradient(800px 300px at 80% 20%,#f7f1ea 0,transparent 60%) no-repeat}.rb-b-join .rb-b-join__ba,.rb-b-join .rb-b-join__content,.rb-b-join .rb-b-join__title{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}.rb-b-join.is-in .rb-b-join__ba,.rb-b-join.is-in .rb-b-join__content,.rb-b-join.is-in .rb-b-join__title{opacity:1;transform:none}.rb-b-join.is-in .rb-b-join__content{transition-delay:.08s}.rb-b-join__title{margin:0}.rb-b-join__ba{background:#fff;border-radius:14px;overflow:hidden}.rb-b-join__ba-grid{--split:52%;aspect-ratio:4/3;display:block;isolation:isolate;min-height:clamp(220px,35vw,380px);position:relative}.rb-b-join__ph{inset:0;position:absolute}.rb-b-join__ph--after .rb-b-join__img,.rb-b-join__ph--before .rb-b-join__img{display:block;height:100%;object-fit:cover;width:100%}.rb-b-join__ph--after{overflow:hidden;width:var(--split)}.rb-b-join__ba-grid:after{background:#fff;bottom:0;box-shadow:0 0 0 1px rgba(0,0,0,.07),0 0 10px rgba(0,0,0,.12);content:"";left:var(--split);pointer-events:none;position:absolute;top:0;transform:translateX(-1px);width:2px;z-index:4}.rb-b-join__ba-handle{background:var(--join-accent);border:0;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.15);color:#fff;cursor:ew-resize;height:36px;left:var(--split);position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow .25s ease,transform .2s ease;width:36px;z-index:5}.rb-b-join__ba-handle:before{border:2px solid color-mix(in srgb,var(--join-accent) 50%,#fff);border-radius:999px;content:"";inset:-8px;opacity:0;position:absolute;transition:opacity .25s ease}.rb-b-join__ba-handle:focus-visible{outline:none}.rb-b-join__ba-handle:focus-visible,.rb-b-join__ba-handle:hover{box-shadow:0 8px 22px rgba(0,0,0,.2)}.rb-b-join__ba-handle:focus-visible:before{opacity:1}.rb-b-join__img{display:block;height:100%;object-fit:cover;width:100%}.rb-b-join__ba-grid--static{align-items:stretch;aspect-ratio:auto!important;display:grid!important;gap:var(--ba-gap);grid-template-columns:1fr 1fr;isolation:isolate;min-height:var(--ba-h);position:relative}.rb-b-join__ba-grid--static .rb-b-join__ph{background:#fff;display:grid;height:100%;inset:auto!important;overflow:hidden;place-items:center;position:relative!important;width:100%}.rb-b-join__ba-grid--static .rb-b-join__ph--after{overflow:hidden!important;width:auto!important}.rb-b-join__ba-grid--static .rb-b-join__img{display:block;height:100%;max-width:100%;object-fit:contain!important;object-position:var(--img-pos,center);width:auto}.rb-b-join__ba-grid--static .rb-b-join__ph--before .rb-b-join__img{--img-pos:var(--img-pos-before,center)}.rb-b-join__ba-grid--static .rb-b-join__ph--after .rb-b-join__img{--img-pos:var(--img-pos-after,center)}.rb-b-join__ba-grid--static:after,.rb-b-join__ba-handle{display:none!important}.rb-b-join__ph--after:before,.rb-b-join__ph--before:before{border-radius:6px;color:#fff;font-size:12px;font-weight:700;left:8px;padding:4px 8px;position:absolute;top:8px;z-index:3}.rb-b-join__ph--before:before{background:#f57c00;content:"Avant"}.rb-b-join__ph--after:before{background:#71a82e;content:"Après"}.rb-b-join__content{margin-left:auto;margin-right:auto;max-width:640px}.rb-b-join__stars{color:var(--join-star);font-size:clamp(16px,2.2vw,20px);letter-spacing:2px;line-height:1}.rb-b-join__stars span{display:inline-block;transition:transform .2s ease}.rb-b-join__stars:hover span{transform:translateY(-1px)}.rb-b-join__stars:hover span:nth-child(odd){transform:translateY(-2px) rotate(-2deg)}.rb-b-join__quoteMark{color:var(--join-accent);font-family:Catamaran,sans-serif;font-size:4rem;line-height:1;margin-bottom:-1rem}.rb-b-join__headline{font-family:Bricolage Grotesque,sans-serif;font-size:1.4rem;font-weight:700;line-height:2rem}.rb-b-join__name,.rb-b-join__result{color:var(--join-accent)}.rb-b-join__result{margin-left:.35em}.rb-b-join__quote{color:var(--join-muted);font-size:clamp(14px,1.7vw,16px);margin-left:auto;margin-right:auto;max-width:60ch}.rb-b-join__cta{transition:transform .18s ease,box-shadow .2s ease}.rb-b-join__cta:focus-visible,.rb-b-join__cta:hover{box-shadow:0 10px 18px rgba(0,0,0,.12);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.rb-b-join .rb-b-join__ba,.rb-b-join .rb-b-join__content,.rb-b-join .rb-b-join__title,.rb-b-join__ba-grid:after,.rb-b-join__ba-handle,.rb-b-join__cta,.rb-b-join__stars span{transition:none!important}}@media(max-width:576.98px){.rb-b-join .rb-b-join{--ba-h:clamp(140px,52vw,220px)}.rb-b-join .rb-b-join__ba-grid--static{-webkit-overflow-scrolling:auto;align-items:center;aspect-ratio:auto!important;display:grid!important;gap:.75rem;grid-template-columns:1fr 1fr;justify-items:center;min-height:var(--ba-h);overflow:hidden;padding:.25rem;scrollbar-width:none}.rb-b-join .rb-b-join__ba-grid--static .rb-b-join__ph{background:#fff;border-radius:12px;display:grid;height:var(--ba-h);inset:auto!important;overflow:hidden;place-items:center;position:relative!important;width:100%}.rb-b-join .rb-b-join__ba-grid--static .rb-b-join__img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain!important;object-position:center;width:auto}.rb-b-join .rb-b-join__ph--after:before,.rb-b-join .rb-b-join__ph--before:before{bottom:auto;font-size:11px;top:8px}}@media(max-width:359.98px){.rb-b-join .rb-b-join{--ba-h:clamp(120px,48vw,180px)}}@media(max-width:576.98px)and (min-width:420px)and (orientation:portrait){.rb-b-join .rb-b-join{--ba-h:clamp(180px,64vw,340px)}}@media(max-width:576.98px)and (min-width:560px)and (orientation:portrait){.rb-b-join .rb-b-join{--ba-h:clamp(220px,72vw,420px)}}@media(max-width:767.98px)and (min-width:480px)and (orientation:landscape){.rb-b-join .rb-b-join{--ba-h:clamp(180px,58vw,360px)}}@media(max-width:576.98px){.rb-b-join .rb-b-join{--ba-h:0}.rb-b-join .rb-b-join__ba-grid--static{align-items:stretch;aspect-ratio:auto!important;display:grid!important;gap:.75rem;grid-template-columns:1fr 1fr;justify-items:center;min-height:0;overflow:hidden;padding:.25rem}.rb-b-join .rb-b-join__ba-grid--static .rb-b-join__ph{aspect-ratio:2/3;background:#fff;border-radius:12px;display:grid;height:auto;overflow:hidden;place-items:center;width:100%}.rb-b-join .rb-b-join__ba-grid--static .rb-b-join__img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain!important;object-position:center;width:auto}.rb-b-join .rb-b-join__ph--after:before,.rb-b-join .rb-b-join__ph--before:before{bottom:auto;font-size:11px;top:8px}}@media(max-width:576.98px)and (min-width:520px){.rb-b-join .rb-b-join__ba-grid--static .rb-b-join__ph{aspect-ratio:7/10}}}