@keyframes bg-leve{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes bg-ligne{0%{translate:0 .35em}}.entree{animation:bg-leve 1s var(--bg-courbe) both;animation-delay:var(--d,0s)}.ligne-masque,.ligne-masque>span{display:block}@media (prefers-reduced-motion:no-preference){.ligne-masque>span{animation:bg-ligne 1.1s var(--bg-courbe) both;animation-delay:var(--d,0s)}}.titre-heros{letter-spacing:-.045em;font-size:clamp(2.6rem,7.2vw,7rem);font-weight:560;line-height:.93}.titre-heros>span{display:block}@keyframes bg-titre{0%{translate:0 .35em}}@media (prefers-reduced-motion:no-preference){.titre-heros>span{animation:bg-titre 1.1s var(--bg-courbe) both;animation-delay:var(--d,0s)}}.heros-grille{z-index:-2;opacity:.5;background-image:radial-gradient(var(--bg-grille) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30% 40%,#000 10%,#0000 65%);mask-image:radial-gradient(at 30% 40%,#000 10%,#0000 65%)}.heros-lueur{z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side, var(--globe-halo), transparent 72%);width:1100px;position:absolute;bottom:-460px;left:50%;translate:-50%}.globe-scene{pointer-events:none;height:min(112vw,640px);margin-top:-2vw;position:relative}.globe-boite{--R:min(66vw, 400px);width:calc(var(--R) * 2.6);aspect-ratio:1;left:calc(50% - var(--R) * 1.3);top:calc(min(71.7vw, 430px) - var(--R) * 1.3);position:absolute;container-type:inline-size}@media (min-width:1024px){.heros-lueur{inset:50% -380px auto auto;translate:0 -50%}.globe-scene{height:auto;margin-top:0;position:absolute;inset:0}.globe-boite{--R:clamp(380px, 35vw, 520px);left:calc(79% - var(--R) * 1.3);top:calc(50% - var(--R) * 1.3)}}.globe-affiche,.globe-toile{transition:opacity 1.2s var(--bg-courbe)}.globe-toile{opacity:0;width:100%;height:100%;position:absolute;inset:0}.globe-boite[data-webgl] .globe-toile{opacity:1}.globe-boite[data-webgl] .globe-affiche{opacity:0}@keyframes bg-arcs{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.globe-arcs{animation:bg-arcs 1.2s var(--bg-courbe) .5s both}}.globe-repere,.globe-etiquette{white-space:nowrap;position:absolute;top:0;left:0}.globe-repere{background:var(--bg-rouge);color:#fff;box-shadow:0 8px 24px -8px var(--bg-rouge);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;transform:translate(-50%,16px)}.globe-etiquette{background:var(--bg-voile);border:1px solid var(--bg-ligne);opacity:0;transition:opacity .5s var(--bg-courbe);border-radius:14px;padding:10px 14px 11px;transform:translate(18px,-50%);box-shadow:0 16px 40px -18px #000c}.globe-etiquette[data-cote=gauche]{transform:translate(calc(-100% - 18px),-50%)}.globe-etiquette[data-visible=oui]{opacity:1}.globe-etiquette b{color:var(--bg-encre);font-size:15px;font-weight:700;display:block}.globe-etiquette span{color:var(--bg-gris);font-size:12.5px;display:block}.ecran{border:1px solid var(--bg-ligne);background:var(--bg-surface);box-shadow:var(--bg-ombre-forte);border-radius:14px;position:relative;overflow:hidden}.ecran-barre{border-bottom:1px solid var(--bg-ligne);align-items:center;gap:6px;padding:9px 12px;display:flex}.ecran-barre i{background:var(--bg-ligne);border-radius:50%;width:8px;height:8px}.ecran-barre span{background:var(--bg-fond-doux);color:var(--bg-gris);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;margin-left:8px;padding:2px 10px;font-size:11px;overflow:hidden}.ecran:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff14 50%,#0000 62%);position:absolute;inset:0;translate:-70%}.telephone{z-index:2;background:#0b0f1a;border-radius:13%/6%;width:24%;padding:.9%;position:absolute;box-shadow:inset 0 0 0 1px #ffffff24,0 40px 70px -24px #000000bf}.telephone img{border-radius:10%/4.6%;width:100%;height:auto;display:block}.plateau{perspective:1600px;perspective-origin:50% 30%}.plateau-scene{transform-style:preserve-3d;position:relative}.plateau .telephone{bottom:-14%;right:-5%}.plateau-inverse .telephone{left:-5%;right:auto}.apercu-flottant{z-index:2;zoom:.8;width:min(46%,300px);position:absolute;bottom:-22%;right:-6%}@media (max-width:1023px){.plateau .telephone{right:-1%}.plateau-inverse .telephone{left:-1%}.apercu-flottant{zoom:.62;bottom:-18%;right:-1%}}.mur{view-timeline:--mur;perspective:1800px;margin-top:3.5rem;padding-block:1.5rem 3rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.mur-plan{transform-style:preserve-3d;gap:1.75rem;display:grid;transform:rotateX(14deg)rotate(-4deg)}.mur-rangee{--ecran:min(62vw, 520px);gap:1.75rem;width:max-content;display:flex}.mur-rangee li{width:var(--ecran)}@media (min-width:1024px){.mur-rangee{--ecran:min(34vw, 520px)}}.mur-rangee-2{margin-left:calc(var(--ecran) * -.45)}.mur-lien .ecran{transition:translate .5s var(--bg-courbe), box-shadow .5s var(--bg-courbe)}.mur-lien:hover .ecran,.mur-lien:focus-visible .ecran{translate:0 -8px}.vitrine-rangee{content-visibility:auto;contain-intrinsic-block-size:auto 1400px;align-items:center;gap:3rem;padding-block:2rem 4.5rem;display:grid}@media (min-width:1024px){.vitrine-rangee{grid-template-columns:1.3fr 1fr;gap:4.5rem}.vitrine-rangee:nth-child(2n){grid-template-columns:1fr 1.3fr}.vitrine-rangee .plateau{order:-1}.vitrine-rangee:nth-child(2n) .plateau{order:0}}@keyframes bg-bascule-ecran{0%{transform:rotateX(var(--rx0,26deg)) rotateY(var(--ry0,-20deg)) rotateZ(var(--rz0,3deg)) translateZ(-140px) scale(.88)}45%,55%{transform:none}to{transform:rotateX(-14deg) rotateY(calc(var(--ry0,-20deg) * -.7)) translateZ(-100px) scale(.93)}}@keyframes bg-telephone-monte{0%{translate:0 70px}to{translate:0 -50px}}@keyframes bg-vitre{to{translate:70%}}@keyframes bg-mur-gauche{0%{translate:6%}to{translate:-24%}}@keyframes bg-mur-droite{0%{translate:-20%}to{translate:6%}}@keyframes bg-mur-redresse{0%{transform:rotateX(24deg)rotate(-7deg)}to{transform:rotateX(6deg)rotate(-2deg)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.vitrine-rangee .plateau-scene{animation:linear both bg-bascule-ecran;animation-timeline:view();animation-range:entry exit}.vitrine-rangee:nth-child(2n) .plateau-scene{--ry0:20deg;--rz0:-3deg}.plateau .telephone{animation:linear both bg-telephone-monte;animation-timeline:view();animation-range:entry exit}.plateau .ecran:after,.mur .ecran:after{animation:linear both bg-vitre;animation-timeline:view();animation-range:entry exit}.mur-plan{animation:linear both bg-mur-redresse;animation-timeline:--mur;animation-range:entry exit 60%}.mur-rangee-1{animation:linear both bg-mur-gauche;animation-timeline:--mur}.mur-rangee-2{animation:linear both bg-mur-droite;animation-timeline:--mur}.heros-plateau .plateau-scene{animation:linear both bg-couche;animation-timeline:scroll(root);animation-range:0 700px}}}@keyframes bg-couche{to{transform:rotateX(18deg)translateZ(-80px)scale(.94)}}@media (max-width:1023px){.vitrine-rangee .plateau-scene{--rx0:16deg;--ry0:-10deg;--rz0:2deg}.vitrine-rangee:nth-child(2n) .plateau-scene{--ry0:10deg}}.cadre-format{border:2px solid var(--bg-vif);background:var(--bg-rouge-doux);border-radius:6px;height:44px;display:block}.cadre-9-16{width:25px}.cadre-1-1{width:44px}.cadre-16-9{width:78px}.video-telephone{background:linear-gradient(160deg,#262d40,#0d1120);border-radius:34px;padding:8px;box-shadow:inset 0 0 0 1px #ffffff1f,0 50px 90px -30px #0009}@keyframes bg-penche{0%{transform:perspective(1400px)rotateY(24deg)rotateX(8deg)translateY(60px)}}@keyframes bg-penche-inverse{0%{transform:perspective(1400px)rotateY(-24deg)rotateX(8deg)translateY(110px)}}.galerie-videos li:nth-child(2n){margin-top:56px}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.galerie-videos li .video-telephone{animation:linear both bg-penche;animation-timeline:view();animation-range:entry cover 55%}.galerie-videos li:nth-child(2n) .video-telephone{animation-name:bg-penche-inverse}}}@keyframes bg-tourne{to{rotate:360deg}}@keyframes bg-contre{to{rotate:-360deg}}.orbite{animation:bg-tourne var(--duree,60s) linear infinite}.orbite-sens-inverse{animation-direction:reverse}.satellite>*{animation:bg-contre var(--duree,60s) linear infinite;animation-direction:inherit}.orbite-sens-inverse .satellite>*{animation-direction:reverse}@keyframes bg-flotte{0%,to{translate:0}50%{translate:0 -14px}}.flotte{animation:6s ease-in-out infinite bg-flotte;animation-delay:var(--d,0s)}@keyframes bg-pulse{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.pulse{animation:bg-pulse 2.4s var(--bg-courbe) infinite}@keyframes bg-defile{to{transform:translate(-50%)}}.defile{animation:bg-defile var(--duree,48s) linear infinite}.defile-inverse{animation-direction:reverse}.defile-cadre{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.defile-cadre:hover .defile{animation-play-state:paused}.pays-defile li{white-space:nowrap;align-items:center;gap:2rem;padding-right:2rem;display:flex}.pays-defile li:after{content:"";background:var(--bg-rouge);opacity:.6;border-radius:50%;width:6px;height:6px}.souleve{transition:translate .6s var(--bg-courbe), box-shadow .6s var(--bg-courbe), border-color .3s}.souleve:hover{box-shadow:var(--bg-ombre-forte);translate:0 -8px}.reflet{isolation:isolate;position:relative;overflow:hidden}.reflet:after{content:"";transition:transform .9s var(--bg-courbe);pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 35%,#ffffff59 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.reflet:hover:after{transform:translate(120%)}.reflet{transition:scale .16s var(--bg-courbe-etat), background-color .2s, color .2s, border-color .2s, box-shadow .5s var(--bg-courbe)}.reflet:active{scale:.97}.incline{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .6s var(--bg-courbe);will-change:transform}.incline[data-actif]{transition-duration:.12s}.halo{isolation:isolate;position:relative}.halo:before{content:"";border-radius:inherit;background:radial-gradient(var(--halo-taille,420px) circle at var(--mx,50%) var(--my,50%), var(--halo-couleur,#e8051e1a), transparent 65%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .5s;position:absolute;inset:0}.halo[data-actif]:before,.halo-permanent:before{opacity:1}.lisere{position:relative}.lisere:after{content:"";border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), var(--bg-rouge), transparent 70%);opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lisere[data-actif]:after{opacity:1}.aimant{translate:var(--ax,0px) var(--ay,0px);transition:translate .5s var(--bg-courbe), scale .16s var(--bg-courbe-etat), background-color .2s, color .2s, box-shadow .5s var(--bg-courbe)}.aimant[data-actif]{transition-duration:.15s}.avance svg{transition:translate .4s var(--bg-courbe)}.avance:hover svg{translate:4px}.capture img{transition:scale 1.2s var(--bg-courbe), object-position 2.4s var(--bg-courbe)}.capture:hover img{scale:1.04}.demo{--cycle:12s}.demo-anime{animation-duration:var(--cycle);animation-iteration-count:infinite;animation-timing-function:var(--bg-courbe);animation-fill-mode:both}.demo-etape{opacity:.72}.demo-etape-1{animation-name:demo-e1}.demo-etape-2{animation-name:demo-e2}.demo-etape-3{animation-name:demo-e3}.demo-etape-4{animation-name:demo-e4}.demo-etape-5{animation-name:demo-e5}@keyframes demo-e1{0%,6%{opacity:.72}10%,93%{opacity:1}to{opacity:.72}}@keyframes demo-e2{0%,20%{opacity:.72}24%,93%{opacity:1}to{opacity:.72}}@keyframes demo-e3{0%,36%{opacity:.72}40%,93%{opacity:1}to{opacity:.72}}@keyframes demo-e4{0%,54%{opacity:.72}58%,93%{opacity:1}to{opacity:.72}}@keyframes demo-e5{0%,70%{opacity:.72}74%,93%{opacity:1}to{opacity:.72}}.demo-pastille-1{animation-name:demo-p1}.demo-pastille-2{animation-name:demo-p2}.demo-pastille-3{animation-name:demo-p3}.demo-pastille-4{animation-name:demo-p4}.demo-pastille-5{animation-name:demo-p5}@keyframes demo-p1{0%,6%{background-color:var(--bg-nuit-ligne);transform:scale(1)}9%{background-color:#22c55e;transform:scale(1.35)}12%,93%{background-color:#22c55e;transform:scale(1)}to{background-color:var(--bg-nuit-ligne)}}@keyframes demo-p2{0%,20%{background-color:var(--bg-nuit-ligne);transform:scale(1)}23%{background-color:#22c55e;transform:scale(1.35)}26%,93%{background-color:#22c55e;transform:scale(1)}to{background-color:var(--bg-nuit-ligne)}}@keyframes demo-p3{0%,36%{background-color:var(--bg-nuit-ligne);transform:scale(1)}39%{background-color:#22c55e;transform:scale(1.35)}42%,93%{background-color:#22c55e;transform:scale(1)}to{background-color:var(--bg-nuit-ligne)}}@keyframes demo-p4{0%,54%{background-color:var(--bg-nuit-ligne);transform:scale(1)}57%{background-color:#22c55e;transform:scale(1.35)}60%,93%{background-color:#22c55e;transform:scale(1)}to{background-color:var(--bg-nuit-ligne)}}@keyframes demo-p5{0%,70%{background-color:var(--bg-nuit-ligne);transform:scale(1)}73%{background-color:#22c55e;transform:scale(1.35)}76%,93%{background-color:#22c55e;transform:scale(1)}to{background-color:var(--bg-nuit-ligne)}}@keyframes demo-fiche{0%,6%{opacity:0;transform:translateY(-16px)scale(.96)}11%{opacity:1;transform:none}20%{opacity:1;transform:none}26%,36%{opacity:1;transform:translate(calc(100% + .75rem))}42%,54%{opacity:1;transform:translate(calc(200% + 1.5rem))}60%,93%{opacity:1;transform:translate(calc(300% + 2.25rem))}to{opacity:0;transform:translate(calc(300% + 2.25rem))}}.demo-fiche{animation-name:demo-fiche}@keyframes demo-fiche-payee{0%,57%{border-color:var(--bg-nuit-ligne);box-shadow:none}60%,93%{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e26}to{border-color:var(--bg-nuit-ligne);box-shadow:none}}.demo-fiche-carte{animation-name:demo-fiche-payee}@keyframes demo-chiffre-3{0%,38%{transform:translateY(0)}42%,93%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes demo-chiffre-4{0%,56%{transform:translateY(0)}60%,93%{transform:translateY(-50%)}to{transform:translateY(0)}}.demo-chiffre-3{animation-name:demo-chiffre-3}.demo-chiffre-4{animation-name:demo-chiffre-4}@keyframes demo-barre{0%,56%{transform:scaleY(.35)}62%,93%{transform:scaleY(1)}to{transform:scaleY(.35)}}.demo-barre{transform-origin:bottom;animation-name:demo-barre}@keyframes demo-notif{0%,56%{opacity:0;transform:translateY(24px)scale(.96)}60%,88%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(-8px)}}.demo-notif{animation-name:demo-notif}@keyframes demo-clic{0%{opacity:0;transform:translate(40px,40px)}4%{opacity:1;transform:translate(0)}6%{transform:translate(0)scale(.85)}8%{opacity:1;transform:translate(0)scale(1)}14%,to{opacity:0;transform:translate(0)}}.demo-clic{animation-name:demo-clic}.faq{interpolate-size:allow-keywords}.faq::details-content{block-size:0;transition:block-size .5s var(--bg-courbe), content-visibility .5s allow-discrete;overflow:hidden}.faq[open]::details-content{block-size:auto}.faq summary::-webkit-details-marker{display:none}.faq .signe{transition:transform .4s var(--bg-courbe)}.faq[open] .signe{transform:rotate(45deg)}.menu-deroulant{opacity:0;visibility:hidden;transition:opacity .3s var(--bg-courbe), translate .4s var(--bg-courbe), visibility 0s .3s;translate:0 12px}.menu-parent:hover .menu-deroulant,.menu-parent:focus-within .menu-deroulant{opacity:1;visibility:visible;transition-delay:0s;translate:0}.menu-parent:hover .menu-chevron,.menu-parent:focus-within .menu-chevron{rotate:180deg}.menu-chevron{transition:rotate .3s var(--bg-courbe)}@property --n{syntax:"<integer>";inherits:false;initial-value:0}@keyframes bg-compte{0%{--n:0}to{--n:var(--cible)}}.compteur{--n:var(--cible);counter-reset:n var(--n)}.compteur:before{content:counter(n)}@keyframes bg-surgit{0%{transform:translateY(56px)scale(.97)}to{transform:none}}@keyframes bg-glisse-gauche{0%{transform:translate(clamp(-72px,-4vw,-12px))}to{transform:none}}@keyframes bg-devoile{0%{clip-path:inset(18% 12% round 28px);transform:scale(.94)}to{clip-path:inset(0 round 28px);transform:none}}@keyframes bg-trace{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bg-trace-v{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes bg-verre{0%{background-color:var(--bg-pilule-clair);box-shadow:none}to{background-color:var(--bg-pilule-dense);box-shadow:var(--bg-pilule-ombre)}}@keyframes bg-eloigne{to{opacity:.2;transform:translateY(18%)scale(.86)}}@keyframes bg-progression{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.progression{display:none}.pilule{background-color:var(--bg-pilule);box-shadow:var(--bg-pilule-ombre)}@media (min-width:900px){.pilule{background-color:var(--bg-pilule-verre);-webkit-backdrop-filter:blur(16px)saturate(140%)}}@keyframes bg-menu{0%{opacity:0;translate:0 -10px;scale:.98}}details[open]>.menu-mobile{transform-origin:top;animation:bg-menu .42s var(--bg-courbe)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.surgit{animation:linear both bg-surgit;animation-timeline:view();animation-range:entry calc(var(--decale,0%)) entry 100%}.glisse{animation:linear both bg-glisse-gauche;animation-timeline:view();animation-range:entry calc(var(--decale,0%)) entry 100%}.devoile{animation:linear both bg-devoile;animation-timeline:view();animation-range:entry cover 35%}.trace{transform-origin:0;animation:linear both bg-trace;animation-timeline:view();animation-range:entry 40% cover 55%}.trace-v{transform-origin:top;animation:linear both bg-trace-v;animation-timeline:view();animation-range:entry 20% exit 40%}.compteur{animation:linear both bg-compte;animation-timeline:view();animation-range:entry 30% cover 45%}@media (min-width:900px){.pilule{animation:linear both bg-verre;animation-timeline:scroll(root);animation-range:0 160px}}.eloigne{animation:linear both bg-eloigne;animation-timeline:scroll(root);animation-range:0 900px}.progression{transform-origin:0;animation:linear both bg-progression;animation-timeline:scroll(root);display:block}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.demo .demo-anime{animation-duration:var(--cycle)!important;animation-delay:calc(var(--cycle) * -.85)!important;animation-play-state:paused!important}}.filtre input:checked+label{background:var(--bg-encre);border-color:var(--bg-encre);color:var(--bg-fond)}.filtre input:focus-visible+label{outline:2px solid var(--bg-rouge);outline-offset:3px}
