@layer pages{main h2:not(.etiquette){font-size:var(--t-6);line-height:var(--interligne-titre);letter-spacing:var(--chasse-titre)}.mo-demo{gap:var(--e-3);padding:0 var(--marge) var(--e-9);max-width:calc(var(--largeur) + 2 * var(--marge));margin-inline-start:auto;margin-inline-end:auto;display:grid}.mo-demo__legende{font-size:var(--t-1);color:var(--texte-doux)}.services{gap:var(--e-7);padding:var(--e-9) var(--marge);max-width:calc(var(--largeur) + 2 * var(--marge));border-top:var(--trait) solid var(--filet-doux);margin-inline-start:auto;margin-inline-end:auto;display:grid}.services__tete{gap:var(--e-4);max-width:44rem;display:grid}.services__aide{align-items:center;gap:var(--e-3);color:var(--texte-doux);display:flex}.services__aide:before{content:"";background:var(--accent);flex:none;width:.55rem;height:.55rem;rotate:45deg}.services__corps{gap:var(--e-6);display:grid}.services__panneaux{gap:var(--e-8);display:grid;container:panneaux/inline-size}@container panneaux (width>=42rem){.service{column-gap:var(--e-6);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.services[data-monte] .services__panneaux{grid-template-areas:"pile";gap:0;display:grid}.services[data-monte] .service{grid-area:pile}.services[data-monte] .service[aria-hidden=true]{visibility:hidden}.services__onglets{gap:var(--e-2);overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:var(--e-1) var(--e-1) var(--e-3);margin:calc(-1 * var(--e-1));display:flex;overflow-x:auto}.service-onglet{gap:var(--e-1);width:min(76vw,17rem);padding:var(--e-4) var(--e-4) var(--e-5);border-radius:var(--rayon-3);background:var(--surface-levee);box-shadow:inset 0 0 0 var(--trait) var(--filet-doux);text-align:left;scroll-snap-align:start;transition:transform var(--duree-geste) var(--courbe-sortie), box-shadow var(--duree-geste) var(--courbe-sortie);border:0;flex:none;display:grid;position:relative;overflow:hidden}.service-onglet:hover{box-shadow:inset 0 0 0 var(--trait-fort) var(--filet-fort)}.service-onglet:active{transform:scale(.98)}.service-onglet[aria-selected=true]{background:var(--surface-haute);box-shadow:inset 0 0 0 var(--trait-fort) var(--accent)}.service-onglet__nom{justify-content:space-between;align-items:center;gap:var(--e-3);font-size:var(--t-3);font-weight:var(--g-fort);letter-spacing:var(--chasse-sous-titre);line-height:1.15;display:flex}.service-onglet__nom:after{content:"";opacity:.55;width:.6rem;height:.6rem;transition:transform var(--duree-base) var(--courbe-sortie), opacity var(--duree-geste) var(--courbe-sortie);border-top:2px solid;border-right:2px solid;flex:none;rotate:45deg}.service-onglet:hover .service-onglet__nom:after,.service-onglet[aria-selected=true] .service-onglet__nom:after{opacity:1;transform:translate(2px,-2px)}.service-onglet__ligne{font-size:var(--t-1);color:var(--texte-doux)}.service-onglet__progres{left:var(--e-4);right:var(--e-4);bottom:var(--e-3);background:var(--filet-doux);border-radius:2px;height:3px;position:absolute;overflow:hidden}.service-onglet__progres span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.service-onglet[aria-selected=true] .service-onglet__progres span{transform:scaleX(var(--avancee,0))}.service-onglet.est-arrete .service-onglet__progres{opacity:.35}:-webkit-any(.services__aide,.services__onglets,.services__pause)[hidden]{display:none}:is(.services__aide,.services__onglets,.services__pause)[hidden]{display:none}.services__commandes{gap:var(--e-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.services__pause{align-items:center;gap:var(--e-2);min-height:44px;padding:0 var(--e-4);border-radius:var(--rayon-pilule);box-shadow:inset 0 0 0 var(--trait) var(--filet-fort);font-size:var(--t-1);font-weight:var(--g-moyen);background:0 0;border:0;flex:none;justify-self:start;display:inline-flex}.services__pause svg{width:.9rem;height:.9rem;display:none}.services__pause[aria-pressed=false] [data-icone=pause],.services__pause[aria-pressed=true] [data-icone=lire]{display:block}.service{gap:var(--e-5);align-items:center;display:grid}.service__ecran{aspect-ratio:4/3;border-radius:var(--rayon-3);background:var(--surface-creuse);box-shadow:inset 0 0 0 var(--trait) var(--filet-doux);grid-template:100%/100%;place-items:center;display:grid;position:relative;overflow:hidden}.service__media{border-radius:var(--rayon-2);box-shadow:0 30px 60px -24px var(--ombre);display:block;position:relative;overflow:hidden}.service__ecran--large .service__media{aspect-ratio:16/9;width:86%}.service__ecran--haut .service__media{aspect-ratio:9/16;height:88%;box-shadow:0 0 0 .35rem #0c0f17, 0 30px 60px -24px var(--ombre);border-radius:1.2rem}:-webkit-any(.service__media,.formats__media) :-webkit-any(picture,img,video){object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}:is(.service__media,.formats__media) :is(picture,img,video){object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}:-webkit-any(.service__media,.formats__media) video{transition:opacity var(--duree-base) var(--courbe-sortie)}:is(.service__media,.formats__media) video{transition:opacity var(--duree-base) var(--courbe-sortie)}.js :-webkit-any(.service__media,.formats__media) video:not([data-joue]){opacity:0}.js :is(.service__media,.formats__media) video:not([data-joue]){opacity:0}.formats__media{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.service__cartes{aspect-ratio:1;width:52%;position:relative}.service__cartes img{border-radius:var(--rayon-2);width:100%;height:100%;box-shadow:0 24px 50px -20px var(--ombre);transform:translateX(calc(var(--k) * 18%)) rotate(calc(var(--k) * 4deg - 6deg));transition:transform var(--duree-ample) var(--courbe-sortie);position:absolute;top:0;bottom:0;left:0;right:0}.service[aria-hidden=false] .service__cartes img{transform:translateX(calc(var(--k) * 24%)) rotate(calc(var(--k) * 5deg - 8deg))}.service__texte{gap:var(--e-4);justify-items:start;display:grid}.service__texte h3{font-size:var(--t-5);letter-spacing:var(--chasse-titre);line-height:1}.service__texte p{font-size:var(--t-3);color:var(--texte-doux);max-width:30rem;line-height:1.5}.service__faits{gap:var(--e-2) var(--e-6);flex-wrap:wrap;display:flex}.service__faits dt{font-family:var(--police-mono);font-size:var(--t-0);letter-spacing:.05em;text-transform:uppercase;color:var(--texte-discret)}.service__faits dd{font-weight:var(--g-moyen)}.services[data-monte] .service[aria-hidden=false] .service__ecran{animation:ecran-entre var(--duree-ample) var(--courbe-sortie) both}.services[data-monte] .service[aria-hidden=false] .service__texte>*{animation:texte-entre var(--duree-base) var(--courbe-sortie) both}.services[data-monte] .service[aria-hidden=false] .service__texte>:nth-child(2){animation-delay:60ms}.services[data-monte] .service[aria-hidden=false] .service__texte>:nth-child(3){animation-delay:.12s}.services[data-monte] .service[aria-hidden=false] .service__texte>:nth-child(4){animation-delay:.18s}@keyframes ecran-entre{0%{opacity:0;filter:brightness(1.6);transform:translateY(1.25rem)scale(.97)}}@keyframes texte-entre{0%{opacity:0;transform:translateY(.9rem)}}@media (min-width:64em){.services__corps{align-items:start;column-gap:var(--e-7);grid-template-columns:22rem minmax(0,1fr)}.services__commandes{position:sticky;top:6rem}.services__onglets{flex-direction:column;overflow:visible}.service-onglet{width:auto}.services__pause{margin-top:var(--e-2);align-self:start}}.formats{gap:var(--e-7);padding:var(--e-9) var(--marge);max-width:calc(var(--largeur) + 2 * var(--marge));border-top:var(--trait) solid var(--filet-doux);align-items:center;margin-inline-start:auto;margin-inline-end:auto;display:grid}.formats__texte{gap:var(--e-4);justify-items:start;max-width:34rem;display:grid}.formats__texte>p:not(.etiquette){font-size:var(--t-3);color:var(--texte-doux);line-height:1.5}.formats__liste{width:100%;margin-top:var(--e-3);border-top:var(--trait) solid var(--filet-doux);display:grid}.formats__liste>div{justify-content:space-between;align-items:center;gap:var(--e-4);padding-block:var(--e-3);border-bottom:var(--trait) solid var(--filet-doux);display:flex}.formats__liste dt{align-items:center;gap:var(--e-3);font-family:var(--police-mono);font-size:var(--t-1);font-variant-numeric:tabular-nums;display:flex}.formats__liste dt b{font-weight:400}.formats__forme{height:1.5rem;aspect-ratio:var(--r);border:1.5px solid var(--texte-doux);border-radius:3px;max-width:2.6rem;display:block}.formats__liste dd{font-size:var(--t-1);color:var(--texte-doux);text-align:right}.formats__ecran{gap:var(--e-3);justify-items:center;display:grid}.formats__ecran figcaption{max-width:22rem;font-size:var(--t-0);color:var(--texte-doux);text-align:center}.formats__telephone{aspect-ratio:9/16;background:var(--nuit-0);width:min(76vw,21rem);box-shadow:0 0 0 .45rem var(--nuit-3), 0 0 0 calc(.45rem + 1px) var(--filet-doux), 0 2.5rem 5rem -1.5rem var(--ombre);border-radius:1.6rem;position:relative;overflow:hidden}.formats__zones,.formats__interface{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.formats__zone{background:repeating-linear-gradient(-45deg, color-mix(in oklch, var(--coton) 50%, transparent) 0 1.5px, transparent 1.5px 7px);position:absolute;left:0;right:0}.formats__zone--haut{border-bottom:var(--trait) dashed color-mix(in oklch, var(--coton) 60%, transparent);height:14%;top:0}.formats__zone--bas{border-top:var(--trait) dashed color-mix(in oklch, var(--coton) 60%, transparent);height:22%;bottom:0}.formats__interface{opacity:0;transition:opacity var(--duree-base) var(--courbe-sortie), transform var(--duree-base) var(--courbe-sortie);color:var(--coton);transform:scale(1.03)}.formats__ecran[data-interface=visible] .formats__interface{opacity:1;transform:none}.ui__haut{justify-content:space-between;align-items:center;display:flex;position:absolute;top:4%;left:6%;right:6%}.ui__titre{border-radius:var(--rayon-1);background:currentColor;width:26%;height:.75rem}.ui__rond{aspect-ratio:1;border:2px solid;border-radius:50%;width:1.6rem;display:block}.ui__rond--petit{background:var(--accent);border-color:var(--accent);width:1.3rem}.ui__droite{gap:.9rem;display:grid;position:absolute;bottom:26%;right:5%}.ui__bas{gap:.45rem;display:grid;position:absolute;bottom:4%;left:6%;right:20%}.ui__compte{align-items:center;gap:.5rem;display:flex}.ui__ligne{border-radius:var(--rayon-1);opacity:.85;background:currentColor;height:.5rem;display:block}.ui__ligne--courte{width:40%}.ui__ligne--moyenne{width:70%}.ui__bouton{border-radius:var(--rayon-2);background:color-mix(in oklch, var(--coton) 92%, transparent);height:1.7rem;margin-top:.3rem;display:block}@media (min-width:64em){.formats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.fabrication{gap:var(--e-7);padding:var(--e-9) var(--marge);max-width:calc(var(--largeur) + 2 * var(--marge));border-top:var(--trait) solid var(--filet-doux);margin-inline-start:auto;margin-inline-end:auto;display:grid}.fabrication__tete{gap:var(--e-4);max-width:40rem;display:grid}.fabrication__tete p:last-child{font-size:var(--t-3);color:var(--texte-doux)}.fabrication__frise{gap:var(--e-6);padding-left:var(--e-6);display:grid;position:relative}.fabrication__frise:before{content:"";background:var(--filet-doux);width:2px;position:absolute;top:.6rem;bottom:.6rem;left:.45rem}.fabrication__frise li{gap:var(--e-2);max-width:30rem;display:grid;position:relative}.fabrication__clef{left:calc(-1 * var(--e-6) + .12rem);background:var(--accent);width:.8rem;height:.8rem;position:absolute;top:.45rem;rotate:45deg}.fabrication__frise h3{font-size:var(--t-4);letter-spacing:var(--chasse-sous-titre)}.fabrication__frise p{color:var(--texte-doux)}@media (min-width:64em){.fabrication__frise{gap:var(--e-5);padding-left:0;padding-top:var(--e-6);grid-template-columns:repeat(5,minmax(0,1fr))}.fabrication__frise:before{width:auto;height:2px;top:.4rem;bottom:auto;left:0;right:0}.fabrication__clef{left:0;top:calc(-1 * var(--e-6) + .02rem)}}}