.case__art{--art-cycle:9s;--art-delay:0s;--art-ink:var(--fg);--art-soft:var(--soft);--art-mark:var(--signal);--art-panel:var(--surface-2);--art-edge:var(--line-3);container-type:inline-size;aspect-ratio:5/2;margin-bottom:var(--s-4)}.art{--u:calc(100cqw / 160);position:relative;width:100%;height:100%}.art>*,.art__out>*,.art__relance>*{position:absolute;top:calc(var(--y) * var(--u));left:calc(var(--x) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}.art__out,.art__relance{--x:0;--y:0;--w:160;--h:64}.art__panel{box-sizing:border-box;border:var(--bw) solid var(--art-edge);background:var(--art-panel)}.art__ink{background:var(--art-ink)}.art__soft{background:var(--art-soft)}.art__mark{background:var(--art-mark)}.art__dot,.art__sign{border-radius:50%}.art--lettre .art__sheet{--x:52;--y:8;--w:56;--h:48;border-radius:calc(3 * var(--u))}.art--lettre .art__r1{--x:60;--y:18;--w:40;--h:3}.art--lettre .art__r2{--x:60;--y:26;--w:34;--h:3}.art--lettre .art__r3{--x:60;--y:34;--w:38;--h:3}.art--lettre .art__r4{--x:60;--y:42;--w:22;--h:3}.art--lettre .art__sign{--x:97;--y:45;--w:6;--h:6}.art__day{--x:calc(16 + var(--d) * 19);--y:14;--w:14;--h:36;border-radius:calc(2 * var(--u))}.art__d0{--d:0}.art__d1{--d:1}.art__d2{--d:2}.art__d3{--d:3}.art__d4{--d:4}.art__d5{--d:5}.art__d6{--d:6}.art__slot{--w:12;--h:6;border-radius:var(--u)}.art__s1{--x:17;--y:18;--dx:10;--dy:30;--r:-14deg}.art__s2{--x:36;--y:30;--dx:-14;--dy:-16;--r:10deg}.art__s3{--x:55;--y:22;--dx:24;--dy:24;--r:-8deg}.art__s4{--x:74;--y:36;--dx:-20;--dy:-24;--r:12deg}.art__s5{--x:93;--y:26;--dx:16;--dy:22;--r:-12deg}.art__s6{--x:112;--y:38;--dx:-26;--dy:14;--r:9deg}.art--reponse .art__in{--x:12;--y:8;--w:64;--h:22;border-radius:calc(6 * var(--u))}.art--reponse .art__in1{--x:20;--y:15;--w:44;--h:3}.art--reponse .art__in2{--x:20;--y:21;--w:30;--h:3}.art--reponse .art__bubble{--x:70;--y:30;--w:78;--h:26;border-radius:calc(6 * var(--u))}.art--reponse .art__r2{--x:78;--y:37;--w:56;--h:3}.art--reponse .art__r3{--x:78;--y:43;--w:48;--h:3}.art--reponse .art__r4{--x:78;--y:49;--w:36;--h:3}.art--reponse .art__sign{--x:137;--y:47;--w:6;--h:6}.art__out{transform-origin:calc(148 * var(--u)) calc(56 * var(--u))}.art--devis .art__quote{--x:26;--y:6;--w:62;--h:52;border-radius:calc(3 * var(--u))}.art--devis .art__r1{--x:34;--y:14;--w:40;--h:3}.art--devis .art__r2{--x:34;--y:22;--w:46;--h:3}.art--devis .art__r3{--x:34;--y:30;--w:32;--h:3}.art--devis .art__total{--x:52;--y:46;--w:30;--h:4}.art--devis .art__note{--x:80;--y:20;--w:58;--h:38;border-radius:calc(3 * var(--u))}.art--devis .art__note1{--x:88;--y:29;--w:36;--h:3}.art--devis .art__note2{--x:88;--y:35;--w:28;--h:3}.art--devis .art__dot{--x:125;--y:45;--w:6;--h:6}@media (min-width:75em){.case:nth-child(2) .case__art{--art-delay:0.7s}.case:nth-child(3) .case__art{--art-delay:1.4s}.case:nth-child(4) .case__art{--art-delay:2.1s}}.art__row{transform-origin:0 50%}@keyframes art-write{0%{transform:scaleX(0)}30%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}@keyframes art-write-1{0%,3%{transform:scaleX(0)}33%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}@keyframes art-write-2{0%,6%{transform:scaleX(0)}36%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}@keyframes art-write-3{0%,9%{transform:scaleX(0)}39%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}@keyframes art-settle{0%{transform:translateY(calc(4 * var(--u)));opacity:0}30%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}@keyframes art-mark{0%,26%{transform:scale(.6);opacity:0}36%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}@keyframes art-show{0%,26%{opacity:0}36%,85%{opacity:1}to{opacity:0}}@keyframes art-tidy{0%{transform:translate(calc(var(--dx) * var(--u)),calc(var(--dy) * var(--u))) rotate(var(--r));opacity:0}6%{transform:translate(calc(var(--dx) * var(--u)),calc(var(--dy) * var(--u))) rotate(var(--r));opacity:.6}34%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}@keyframes art-grow{0%{transform:scale(.2);opacity:0}14%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}@keyframes art-slide{0%,36%{transform:translateX(calc(28 * var(--u)));opacity:0}52%,85%{transform:none;opacity:1}to{transform:none;opacity:0}}.art__row{animation:art-write var(--art-cycle) var(--ease-out) var(--art-delay) infinite both}.art__r2{animation-name:art-write-1}.art__r3{animation-name:art-write-2}.art__r4{animation-name:art-write-3}.art__sheet{animation:art-settle var(--art-cycle) var(--ease-out) var(--art-delay) infinite both}.art__sign{animation:art-mark var(--art-cycle) var(--ease-out) var(--art-delay) infinite both}.art__slot{animation:art-tidy var(--art-cycle) var(--ease-out) var(--art-delay) infinite both}.art__out{animation:art-grow var(--art-cycle) var(--ease-out) var(--art-delay) infinite both}.art__total{animation:art-show var(--art-cycle) var(--ease-out) var(--art-delay) infinite both}.art__relance{animation:art-slide var(--art-cycle) var(--ease-out) var(--art-delay) infinite both}@media (forced-colors:active){.case__art{forced-color-adjust:none;--art-ink:CanvasText;--art-soft:CanvasText;--art-mark:Highlight;--art-panel:Canvas;--art-edge:CanvasText}.case__art *{animation:none}}