[data-page=etude-de-cas] .ba-before,[data-page=etude-de-cas] .ba-after{transition:transform .95s var(--e-quint)}html.js [data-page=etude-de-cas] .ba-wrap.reveal{filter:none;transform:none}html.js [data-page=etude-de-cas] .ba-wrap.reveal .ba-before{transform:translate(-58px)translateZ(0)}html.js [data-page=etude-de-cas] .ba-wrap.reveal .ba-after{transform:translate(58px)translateZ(0)}html.js [data-page=etude-de-cas] .ba-wrap.reveal.in .ba-before,html.js [data-page=etude-de-cas] .ba-wrap.reveal.in .ba-after{transform:translateZ(0)}html.js [data-page=etude-de-cas] .ba-wrap.reveal .ba-handle{opacity:0;transition:opacity .5s var(--e-quint) .55s,transform .7s var(--e-quint) .55s,box-shadow .3s ease;transform:translate(-50%)translateY(-18px)}html.js [data-page=etude-de-cas] .ba-wrap.reveal.in .ba-handle{opacity:1;transform:translate(-50%)translateY(0)}[data-page=etude-de-cas] .ba-head{max-width:40ch;margin-bottom:clamp(2rem,4vw,3rem)}[data-page=etude-de-cas] .ba-wrap{width:100%;box-shadow:var(--shadow);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;isolation:isolate;background:#14141b;border-radius:14px;position:relative;overflow:hidden}[data-page=etude-de-cas] .ba-chrome{background:#191926;border-bottom:1px solid #f5efde14;align-items:center;gap:10px;height:clamp(30px,3.2vw,38px);padding:0 12px;display:flex}[data-page=etude-de-cas] .ba-dots{flex:none;gap:6px;display:inline-flex}[data-page=etude-de-cas] .ba-dots i{background:#f5efde38;border-radius:50%;width:10px;height:10px}[data-page=etude-de-cas] .ba-dots i:first-child{background:#ff5f57}[data-page=etude-de-cas] .ba-dots i:nth-child(2){background:#febc2e}[data-page=etude-de-cas] .ba-dots i:nth-child(3){background:#28c840}[data-page=etude-de-cas] .ba-url{min-width:0;height:66%;font-family:var(--font-instrument-sans);color:#f5efdeb8;background:#0d0d0d80;border-radius:100px;flex:auto;align-items:center;gap:7px;padding:0 12px;font-size:clamp(.6rem,1vw,.75rem);display:inline-flex}[data-page=etude-de-cas] .ba-lock{opacity:.55;flex:none;width:.85em;height:.85em}[data-page=etude-de-cas] .ba-urltxt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-page=etude-de-cas] .ba-year{font-family:var(--font-caveat);color:var(--orange);flex:none;font-size:clamp(1rem,1.7vw,1.25rem);font-weight:700;line-height:1}[data-page=etude-de-cas] .ba-stage{aspect-ratio:16/10;background:var(--cream-deep);contain:layout paint;position:relative;overflow:hidden}[data-page=etude-de-cas] .ba-layer{backface-visibility:hidden;position:absolute;inset:0;transform:translateZ(0)}[data-page=etude-de-cas] .ba-layer img{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}[data-page=etude-de-cas] .ba-after{clip-path:inset(0 0 0 var(--split,50%))}[data-page=etude-de-cas] .ba-tag{z-index:4;font-family:var(--font-caveat);pointer-events:none;will-change:transform,opacity;padding:.1em .5em;font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:700;position:absolute;top:14px}[data-page=etude-de-cas] .ba-tag.before{color:#fff;text-shadow:0 2px 8px #0006;left:16px}[data-page=etude-de-cas] .ba-tag.after{color:var(--ink);right:16px}[data-page=etude-de-cas] .ba-handle{top:0;bottom:0;left:var(--split,50%);background:var(--cream);z-index:5;pointer-events:none;width:3px;transition:box-shadow .3s;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #0d0d0d26}[data-page=etude-de-cas] .ba-knob{background:var(--cream);will-change:transform;width:clamp(44px,6vw,58px);height:clamp(44px,6vw,58px);transition:transform .32s var(--e-quint),box-shadow .32s ease;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px -8px #0d0d0d80}[data-page=etude-de-cas] .ba-knob svg{width:60%;height:60%;overflow:visible}[data-page=etude-de-cas] .ba-chevrons path{fill:none;stroke:url(#baGrad);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--e-quint)}[data-page=etude-de-cas] .ba-range{opacity:0;pointer-events:none;z-index:6;width:100%;height:100%;margin:0;position:absolute;inset:0}[data-page=etude-de-cas] .ba-wrap:hover .ba-knob{transform:translate(-50%,-50%)scale(1.09)}[data-page=etude-de-cas] .ba-wrap:hover .cv-l,[data-page=etude-de-cas] .ba-wrap.dragging .cv-l{transform:translate(-3px)}[data-page=etude-de-cas] .ba-wrap:hover .cv-r,[data-page=etude-de-cas] .ba-wrap.dragging .cv-r{transform:translate(3px)}[data-page=etude-de-cas] .ba-wrap.dragging{cursor:ew-resize}[data-page=etude-de-cas] .ba-wrap.dragging .ba-handle{box-shadow:0 0 0 1px #0d0d0d1f,0 0 22px #f5efde8c}[data-page=etude-de-cas] .ba-wrap.dragging .ba-knob{transform:translate(-50%,-50%)scale(1.09);box-shadow:0 10px 30px -8px #0d0d0d8c,0 0 0 6px #f5efde29}@keyframes etude-de-cas-baInvite{0%,to{transform:translate(-50%,-50%)scale(1)}45%{transform:translate(-50%,-50%)scale(1.14)}}@keyframes etude-de-cas-baCvL{0%,to{transform:translate(0)}45%{transform:translate(-5px)}}@keyframes etude-de-cas-baCvR{0%,to{transform:translate(0)}45%{transform:translate(5px)}}[data-page=etude-de-cas] .ba-wrap.inviting .ba-knob{animation:etude-de-cas-baInvite 1.65s var(--e-quint)}[data-page=etude-de-cas] .ba-wrap.inviting .cv-l{animation:etude-de-cas-baCvL 1.65s var(--e-quint)}[data-page=etude-de-cas] .ba-wrap.inviting .cv-r{animation:etude-de-cas-baCvR 1.65s var(--e-quint)}[data-page=etude-de-cas] .cs-meta{border-top:1.5px solid #0d0d0d29;flex-wrap:wrap;gap:clamp(1.2rem,3vw,3rem);margin-top:clamp(1.6rem,3vw,2.4rem);padding-top:clamp(1.2rem,2.2vw,1.8rem);display:flex}[data-page=etude-de-cas] .cs-meta div{flex-direction:column;gap:.2rem;display:flex}[data-page=etude-de-cas] .cs-meta dt{text-transform:uppercase;letter-spacing:.22em;color:#0d0d0d73;font-size:.68rem;font-weight:600}[data-page=etude-de-cas] .cs-meta dd{font-family:var(--font-archivo);color:var(--ink);font-size:clamp(.98rem,1.3vw,1.15rem);font-weight:800;font-stretch:110%}[data-page=etude-de-cas] .cs-start{background:var(--ink);color:var(--cream);padding:clamp(4rem,9vw,7.5rem) 0;position:relative;overflow:clip}[data-page=etude-de-cas] .cs-start:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 92% 28%,#7b61ff24,#0000 60%);position:absolute;inset:0}[data-page=etude-de-cas] .cs-start .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,4.5vw,4.5rem);display:grid;position:relative}[data-page=etude-de-cas] .cs-start .sec-label{color:#f5efde9e}[data-page=etude-de-cas] .cs-start .sec-h2{margin-bottom:clamp(1.6rem,3vw,2.4rem)}[data-page=etude-de-cas] .cs-issues{flex-direction:column;gap:clamp(1.1rem,2.2vw,1.7rem);display:flex}[data-page=etude-de-cas] .cs-issue{border-top:1px solid #f5efde24;grid-template-columns:auto 1fr;align-items:baseline;gap:1rem;padding-top:clamp(.9rem,1.8vw,1.3rem);display:grid}[data-page=etude-de-cas] .cs-issue-no{font-family:var(--font-caveat);color:var(--orange);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:700;transform:rotate(-3deg)}[data-page=etude-de-cas] .cs-issue h3{font-family:var(--font-archivo);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.15rem,2vw,1.6rem);font-weight:900;font-stretch:112%;line-height:1.05}[data-page=etude-de-cas] .cs-issue p{color:#f5efdeb8;max-width:44ch;margin-top:.35rem;font-size:.98rem}[data-page=etude-de-cas] .cs-rush{background:#14141b;border:1px solid #f5efde24;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #000000d9}[data-page=etude-de-cas] .cs-rush video{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}[data-page=etude-de-cas] .cs-rush-hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:12px;right:12px}[data-page=etude-de-cas] .cs-rec{font-family:var(--font-instrument-sans);letter-spacing:.14em;color:#fff;text-shadow:0 1px 6px #0009;align-items:center;gap:.45em;font-size:.7rem;font-weight:700;display:inline-flex}[data-page=etude-de-cas] .cs-rec i{background:#ff4545;border-radius:50%;width:9px;height:9px;animation:1.1s step-end infinite blink;box-shadow:0 0 8px #ff4545cc}[data-page=etude-de-cas] .cs-rush-cap{z-index:2;pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:10px;left:12px}[data-page=etude-de-cas] .cs-rush-cap b{font-family:var(--font-archivo);color:#fff;text-shadow:0 2px 8px #0000008c;font-size:1rem;font-weight:800}[data-page=etude-de-cas] .cs-rush-cap span{font-family:var(--font-caveat);color:var(--orange);font-size:1.15rem}[data-page=etude-de-cas] .cs-rush-note{z-index:2;font-family:var(--font-caveat);color:#f5efded9;pointer-events:none;font-size:1.1rem;font-weight:600;position:absolute;top:12px;right:14px;transform:rotate(3deg)}[data-page=etude-de-cas] .cs-ba{background:var(--cream);padding:clamp(4rem,9vw,7.5rem) 0;position:relative}[data-page=etude-de-cas] .video-note{font-family:var(--font-caveat);color:#5a43d6;align-items:center;gap:.4em;margin-top:.6rem;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:600;display:inline-flex}[data-page=etude-de-cas] .cs-did{background:var(--cream-deep);padding:clamp(4rem,9vw,7.5rem) 0;position:relative;overflow:clip}[data-page=etude-de-cas] .cs-did .sec-h2{margin-bottom:clamp(2rem,4vw,3.2rem)}[data-page=etude-de-cas] .did-rail{flex-direction:column;gap:clamp(1.7rem,3.4vw,2.9rem);padding:1.5rem 0 .4rem;display:flex;position:relative}[data-page=etude-de-cas] .rail-line{background:#0d0d0d1f;border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}[data-page=etude-de-cas] .rail-fill{background:linear-gradient(180deg,var(--violet),var(--magenta),var(--orange));transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}[data-page=etude-de-cas] .did-step{grid-template-columns:1fr clamp(70px,9vw,120px) 1fr;align-items:center;display:grid;position:relative}[data-page=etude-de-cas] .did-step[data-side=l] .did{grid-area:1/1}[data-page=etude-de-cas] .did-step[data-side=r] .did{--dr:.4deg;grid-area:1/3}[data-page=etude-de-cas] .did-node{background:var(--cream-deep);z-index:1;width:36px;height:36px;transition:transform .5s var(--e-quint),border-color .5s var(--e-quint),background .5s var(--e-quint);border:2px solid #0d0d0d47;border-radius:50%;grid-area:1/2;justify-content:center;justify-self:center;align-items:center;display:flex}[data-page=etude-de-cas] .did-node svg{color:#0d0d0d6b;width:16px;height:16px;transition:color .5s var(--e-quint),transform .65s var(--e-quint)}[data-page=etude-de-cas] .did-step.lit .did-node{background:linear-gradient(135deg,var(--violet),var(--magenta),var(--orange));border-color:#0000;transform:scale(1.14)}[data-page=etude-de-cas] .did-step.lit .did-node svg{color:var(--cream);transform:rotate(180deg)}[data-page=etude-de-cas] .did-link{font-family:var(--font-caveat);color:#5a43d6;opacity:0;transition:opacity .6s var(--e-quint) .18s;white-space:nowrap;pointer-events:none;grid-area:1/2;place-self:center;font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:600;transform:translateY(-2.6em)rotate(-4deg)}[data-page=etude-de-cas] .did-step.lit .did-link{opacity:1}[data-page=etude-de-cas] .did{background:var(--cream);border:1px solid var(--edge);transition:transform .45s var(--e-quint),box-shadow .45s var(--e-quint);border-radius:13px;padding:clamp(1.4rem,2.8vw,2.2rem);position:relative;box-shadow:0 18px 44px -30px #0d0d0d80}[data-page=etude-de-cas] .did:hover{transform:translateY(-5px) rotate(var(--dr,-.4deg));box-shadow:0 30px 60px -28px #0d0d0d8c}[data-page=etude-de-cas] .ba-year.flip{animation:etude-de-cas-baPop .38s var(--e-quint)}@keyframes etude-de-cas-baPop{0%{transform:scale(1)}42%{transform:scale(1.28)rotate(-2deg)}to{transform:scale(1)}}[data-page=etude-de-cas] .did-tape{clip-path:polygon(3% 12%,97% 2%,100% 82%,96% 100%,2% 90%,0 22%);background:linear-gradient(#f0e8d2f2,#e4dac0d9);width:76px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-5deg);box-shadow:0 3px 7px -3px #0d0d0d59}[data-page=etude-de-cas] .did-no{font-family:var(--font-caveat);color:#5a43d6;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700;display:inline-block;transform:rotate(-3deg)}[data-page=etude-de-cas] .did h3{font-family:var(--font-archivo);text-transform:uppercase;letter-spacing:-.02em;margin:.3rem 0 .6rem;font-size:clamp(1.2rem,2.1vw,1.7rem);font-weight:900;font-stretch:114%;line-height:1.02}[data-page=etude-de-cas] .did p{color:#0d0d0dbd;max-width:46ch;font-size:.98rem}[data-page=etude-de-cas] .did-tag{font-family:var(--font-instrument-sans);letter-spacing:.16em;text-transform:uppercase;color:#0d0d0d8c;border:1px solid #0d0d0d33;border-radius:100px;margin-top:.9rem;padding:.4em .9em;font-size:.7rem;font-weight:700;display:inline-flex}@media (max-width:860px){[data-page=etude-de-cas] .did-rail{gap:1.6rem}[data-page=etude-de-cas] .rail-line{left:17px;transform:none}[data-page=etude-de-cas] .did-step{grid-template-rows:auto auto;grid-template-columns:36px 1fr;column-gap:1rem}[data-page=etude-de-cas] .did-node{grid-area:2/1;align-self:start;margin-top:.3rem}[data-page=etude-de-cas] .did-link{grid-area:1/2;place-self:end start;margin-bottom:.4rem;position:static;transform:rotate(-3deg)}[data-page=etude-de-cas] .did-step[data-side=l] .did,[data-page=etude-de-cas] .did-step[data-side=r] .did{grid-area:2/2}[data-page=etude-de-cas] .cs-start .wrap{grid-template-columns:1fr}[data-page=etude-de-cas] .cs-rush{max-width:440px}}[data-page=etude-de-cas] .cs-res{background:var(--ink);color:var(--cream);padding:clamp(4rem,9vw,7.5rem) 0;position:relative;overflow:clip}[data-page=etude-de-cas] .cs-res:before{content:"";pointer-events:none;background:radial-gradient(58% 40% at 8% 72%,#ff8a001a,#0000 60%),radial-gradient(52% 40% at 94% 28%,#c24cf621,#0000 60%);position:absolute;inset:0}[data-page=etude-de-cas] .cs-res .wrap{position:relative}[data-page=etude-de-cas] .cs-res .sec-label{color:#f5efde9e}[data-page=etude-de-cas] .res-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(2rem,4.5vw,4.5rem);margin-top:clamp(2rem,4vw,3rem);display:grid}[data-page=etude-de-cas] .res-kpi{flex-direction:column;gap:.4rem;display:flex}[data-page=etude-de-cas] .res-fig{font-family:var(--font-archivo);letter-spacing:-.04em;background:var(--grad-soft);color:#0000;filter:drop-shadow(0 14px 38px #7b61ff40);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,10vw,8.5rem);font-weight:900;font-stretch:125%;line-height:.82}[data-page=etude-de-cas] .res-sub{color:#f5efded1;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500}[data-page=etude-de-cas] .res-mark{font-family:var(--font-caveat);color:var(--orange);align-items:center;gap:.4em;margin-top:.7rem;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:600;display:inline-flex;transform:rotate(-2.5deg)}[data-page=etude-de-cas] .quote-card{background:var(--cream);color:var(--ink);border-radius:12px;max-width:560px;margin-top:clamp(2rem,4vw,3rem);padding:clamp(1.6rem,3vw,2.4rem) clamp(1.5rem,2.8vw,2.2rem) clamp(1.3rem,2.4vw,1.9rem);position:relative;transform:rotate(-1.2deg);box-shadow:0 30px 70px -28px #000c}[data-page=etude-de-cas] .quote-card:before{content:"";clip-path:polygon(3% 12%,97% 2%,100% 82%,96% 100%,2% 90%,0 22%);background:linear-gradient(#f0e8d2f2,#e4dac0d9);width:92px;height:21px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-4.5deg);box-shadow:0 3px 8px -3px #0d0d0d66}[data-page=etude-de-cas] .quote-stars{color:var(--orange);letter-spacing:.1em;margin-bottom:.6rem;font-size:1.05rem}[data-page=etude-de-cas] .quote-card blockquote{font-family:var(--font-instrument-serif);color:var(--ink);font-size:clamp(1.2rem,2.2vw,1.65rem);font-style:italic;line-height:1.35}[data-page=etude-de-cas] .quote-who{flex-direction:column;margin-top:.9rem;display:flex}[data-page=etude-de-cas] .quote-who b{font-family:var(--font-archivo);font-size:.98rem;font-weight:800}[data-page=etude-de-cas] .quote-who small{color:#0d0d0d99;font-size:.8rem}[data-page=etude-de-cas] .res-shot{background:#14141b;border:1px solid #f5efde24;border-radius:14px;overflow:hidden;box-shadow:0 34px 80px -32px #000000e6}[data-page=etude-de-cas] .res-shot .card-bar{background:#f5efde0f;border-bottom:1px solid #00000059;align-items:center;gap:5px;height:30px;padding:0 12px;display:flex}[data-page=etude-de-cas] .res-shot .card-bar i{opacity:.9;border-radius:50%;flex:none;width:8px;height:8px}[data-page=etude-de-cas] .res-shot .card-bar i:first-child{background:var(--violet)}[data-page=etude-de-cas] .res-shot .card-bar i:nth-child(2){background:var(--magenta)}[data-page=etude-de-cas] .res-shot .card-bar i:nth-child(3){background:var(--orange)}[data-page=etude-de-cas] .res-shot .card-bar em{font-family:var(--font-instrument-sans);color:#f5efde8c;margin-left:6px;font-size:.72rem;font-style:normal}[data-page=etude-de-cas] .res-screen{aspect-ratio:16/10;overflow:hidden}[data-page=etude-de-cas] .res-screen video{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}[data-page=etude-de-cas] .res-note{font-family:var(--font-caveat);color:#f5efdeb3;text-align:center;margin-top:.9rem;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:600}[data-page=etude-de-cas] .cs-disclaimer{color:#f5efde80;align-items:baseline;gap:.5em;max-width:70ch;margin-top:clamp(2rem,4vw,3rem);font-size:.85rem;display:flex}@media (max-width:960px){[data-page=etude-de-cas] .res-grid{grid-template-columns:1fr}}[data-page=etude-de-cas] .cs-next{background:var(--cream);padding:clamp(3.6rem,7.5vw,6rem) 0}[data-page=etude-de-cas] .cs-next .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.6rem 3rem;display:flex}[data-page=etude-de-cas] .csn-copy{max-width:56ch}[data-page=etude-de-cas] .csn-title{font-family:var(--font-archivo);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.9rem,4.4vw,3.6rem);font-weight:900;font-stretch:120%;line-height:.92}[data-page=etude-de-cas] .csn-sub{color:#0d0d0db8;margin-top:.8rem;font-size:clamp(1rem,1.4vw,1.18rem)}@media (prefers-reduced-motion:reduce){[data-page=etude-de-cas] .ba-wrap .ba-before,[data-page=etude-de-cas] .ba-wrap .ba-after{transform:translateZ(0)!important}[data-page=etude-de-cas] .ba-wrap .ba-handle{opacity:1!important;transform:translate(-50%)!important}[data-page=etude-de-cas] .cs-rec i{animation:none!important}[data-page=etude-de-cas] .rail-fill{transform:scaleY(1)!important}[data-page=etude-de-cas] .did-node,[data-page=etude-de-cas] .did-node svg,[data-page=etude-de-cas] .did-link{transition:none!important}[data-page=etude-de-cas] .ba-year.flip{animation:none!important}}
