@layer components{.pub{--pub-fond:var(--nuit-1);--pub-plein:var(--laterite);--pub-encre:var(--nuit-1);--pub-clair:var(--coton);--taille-nom:17cqw;background:var(--pub-fond);width:100%;height:100%;color:var(--pub-encre);font-family:var(--police);contain:layout paint style;position:relative;overflow:hidden;container:pub/size}.pub[data-variante=b]{--pub-plein:var(--coton);--pub-encre:var(--nuit-1);--pub-clair:var(--coton)}.pub__aplat{background:var(--pub-plein);position:absolute;top:0;bottom:0;left:0;right:0}.pub__losange{aspect-ratio:1;background:var(--pub-plein);width:12cqw;margin:-6cqw 0 0 -6cqw;position:absolute;top:50%;left:50%;rotate:45deg;scale:0}.pub__corps{flex-direction:column;justify-content:flex-start;gap:4.5cqw;display:flex;position:absolute;top:17cqh;bottom:22cqh;left:9cqw;right:9cqw}.pub__nom{font-size:var(--taille-nom);font-weight:var(--g-affiche);letter-spacing:-.045em;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;line-height:.88}.pub__ligne{white-space:nowrap;margin-bottom:-.06em;padding-bottom:.06em;display:block;position:relative;overflow:clip}.pub__gabarit{visibility:hidden}.pub__lettre{position:absolute;top:0}.pub__trait{background:var(--pub-encre);transform-origin:0;width:28cqw;height:1.3cqw;display:block}.pub__accroche{font-size:7.4cqw;font-weight:var(--g-titre);letter-spacing:-.03em;gap:.5cqw;line-height:1.04;display:grid}.pub__vers{display:block}.pub__surligne{margin-left:-.04em;padding:0 .12em;display:inline-block;position:relative}.pub__surligne-fond{background:var(--pub-encre);transform-origin:0;position:absolute;top:.08em;bottom:.02em;left:0;right:0}.pub__surligne-base{position:relative}.pub__surligne-texte{color:var(--pub-clair);position:absolute;top:0;bottom:0;left:.12em;right:.12em}.pub__appel{margin-top:auto}.pub__bulle{background:var(--pub-encre);color:var(--pub-clair);font-size:4.6cqw;font-weight:var(--g-fort);letter-spacing:-.01em;white-space:nowrap;border-radius:99cqw;align-items:center;gap:2.4cqw;padding:3.2cqw 5cqw 3.2cqw 4cqw;line-height:1;display:inline-flex}.pub__bulle .icone{width:5.6cqw;height:5.6cqw}.pub__clef{aspect-ratio:1;border:.7cqw solid var(--pub-encre);width:3cqw;position:absolute;rotate:45deg}.pub__clef--a{top:16cqh;right:9cqw}.pub__clef--b{background:var(--pub-encre);bottom:22cqh;left:9cqw}.pub__rideau{background:var(--pub-fond);position:absolute;top:0;bottom:0;left:0;right:0;translate:0 101%}@container pub (aspect-ratio>.7){.pub__corps{gap:3.4cqw;top:9cqh;bottom:9cqh;left:8cqw;right:8cqw}.pub__accroche{font-size:6.4cqw}.pub__bulle{padding:2.6cqw 4.2cqw 2.6cqw 3.4cqw;font-size:4cqw}.pub__clef--a{top:7cqh;right:7cqw}.pub__clef--b{bottom:8cqh;left:7cqw}}@container pub (aspect-ratio>1.4){.pub__corps{grid-template-rows:1fr auto auto;grid-template-columns:1.15fr 1fr;align-items:end;gap:2.4cqw 5cqw;display:grid;top:12cqh;bottom:12cqh;left:6cqw;right:6cqw}.pub__nom{grid-row:1/-1;align-self:center}.pub__trait{display:none}.pub__accroche{grid-area:1/2;font-size:3.6cqw}.pub__appel{grid-area:2/2;margin:0}.pub__bulle{gap:1.2cqw;padding:1.4cqw 2.4cqw 1.4cqw 2cqw;font-size:2.2cqw}.pub__bulle .icone{width:2.8cqw;height:2.8cqw}.pub__clef{border-width:.4cqw;width:1.6cqw}}.cadre{margin:0;position:relative}.cadre__ecran{aspect-ratio:9/16;border-radius:var(--rayon-3);background:var(--nuit-0);width:100%;box-shadow:0 0 0 var(--trait) color-mix(in oklch, var(--texte) 14%, transparent), 0 2.5rem 5rem -1.5rem var(--ombre);position:relative;overflow:hidden}.cadre:before,.cadre:after{content:"";pointer-events:none;background:linear-gradient(var(--filet-fort), var(--filet-fort)) top left / .6rem var(--trait) no-repeat, linear-gradient(var(--filet-fort), var(--filet-fort)) top left / var(--trait) .6rem no-repeat, linear-gradient(var(--filet-fort), var(--filet-fort)) top right / .6rem var(--trait) no-repeat, linear-gradient(var(--filet-fort), var(--filet-fort)) top right / var(--trait) .6rem no-repeat;position:absolute;top:-.9rem;bottom:-.9rem;left:-.9rem;right:-.9rem}.cadre:after{rotate:180deg}.cadre__zones{pointer-events:none;opacity:0;transition:opacity var(--duree-base) var(--courbe-sortie);position:absolute;top:0;bottom:0;left:0;right:0}.cadre__zone{background:repeating-linear-gradient(-45deg, color-mix(in oklch, var(--coton) 55%, transparent) 0 1.5px, transparent 1.5px 7px);border-color:color-mix(in oklch, var(--coton) 60%, transparent);border-style:dashed;border-width:0;position:absolute;left:0;right:0}.cadre__zone--haut{border-bottom-width:var(--trait);height:14%;top:0}.cadre__zone--bas{border-top-width:var(--trait);height:20%;bottom:0}.cadre__legende{gap:var(--e-2);margin-top:var(--e-3);font-family:var(--police-mono);font-size:var(--t-0);letter-spacing:.04em;text-transform:uppercase;color:var(--texte-doux);display:flex}.cadre__legende b{color:var(--texte);font-weight:400}.lecteur{align-items:center;gap:var(--e-3);grid-template-columns:auto auto 1fr;display:grid}.lecteur__bouton{border:var(--trait-fort) solid var(--filet-fort);width:44px;height:44px;color:var(--texte);transition:transform var(--duree-geste) var(--courbe-sortie);background:0 0;border-radius:50%;place-items:center;display:grid}.lecteur__bouton:hover{transform:scale(1.06)}.lecteur__bouton:active{transform:scale(.94)}.lecteur__icone{grid-area:1/1;width:.875rem;height:.875rem}.lecteur__icone--lire,.lecteur[data-etat=pause] .lecteur__icone--pause{opacity:0}.lecteur[data-etat=pause] .lecteur__icone--lire{opacity:1}.lecteur__temps{font-family:var(--police-mono);font-size:var(--t-1);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--texte);min-width:11ch}.lecteur__piste{align-items:center;min-height:44px;display:grid;position:relative}.lecteur__clefs{pointer-events:none;height:0;position:absolute;top:50%;bottom:auto;left:.5rem;right:.5rem}.lecteur__clefs span{left:calc(var(--t) * 100%);background:var(--texte-doux);width:.45rem;height:.45rem;margin:-.225rem 0 0 -.225rem;position:absolute;rotate:45deg}.lecteur__curseur{-webkit-appearance:none;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:44px;margin:0}.lecteur__curseur::-webkit-slider-runnable-track{height:var(--trait-fort);background:var(--filet-fort)}.lecteur__curseur::-moz-range-track{height:var(--trait-fort);background:var(--filet-fort)}.lecteur__curseur::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(var(--accent), var(--accent)) center / 2px 100% no-repeat, linear-gradient(var(--accent), var(--accent)) top center / 12px 9px no-repeat;border:0;border-radius:0;width:14px;height:30px;margin-top:-14px}.lecteur__curseur::-moz-range-thumb{background:linear-gradient(var(--accent), var(--accent)) center / 2px 100% no-repeat, linear-gradient(var(--accent), var(--accent)) top center / 12px 9px no-repeat;border:0;border-radius:0;width:14px;height:30px}.lecteur__curseur:focus-visible{outline-offset:0}.calque{gap:var(--e-2);display:grid}.calque__etiquette{font-family:var(--police-mono);font-size:var(--t-0);letter-spacing:.04em;text-transform:uppercase;color:var(--texte)}.calque__etiquette span{color:var(--texte-doux)}.calque__saisie{width:100%;min-height:3rem;padding:var(--e-2) var(--e-3);border:var(--trait-fort) solid var(--filet-fort);border-radius:var(--rayon-2);background:var(--surface-creuse);font-size:var(--t-3);font-weight:var(--g-fort);letter-spacing:-.015em}.calque__saisie::placeholder{color:var(--texte-discret);opacity:1}.calque__saisie:hover{border-color:var(--texte-doux)}.calque__saisie:focus-visible{border-color:var(--accent);outline:2px solid var(--focus);outline-offset:2px}.calque__note{font-size:var(--t-0);color:var(--texte-doux)}}@layer pages{.voyage{max-width:calc(var(--largeur) + 2 * var(--marge));grid-template-columns:minmax(0,1fr);margin-inline-start:auto;margin-inline-end:auto;display:grid}.voyage__etapes{z-index:2;pointer-events:none;grid-area:2/1;position:relative}.etape__texte{pointer-events:auto}.voyage__scene{height:100svh;padding:4.25rem var(--marge) var(--e-4);grid-area:2/1;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"calque""plateau""lecteur";align-self:start;display:grid;position:sticky;top:0;overflow:clip}.etape--ouverture{grid-area:1/1}@media (min-width:64em){.voyage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.etape--ouverture{grid-area:1/1}.voyage__scene{height:100dvh;padding:5.5rem var(--marge) var(--e-6) 0;grid-area:1/2/3;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"progres""plateau""lecteur""calque"}.voyage__etapes{grid-area:2/1;padding-top:0}}.etape{min-height:135svh;padding:0 var(--marge) var(--e-5);align-items:flex-end;display:flex}.voyage__etapes>.etape:first-child{min-height:175svh}.etape__texte{gap:var(--e-4);width:100%;max-width:34rem;padding:var(--e-5);border:var(--trait) solid var(--filet-doux);border-radius:var(--rayon-3);background:var(--surface-levee);display:grid}.etape h2{font-size:var(--t-5);letter-spacing:var(--chasse-titre);line-height:1}.etape p:not(.etiquette){color:var(--texte-doux)}.etape__detail,.etape__source{font-size:var(--t-1)}.etape__source{color:var(--texte-discret)}.etape--ouverture{min-height:auto;padding:calc(4rem + var(--e-7)) var(--marge) var(--e-7);align-items:flex-start}.etape--ouverture .etape__texte{gap:var(--e-5);background:0 0;border:0;max-width:44rem;padding:0}@media (min-width:64em){.etape,.voyage__etapes>.etape:first-child{min-height:100dvh;padding:0 var(--e-7) 0 var(--marge);align-items:center}.etape__texte{max-width:30rem;margin-left:auto;margin-right:var(--e-6);background:0 0;border:0;padding:0}.etape--ouverture{min-height:100dvh;padding:6rem var(--e-7) var(--e-8) var(--marge);align-items:center}.etape--ouverture .etape__texte{max-width:40rem;margin:0}}.ouverture__lieu{align-items:center;gap:var(--e-2);display:inline-flex}.ouverture__lieu:before{content:"";background:var(--accent);width:.45rem;height:.45rem;rotate:45deg}.ouverture__titre{font-size:var(--t-7);font-weight:var(--g-titre);line-height:var(--interligne-titre);letter-spacing:var(--chasse-titre);text-wrap:balance}.ouverture__ligne{display:block}.ouverture__ligne--suite{color:var(--accent-texte)}.ouverture__chapo{font-size:var(--t-3);color:var(--texte-doux);max-width:32em;line-height:1.45}.ouverture__actions{align-items:center;gap:var(--e-3) var(--e-5);flex-wrap:wrap;display:flex}.ouverture__invite{align-items:center;gap:var(--e-3);font-family:var(--police-mono);font-size:var(--t-0);letter-spacing:.04em;text-transform:uppercase;color:var(--texte-discret);display:none}.ouverture__invite-clef{border:var(--trait-fort) solid currentColor;width:.5rem;height:.5rem;animation:invite-clef 2.4s var(--courbe-bascule) infinite;rotate:45deg}@keyframes invite-clef{50%{transform:translateY(5px)}}@media (min-width:64em){.ouverture__titre{font-size:min(var(--t-7), 5.6vw, 5.2rem)}.ouverture__invite{margin-top:var(--e-6);display:inline-flex}}.js .etape--ouverture [data-charge]{opacity:0;transition:opacity var(--duree-base) var(--courbe-sortie), transform var(--duree-ample) var(--courbe-sortie);transition-delay:var(--retard,0s);transform:translateY(1.5rem)}.js .etape--ouverture .ouverture__ligne{margin-bottom:-.1em;padding-bottom:.1em;overflow:clip}.js .etape--ouverture .ouverture__ligne>span{transition:transform var(--duree-ample) var(--courbe-sortie);transition-delay:var(--retard,0s);display:block;transform:translateY(108%)}.js .est-chargee .etape--ouverture [data-charge]{opacity:1;transform:none}.js .est-chargee .etape--ouverture .ouverture__ligne>span{transform:none}.scene__trame{pointer-events:none;background:radial-gradient(circle at center, color-mix(in oklch, var(--texte) 10%, transparent) 1px, transparent 1.5px) 0 0 / 1.5rem 1.5rem;opacity:.8;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 75%)}.scene__plateau{--h:min(96cqh, 150cqw);--l:calc(var(--h) * 9 / 16);--decal:-10cqh;--k:.74;--k-fil:.56;min-height:0;position:relative;container:plateau/size}.scene__calque,.scene__lecteur{z-index:4;width:min(100%,26rem);transition:opacity var(--duree-base) var(--courbe-sortie);margin-inline-start:auto;margin-inline-end:auto;position:relative}.scene__calque{padding-bottom:var(--e-3);grid-area:calque}.scene__plateau{grid-area:plateau}.scene__lecteur{padding-top:var(--e-2);grid-area:lecteur}@media (min-width:64em){.scene__calque{padding:var(--e-4) 0 0}.scene__lecteur{padding-top:var(--e-4)}}.cadre{z-index:3;width:var(--l);left:calc(50% - var(--l) / 2);top:calc(50% - var(--h) / 2);transition:transform var(--duree-ample) var(--courbe-sortie);will-change:transform;position:absolute}.cadre__legende{opacity:0;transition:opacity var(--duree-base) var(--courbe-sortie);position:absolute;top:100%;left:0}.scene__progres{z-index:5;margin-bottom:var(--e-3);border-radius:var(--rayon-pilule);background:var(--surface-levee);box-shadow:inset 0 0 0 var(--trait) var(--filet-doux);font-family:var(--police-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duree-base) var(--courbe-sortie), transform var(--duree-base) var(--courbe-sortie);grid-area:calque;place-self:end center;align-items:center;gap:.15rem;padding:.25rem;font-size:.6875rem;display:flex;position:relative;transform:translateY(-.5rem)}.scene__progres>span{border-radius:var(--rayon-pilule);color:var(--texte-doux);align-items:center;gap:.4rem;padding:.25rem;display:inline-flex}.scene__progres b{aspect-ratio:1;width:1.2rem;box-shadow:inset 0 0 0 var(--trait) currentColor;border-radius:50%;place-items:center;font-size:.625rem;font-weight:400;display:grid}.scene__progres>span>span{padding-right:.35rem;display:none}.voyage__scene:not([data-etape=ouverture]) .scene__progres{opacity:1;transform:none}:is(.voyage__scene[data-etape=formats] [data-pas=formats],.voyage__scene[data-etape=fil] [data-pas=fil],.voyage__scene[data-etape=discussion] [data-pas=discussion],.voyage__scene[data-etape=bilan] [data-pas=bilan],.voyage__scene[data-etape=lecon] [data-pas=lecon]){background:var(--surface-haute);color:var(--texte)}:is(.voyage__scene[data-etape=formats] [data-pas=formats],.voyage__scene[data-etape=fil] [data-pas=fil],.voyage__scene[data-etape=discussion] [data-pas=discussion],.voyage__scene[data-etape=bilan] [data-pas=bilan],.voyage__scene[data-etape=lecon] [data-pas=lecon]) b{background:var(--accent);box-shadow:none;color:var(--sur-accent)}:is(.voyage__scene[data-etape=formats] [data-pas=formats],.voyage__scene[data-etape=fil] [data-pas=fil],.voyage__scene[data-etape=discussion] [data-pas=discussion],.voyage__scene[data-etape=bilan] [data-pas=bilan],.voyage__scene[data-etape=lecon] [data-pas=lecon])>span{animation:pas-nomme var(--duree-base) var(--courbe-sortie) both;display:inline}.scene__progres b{background:var(--surface-haute);box-shadow:none}.voyage__scene[data-etape=ouverture] .scene__progres b{outline:var(--trait) dashed var(--filet-fort);outline-offset:-1px;background:0 0}:is(.voyage__scene[data-etape=formats] [data-pas=formats],.voyage__scene[data-etape=fil] [data-pas=fil],.voyage__scene[data-etape=discussion] [data-pas=discussion],.voyage__scene[data-etape=bilan] [data-pas=bilan])~span b{outline:var(--trait) dashed var(--filet-fort);outline-offset:-1px;background:0 0}@keyframes pas-nomme{0%{opacity:0;transform:translate(-.35rem)}}@media (min-width:64em){.scene__progres{margin-bottom:var(--e-4);grid-area:progres;align-self:start}.voyage__scene[data-etape=ouverture] .scene__progres{opacity:1;transform:none}}@media (min-width:80em){.scene__progres>span>span{display:inline}}.scene__formats{pointer-events:none;transform:translateY(var(--decal));flex-direction:column;justify-content:center;align-items:flex-end;gap:.9rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.format{opacity:0;transition:opacity var(--duree-base) var(--courbe-sortie), transform var(--duree-ample) var(--courbe-sortie);margin:0;transform:translate(1.5rem)}.format__ecran{border-radius:var(--rayon-2);background:var(--nuit-0);width:100%;box-shadow:0 0 0 var(--trait) color-mix(in oklch, var(--texte) 14%, transparent);position:relative;overflow:hidden}.scene__formats{--u:min(1cqw, calc((88cqh - 6rem) / 85))}.format--4x5{width:calc(31 * var(--u))}.format--1x1{width:calc(25 * var(--u))}.format--191x1{width:calc(40 * var(--u))}.format--4x5 .format__ecran{aspect-ratio:4/5}.format--1x1 .format__ecran{aspect-ratio:1}.format--191x1 .format__ecran{aspect-ratio:1.91}.format figcaption{gap:var(--e-2);font-family:var(--police-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--texte-doux);margin-top:.4rem;font-size:.6875rem;display:flex}.format figcaption b{color:var(--texte);font-weight:400}.scene__fil{pointer-events:none;opacity:0;transition:opacity var(--duree-base) var(--courbe-sortie);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.fil__colonne{left:50%;top:calc(50% + var(--decal));width:calc(var(--l) * var(--k-fil));transform:translate(-50%,-50%);translate:0 calc(var(--fil,0) * 1cqh);gap:1rem;display:grid;position:absolute}.fil__post{border-radius:var(--rayon-2);background:var(--surface-levee);gap:.45rem;padding:.6rem;display:grid}.fil__auteur{align-items:center;gap:.45rem;min-width:0;line-height:1.2;display:flex}.fil__auteur b{font-size:.75rem;font-weight:var(--g-fort);color:var(--texte);display:block}.fil__auteur small{color:var(--texte-discret);font-size:.625rem;display:block}.fil__avatar{aspect-ratio:1;background:var(--teinte,var(--surface-haute));width:1.6rem;font-size:.6875rem;font-weight:var(--g-fort);color:var(--nuit-1);border-radius:50%;flex:none;place-items:center;display:grid}.fil__photo{aspect-ratio:1;border-radius:var(--rayon-1);background:var(--surface-haute);display:block;overflow:hidden}.fil__photo--large{aspect-ratio:8/5}.fil__photo img{object-fit:cover;width:100%;height:100%;display:block}.fil__legende{text-overflow:ellipsis;white-space:nowrap;color:var(--texte);font-size:.75rem;overflow:hidden}.fil__reactions{font-family:var(--police-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--texte-discret);white-space:nowrap;justify-content:space-between;font-size:.5625rem;display:flex}.fil__trou{height:calc(var(--h) * var(--k-fil) + 4.5rem)}.fil__entete-pub,.fil__actions-pub{width:calc(var(--l) * var(--k-fil));font-size:var(--t-0);color:var(--texte-doux);white-space:nowrap;align-items:center;gap:.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fil__entete-pub{top:calc(50% + var(--decal) - var(--h) * var(--k-fil) / 2 - 2.1rem)}.fil__actions-pub{top:calc(50% + var(--decal) + var(--h) * var(--k-fil) / 2 + .5rem);font-family:var(--police-mono);letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;font-size:.6875rem}.fil__avatar--marque{border-radius:var(--rayon-1);background:var(--accent);width:1.1rem;rotate:45deg}.fil__nom{text-overflow:ellipsis;min-width:0;font-size:var(--t-1);font-weight:var(--g-fort);color:var(--texte);flex:1;overflow:hidden}.fil__sponsor{font-family:var(--police-mono);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:.6875rem}.fil__envoyer{color:var(--accent-texte)}.fil__pouce{z-index:4;left:calc(50% + var(--l) * var(--k-fil) / 2 - 3.4rem);top:calc(50% + var(--decal) + var(--h) * var(--k-fil) * .18);aspect-ratio:1;border:2px solid var(--texte);background:color-mix(in oklch, var(--texte) 18%, transparent);opacity:0;width:3rem;transition:opacity var(--duree-base) var(--courbe-sortie), transform var(--duree-base) var(--courbe-ressort);border-radius:50%;position:absolute;transform:scale(1.7)}.voyage__scene[data-pouce=pose] .fil__pouce{opacity:1;transform:scale(1)}.scene__plateau{--chat-l:min(88cqw, 22rem);--chat-h:min(80cqh, 36rem);--k-chat:.2}.scene__discussion{left:calc(50% - var(--chat-l) / 2);top:calc(50% - var(--chat-h) / 2);width:var(--chat-l);height:var(--chat-h);border-radius:var(--rayon-3);background:var(--surface-levee);box-shadow:0 0 0 var(--trait) var(--filet-doux), 0 2rem 4rem -1rem var(--ombre);opacity:0;transform:translateY(calc(var(--decal) + 2rem));transition:opacity var(--duree-base) var(--courbe-sortie), transform var(--duree-ample) var(--courbe-sortie);grid-template-rows:3.4rem 1fr;display:grid;position:absolute;overflow:hidden}.discussion__entete{background:var(--surface-haute);align-items:center;gap:.7rem;padding:0 1rem;display:flex}.discussion__entete b{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;font-size:var(--t-1);line-height:1.2;display:block;overflow:hidden}.discussion__entete small{font-size:var(--t-0);color:var(--succes);display:block}.discussion__avatar{aspect-ratio:1;background:var(--accent);border-radius:50%;width:2rem}.discussion__fil{padding:calc(var(--h) * var(--k-chat) + 1.6rem) 1rem 1rem;background:radial-gradient(circle, color-mix(in oklch, var(--texte) 6%, transparent) 1px, transparent 1.5px) 0 0 / 1rem 1rem, var(--surface-creuse);flex-direction:column;gap:.55rem;display:flex}.bulle{max-width:84%;font-size:var(--t-1);opacity:0;transition:opacity var(--duree-base) var(--courbe-sortie), transform var(--duree-base) var(--courbe-ressort);border-radius:.85rem;padding:.5rem .7rem 1.2rem;line-height:1.35;position:relative;transform:translateY(.75rem)scale(.96)}.bulle--client{background:var(--bulle-recue);transform-origin:0 0;border-top-left-radius:.2rem;align-self:flex-start}.bulle--marque{background:var(--bulle-envoyee);transform-origin:100% 100%;border-bottom-right-radius:.2rem;align-self:flex-end}.bulle__heure{color:var(--texte-doux);font-variant-numeric:tabular-nums;font-size:.6875rem;position:absolute;bottom:.3rem;right:.6rem}.bulle__lu{color:var(--info);letter-spacing:-.2em}.bulle-choix{font-size:var(--t-0);font-weight:var(--g-fort);color:var(--info);opacity:0;transition:opacity var(--duree-base) var(--courbe-sortie), transform var(--duree-base) var(--courbe-sortie);align-self:flex-end;gap:.35rem;display:flex;transform:translateY(.5rem)}.bulle-choix span{border-radius:var(--rayon-pilule);background:var(--bulle-recue);padding:.35rem .7rem}.bulle--systeme{border-radius:var(--rayon-pilule);background:var(--bulle-envoyee);max-width:none;font-family:var(--police-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--texte);align-self:center;padding:.3rem .75rem;font-size:.625rem}.bulle-duo{justify-items:end;display:grid}.bulle-duo>.bulle{grid-area:1/1}.bulle--frappe{background:var(--bulle-envoyee);align-self:end;gap:.25rem;padding:.65rem .8rem;display:inline-flex}@keyframes frappe-passe{0%,30%{opacity:0;transform:translateY(.5rem)}38%,82%{opacity:1;transform:none}90%,to{opacity:0;transform:none}}.bulle--frappe span{background:var(--texte-doux);width:.4rem;height:.4rem;animation:frappe 1.1s var(--courbe-bascule) infinite;border-radius:50%}.bulle--frappe span:nth-child(2){animation-delay:.14s}.bulle--frappe span:nth-child(3){animation-delay:.28s}@keyframes frappe{40%{opacity:.5;transform:translateY(-3px)}}.scene__plateau{--bilan-l:min(94cqw, 34rem)}.scene__bilan{left:calc(50% - var(--bilan-l) / 2);width:var(--bilan-l);border-radius:var(--rayon-2);background:var(--surface);color:var(--texte);box-shadow:0 2rem 4rem -1rem var(--ombre);opacity:0;transform:translateY(calc(-50% + var(--decal) + 2rem)) rotate(-1.2deg);transition:opacity var(--duree-base) var(--courbe-sortie), transform var(--duree-ample) var(--courbe-sortie);padding:clamp(1rem,4cqw,2rem);position:absolute;top:50%}.bilan__tete{justify-content:space-between;align-items:baseline;gap:var(--e-4);padding-bottom:var(--e-3);border-bottom:var(--trait-fort) solid var(--texte);padding-right:22%;display:flex}.bilan__titre{font-size:var(--t-3);font-weight:var(--g-titre);letter-spacing:var(--chasse-sous-titre)}.bilan__marque{text-overflow:ellipsis;white-space:nowrap;font-family:var(--police-mono);font-size:var(--t-0);letter-spacing:.04em;text-transform:uppercase;color:var(--texte-doux);overflow:hidden}.bilan__concepts{padding-block:var(--e-4);gap:.65rem;display:grid}.bilan__entete{font-family:var(--police-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--texte-doux);font-size:.6875rem}.bilan__concept{grid-template-columns:1.75rem minmax(0,1fr) 2.25rem;align-items:center;gap:.75rem;display:grid}.bilan__lettre{aspect-ratio:1;border-radius:var(--rayon-1);width:1.75rem;box-shadow:inset 0 0 0 var(--trait-fort) var(--filet-fort);font-weight:var(--g-fort);place-items:center;display:grid}.bilan__barre{border-radius:var(--rayon-pilule);background:var(--surface-haute);height:.75rem;overflow:hidden}.bilan__barre span{border-radius:inherit;background:var(--texte-doux);transform-origin:0;height:100%;transition:transform var(--duree-ample) var(--courbe-sortie);display:block;transform:scaleX(0)}.bilan__valeur{text-align:right;font-weight:var(--g-fort);font-variant-numeric:tabular-nums}.bilan__concept--gagnant .bilan__lettre{background:var(--accent);box-shadow:none;color:var(--sur-accent)}.bilan__concept--gagnant .bilan__barre span{background:var(--accent)}.bilan__decision{align-items:baseline;gap:.25rem var(--e-3);padding:var(--e-3) var(--e-4);border-radius:var(--rayon-2);background:var(--surface-levee);font-size:var(--t-1);flex-wrap:wrap;line-height:1.35;display:flex}.bilan__decision b{font-family:var(--police-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-texte);font-size:.6875rem;font-weight:400}.bilan__pied{justify-content:space-between;align-items:center;gap:var(--e-3);margin-top:var(--e-4);font-family:var(--police-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--texte-doux);font-size:.6875rem;display:flex}.bilan__exemple{border:var(--trait-fort) solid currentColor;border-radius:var(--rayon-1);color:var(--accent-texte);padding:.2rem .55rem;rotate:-4deg}.scene__variante{left:50%;top:calc(50% + var(--decal) + var(--h) * var(--k) / 2 + .8rem);align-items:center;gap:var(--e-2);font-family:var(--police-mono);font-size:var(--t-0);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity var(--duree-base) var(--courbe-sortie), transform var(--duree-base) var(--courbe-sortie);display:inline-flex;position:absolute;transform:translate(-50%,.75rem)}.scene__variante-clef{background:var(--accent);width:.5rem;height:.5rem;rotate:45deg}.voyage__scene:not([data-etape=ouverture]) :-webkit-any(.scene__calque,.scene__lecteur){opacity:0;pointer-events:none}.voyage__scene:not([data-etape=ouverture]) :is(.scene__calque,.scene__lecteur){opacity:0;pointer-events:none}.voyage__scene[data-etape=formats] .cadre{transform:translate(calc(-50cqw + var(--l) * .31 + 1cqw), var(--decal)) scale(.62)}.voyage__scene[data-etape=formats] .cadre__zones,.voyage__scene[data-etape=formats] .cadre__legende{opacity:1}.voyage__scene[data-etape=formats] .format{opacity:1;transform:none}.voyage__scene[data-etape=formats] .format--1x1{transition-delay:70ms}.voyage__scene[data-etape=formats] .format--191x1{transition-delay:.14s}.voyage__scene[data-etape=fil] .cadre{transform:translateY(var(--decal)) scale(var(--k-fil))}.voyage__scene[data-etape=fil] .scene__fil{opacity:1}.voyage__scene[data-etape=discussion] .cadre{transform:translate(calc(var(--chat-l) / -2 + 1rem + var(--l) * var(--k-chat) / 2), calc(var(--chat-h) / -2 + var(--decal) + 4.4rem + var(--h) * var(--k-chat) / 2)) scale(var(--k-chat))}.voyage__scene[data-etape=discussion] .scene__discussion{opacity:1;transform:translateY(var(--decal))}.voyage__scene[data-etape=discussion] .bulle:not(.bulle--frappe){opacity:1;transform:none}.voyage__scene[data-etape=discussion] .bulle--t1{transition-delay:.35s}.voyage__scene[data-etape=discussion] .bulle--t2{transition-delay:1.75s}.voyage__scene[data-etape=discussion] .bulle-choix{opacity:1;transition-delay:2.3s;transform:none}.voyage__scene[data-etape=discussion] .bulle--t3{transition-delay:3.1s}.voyage__scene[data-etape=discussion] .bulle--t4{transition-delay:3.8s}.voyage__scene[data-etape=discussion] .bulle--frappe{animation:frappe-passe 2s var(--courbe-bascule) both}.voyage__scene[data-etape=bilan] .cadre{transform:translate(calc(var(--bilan-l) / 2 - var(--l) * .1 - 1rem), calc(var(--decal) - 22cqh)) scale(.17) rotate(4deg)}.voyage__scene[data-etape=bilan] .scene__bilan{opacity:1;transform:translateY(calc(-50% + var(--decal))) rotate(-1.2deg)}.voyage__scene[data-etape=bilan] .bilan__barre span{transform:scaleX(var(--v));transition-delay:.3s}.voyage__scene[data-etape=bilan] .bilan__concept:nth-child(3) .bilan__barre span{transition-delay:.38s}.voyage__scene[data-etape=bilan] .bilan__concept:nth-child(4) .bilan__barre span{transition-delay:.46s}.voyage__scene[data-etape=lecon] .cadre{transform:translateY(var(--decal)) scale(var(--k))}.voyage__scene[data-etape=lecon] .scene__variante{opacity:1;transform:translate(-50%)}@media (min-width:64em){.scene__plateau{--h:min(92cqh, 130cqw);--decal:0cqh;--k:.8;--k-fil:.62;--chat-h:min(90cqh, 36rem);--k-chat:.26}.voyage__scene:not([data-etape=ouverture]) :-webkit-any(.scene__calque,.scene__lecteur){opacity:1;pointer-events:auto}.voyage__scene:not([data-etape=ouverture]) :is(.scene__calque,.scene__lecteur){opacity:1;pointer-events:auto}.scene__formats{--u:min(1cqw, calc((96cqh - 6rem) / 71));padding-right:1cqw}.format--4x5{width:calc(26 * var(--u))}.format--1x1{width:calc(21 * var(--u))}.format--191x1{width:calc(33 * var(--u))}.voyage__scene[data-etape=formats] .cadre{transform:translateX(calc(-50cqw + var(--l) * .4 + 2cqw)) scale(.8)}}.metiers,.table-montage,.contrat-extrait,.appel{content-visibility:auto;contain-intrinsic-size:auto 48rem}.metiers{padding:var(--e-9) var(--marge);max-width:calc(var(--largeur) + 2 * var(--marge));margin-inline-start:auto;margin-inline-end:auto}.metiers__tete{gap:var(--e-4);max-width:40rem;margin-bottom:var(--e-8);display:grid}.metiers__tete h2{font-size:var(--t-6);line-height:var(--interligne-titre);letter-spacing:var(--chasse-titre)}.metiers__tete p:last-child{font-size:var(--t-3);color:var(--texte-doux);line-height:1.45}.metiers__liste{border-top:var(--trait) solid var(--filet-doux);display:grid}.metier{border-bottom:var(--trait) solid var(--filet-doux);position:relative}.metier__lien{gap:var(--e-3);padding:var(--e-7) 0;text-decoration:none;display:grid}.metier__nom{font-size:var(--t-6);font-weight:var(--g-titre);letter-spacing:var(--chasse-titre);transition:transform var(--duree-base) var(--courbe-sortie);line-height:.95}.metier__pitch{font-size:var(--t-3);max-width:30em;line-height:1.4}.metier__liste{font-size:var(--t-1);color:var(--texte-doux);max-width:40em}.metier__aller{align-items:center;gap:var(--e-2);margin-top:var(--e-2);font-weight:var(--g-fort);color:var(--accent-texte);display:inline-flex}.metier__aller:after{content:"→";transition:transform var(--duree-base) var(--courbe-sortie)}.metier__lien:hover .metier__nom{transform:translate(.4rem)}.metier__lien:hover .metier__aller:after{transform:translate(.35rem)}.metier__apercu{display:none}@media (min-width:64em){.metiers__liste{gap:var(--e-6);border-top:0;grid-template-columns:1fr 1fr}.metier{border:var(--trait) solid var(--filet-doux);border-radius:var(--rayon-3);overflow:hidden}.metier__lien{padding:var(--e-7) var(--e-7) 12rem;align-content:start;height:100%}.metier__apercu{left:var(--e-7);right:var(--e-7);bottom:var(--e-7);pointer-events:none;height:7rem;display:block;position:absolute}.metier__apercu--timeline span{left:calc(var(--l) * 100%);width:calc(var(--w) * 100%);top:calc(var(--d) * 1.75rem);border-radius:var(--rayon-1);background:var(--surface-haute);transform-origin:0;height:1.1rem;transition:transform var(--duree-ample) var(--courbe-sortie);transition-delay:calc(var(--d) * 50ms);position:absolute}.metier__apercu--timeline span:before,.metier__apercu--timeline span:after{content:"";background:var(--texte-doux);width:.5rem;height:.5rem;margin-top:-.25rem;position:absolute;top:50%;rotate:45deg}.metier__apercu--timeline span:before{left:-.25rem}.metier__apercu--timeline span:after{right:-.25rem}.metier--motion:hover .metier__apercu--timeline span{transform:translateX(calc((.5 - var(--l)) * 30%))}.metier--motion:hover .metier__apercu--timeline span:nth-child(odd){transform:translateX(calc((var(--l) - .2) * -40%))}.metier__apercu--entonnoir span{width:100%;left:0;top:calc(var(--d) * 1.4rem);border-radius:var(--rayon-1);background:var(--surface-haute);height:1rem;transform:scaleX(var(--w));transform-origin:0;transition:transform var(--duree-ample) var(--courbe-sortie);transition-delay:calc(var(--d) * 60ms);position:absolute}.metier__apercu--entonnoir span:last-child{background:var(--accent)}.metier--croissance:hover .metier__apercu--entonnoir span{transform:scaleX(calc(var(--w) * .6 + .4))}}.table-montage{padding:0 var(--marge) var(--e-9);max-width:calc(var(--largeur) + 2 * var(--marge));margin-inline-start:auto;margin-inline-end:auto}.table-montage__tete{justify-content:space-between;align-items:end;gap:var(--e-3) var(--e-6);margin-bottom:var(--e-7);flex-wrap:wrap;display:flex}.table-montage__tete .etiquette{flex-basis:100%}.table-montage__tete h2{font-size:var(--t-6);line-height:var(--interligne-titre);letter-spacing:var(--chasse-titre)}.bande{gap:var(--e-5);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--marge);margin-inline:calc(var(--marge) * -1);padding:0 var(--marge) var(--e-4);scrollbar-width:thin;scrollbar-color:var(--filet-fort) transparent;grid-auto-columns:min(78vw,22rem);grid-auto-flow:column;display:grid;overflow-x:auto}.bande__plan{scroll-snap-align:start}.bande .carte-real{gap:var(--e-4)}.bande .carte-real__titre{font-size:var(--t-4)}.bande .carte-real__nature{font-size:var(--t-1);color:var(--texte-doux)}.bande :-webkit-any(.carte-real__accroche,.carte-real__meta){display:none}.bande :is(.carte-real__accroche,.carte-real__meta){display:none}@media (min-width:64em){.bande{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;margin-inline-start:0;margin-inline-end:0;padding:0;overflow:visible}}.contrat-extrait{padding:var(--e-9) var(--marge);background:var(--surface);color:var(--texte)}.contrat-extrait__feuille{gap:var(--e-5);max-width:52rem;margin-inline-start:auto;margin-inline-end:auto;display:grid}.contrat-extrait h2{font-size:var(--t-6);line-height:var(--interligne-titre);letter-spacing:var(--chasse-titre)}.contrat-extrait__articles{border-top:var(--trait-fort) solid var(--texte);display:grid}.contrat-extrait__articles li{gap:var(--e-2);padding-block:var(--e-5);border-bottom:var(--trait) solid var(--filet-doux);display:grid}.contrat-extrait__num{font-family:var(--police-mono);font-size:var(--t-0);letter-spacing:var(--chasse-etiquette);text-transform:uppercase;color:var(--accent-texte)}.contrat-extrait__articles p{font-size:var(--t-3);color:var(--texte-doux);line-height:1.4}.contrat-extrait__articles strong{color:var(--texte)}@media (min-width:48em){.contrat-extrait__articles li{gap:var(--e-5);grid-template-columns:8rem 1fr}}}