.scene{--marge:clamp(14px, 2.4vw, 36px);--hb:min(64svh, 44vw);height:240svh;position:relative}.scene-fixe{background:var(--color-charbon);flex-direction:column;height:100svh;min-height:600px;display:flex;position:sticky;top:0;overflow:hidden}.scene-ivoire{background:var(--color-ivoire);opacity:0;pointer-events:none;position:absolute;inset:0}.scene-haut{z-index:30;padding:78px var(--marge) 0;color:var(--color-text-secondary);justify-content:space-between;gap:16px;font-size:14px;font-weight:500;display:flex;position:relative}.scene-statut{white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.scene-statut i{background:var(--color-braise);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite scene-respirer}@keyframes scene-respirer{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-braise) 55%, transparent)}50%{box-shadow:0 0 0 7px #0000}}.plateau{flex:1;position:relative}.mot{z-index:10;white-space:nowrap;font-size:var(--taille);will-change:transform;align-items:baseline;display:flex;position:absolute}.mot-gauche{left:var(--marge);top:0}.mot-droite{right:var(--marge);bottom:0}.mot-pixel{background:var(--color-violet);width:.16em;height:.16em;animation:scene-apparaitre .8s var(--ease-franc) .9s both, scene-clignoter 1.5s steps(1) 2s infinite;flex:none;margin-left:.03em}@keyframes scene-clignoter{55%{visibility:hidden}to{visibility:visible}}.lettre{vertical-align:bottom;margin-block:-.14em;padding-block:.14em;display:inline-block;overflow:clip}.lettre>span{animation:1.1s cubic-bezier(.16,1,.3,1) forwards scene-monter;animation-delay:var(--delai,0s);display:inline-block;transform:translateY(125%)}@keyframes scene-monter{to{transform:none}}.badge{z-index:15;height:var(--hb);width:calc(var(--hb) * .4278);transform-origin:50% 72%;will-change:transform, opacity;pointer-events:none;position:absolute;top:0;right:7.5%}.badge-balance,.badge-chute,.badge-corps{transform-origin:50% 0;height:100%}.badge-chute{animation:.9s cubic-bezier(.22,1,.36,1) .2s both scene-chuter}.badge-corps{animation:2.6s ease-in-out .45s both scene-balancer,2.8s ease-in-out 3.2s infinite alternate scene-bercer;position:relative}.badge-corps>img{width:100%;height:100%}@keyframes scene-chuter{0%{transform:translateY(-105%)}}@keyframes scene-balancer{0%{transform:rotate(-15deg)}22%{transform:rotate(9deg)}42%{transform:rotate(-5.5deg)}60%{transform:rotate(3deg)}76%{transform:rotate(-1.4deg)}90%{transform:rotate(.5deg)}to{transform:rotate(0)}}@keyframes scene-bercer{to{transform:rotate(1.3deg)}}.badge-carte{color:var(--color-charbon);font-size:calc(var(--hb) * .0215);flex-direction:column;line-height:1.2;display:flex;position:absolute;inset:45.5% 9% 4.5%}.badge-tete{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.78em;display:flex}.badge-tete span{align-items:center;display:inline-flex}.badge-tete img{width:auto;height:1.5em;margin-right:.5em}.badge-photo{aspect-ratio:16/10;background:var(--color-violet-profond);border-radius:.35em;flex-direction:column;gap:.45em;margin-top:.9em;padding:.55em;display:flex}.badge-photo .points{gap:.28em;display:flex}.badge-photo .points i{background:var(--color-ivoire);opacity:.85;border-radius:50%;width:.42em;height:.42em}.badge-photo .trait-a{background:var(--color-ivoire);border-radius:.15em;width:62%;height:22%}.badge-photo .trait-b{background:var(--color-ivoire);opacity:.55;border-radius:.15em;width:84%;height:9%}.badge-photo .trait-c{background:var(--color-charbon);border-radius:99px;width:34%;height:20%;margin-top:auto}.badge-nom{font-family:var(--font-affiche);text-transform:uppercase;white-space:nowrap;margin-top:.5em;font-size:2.4em;line-height:.95}.badge-champs{gap:.3em;margin-top:.5em;font-size:.86em;display:grid}.badge-champs div{border-top:1px solid #0b0b0d29;justify-content:space-between;align-items:baseline;gap:.6em;padding-top:.3em;display:flex}.badge-champs dt{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#6b6b74;font-size:.78em}.badge-champs dd{text-align:right;font-weight:700}.badge-code{opacity:.85;background:repeating-linear-gradient(90deg, var(--color-charbon) 0 2px, transparent 2px 4px, var(--color-charbon) 4px 5px, transparent 5px 9px, var(--color-charbon) 9px 12px, transparent 12px 14px);height:1.5em;margin-top:auto}.flotte{z-index:20;will-change:transform;position:absolute}.flotte-souris{position:relative}.flotte img{width:100%;height:auto;animation:1.2s cubic-bezier(.34,1.56,.64,1) both scene-poser;animation-delay:var(--delai,.5s)}@keyframes scene-poser{0%{opacity:0;transform:scale(.6)rotate(-20deg)}}.f-devis{width:11.5vw;top:calc(50% - 8.6vw);left:4%}.f-agenda{width:14.5vw;top:calc(50% - 3.6vw);left:21%}.f-enveloppes{width:12.5vw;top:calc(50% - 8.8vw);left:41%}.f-chevalet{width:9.5vw;top:calc(50% + .4vw);left:58%}.f-sac{width:9.5vw;bottom:1%;left:9%}.etiq{left:var(--ex,50%);top:var(--ey,80%);background:var(--color-ivoire);color:var(--color-charbon);white-space:nowrap;rotate:var(--er,-3deg);animation:.5s cubic-bezier(.34,1.7,.64,1) both scene-coller;animation-delay:var(--delai,1.3s);border-radius:999px;align-items:center;gap:7px;padding:7px 12px 7px 9px;font-size:13px;font-weight:700;line-height:1;display:inline-flex;position:absolute;box-shadow:0 6px 14px #00000059}.etiq i{background:var(--color-violet-profond);width:8px;height:8px}@keyframes scene-coller{0%{opacity:0;transform:scale(.6)}}.promesse{z-index:25;padding:64px var(--marge) 0;text-align:center;color:var(--color-charbon);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.6vw;display:flex;position:absolute;inset:0}.promesse>*{opacity:0;will-change:transform, opacity}.promesse-ligne{letter-spacing:-.035em;text-wrap:balance;max-width:19em;font-size:clamp(28px,4.2vw,62px);font-weight:700;line-height:1.06}.promesse-ligne+.promesse-ligne{color:var(--color-violet-profond)}.promesse-ancrage{max-width:46ch;margin-top:clamp(18px,2.4vw,34px);font-size:15.5px;font-weight:500;line-height:1.45}.promesse-ancrage a{border-bottom:2px solid var(--color-violet-profond);align-items:center;gap:6px;margin-top:10px;font-weight:700;display:inline-flex}.scene-bas{z-index:30;padding:0 var(--marge) clamp(16px, 2.2vw, 30px);justify-content:flex-start;align-items:flex-end;gap:clamp(24px,4vw,64px);display:flex;position:relative}.scene-bas p{max-width:42ch;font-size:15.5px;font-weight:500;line-height:1.4}.scene-bas p span{color:var(--color-text-secondary)}.scene-actions{flex-wrap:wrap;gap:10px;display:flex}.scene-apparait{animation:scene-apparaitre .8s var(--ease-franc) both;animation-delay:var(--delai,.8s)}@keyframes scene-apparaitre{0%{opacity:0;transform:translateY(16px)}}@media (max-width:760px){.scene{--hb:min(57svh, 125vw)}.mot{font-size:var(--taille-mobile)}.mot-gauche{z-index:16;top:3%}.mot-droite{bottom:3%}.badge{margin-left:calc(var(--hb) * -.2139);left:50%;right:auto}.f-agenda{width:30vw;top:31%;left:auto;right:-7%}.f-devis{width:24vw;top:35%;left:-4%}.f-enveloppes{width:25vw;top:61%;left:auto;right:-3%}.f-sac{width:20vw;bottom:19%;left:1%}.f-chevalet{display:none}.etiq{left:var(--exm,var(--ex,50%));top:var(--eym,var(--ey,80%));gap:5px;padding:5px 8px 5px 7px;font-size:10.5px}.etiq i{width:6px;height:6px}.promesse-ligne{font-size:7.6vw}.scene-haut{padding-top:74px;font-size:13px}.scene-bas{flex-direction:column;align-items:flex-start;gap:14px}.scene-bas p{font-size:14.5px}}@media (prefers-reduced-motion:reduce){.badge-corps,.mot-pixel,.scene-statut i{animation:none}.lettre>span{animation-duration:1ms}}
.bande{--ecart:clamp(10px, 1vw, 14px);overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.bande-piste{gap:var(--ecart);width:max-content;animation:bande-defiler var(--duree,46s) linear infinite;display:flex}.bande-piste>div{gap:var(--ecart);flex:none;display:flex}.bande-inverse{--duree:150s;animation-direction:reverse}@keyframes bande-defiler{to{transform:translate3d(calc(-50% - var(--ecart) / 2), 0, 0)}}@media (hover:hover) and (pointer:fine){.bande:hover .bande-piste{animation-play-state:paused}}