.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tete{background:linear-gradient(to bottom, transparent 55%, var(--blanc) 100%), radial-gradient(70% 90% at 0% 0%, var(--fond-aube-bleu), transparent 65%), radial-gradient(60% 70% at 100% 62%, var(--fond-aube-vert), transparent 65%), var(--fond-aube-base);padding:clamp(130px,18vh,180px) 0 clamp(56px,8vh,90px)}.tete h1.b3-surtitre{color:var(--vert-texte);letter-spacing:.14em;margin:0;font-size:14px}.tete h1.b3-surtitre:before{display:none}.tete .titre{max-width:22ch;color:var(--nuit);letter-spacing:-.035em;text-wrap:balance;margin:20px 0 0;font-size:clamp(38px,3.9vw,62px);font-weight:800;line-height:1.04}.tete .sous{max-width:62ch;color:var(--texte);margin:clamp(26px,3.6vh,36px) 0 0;font-size:clamp(17px,1.3vw,19px);font-weight:500;line-height:1.55}.tete .haut{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:5vw;display:grid}.tete .haut h1,.tete .haut .titre{grid-column:1}.tete .haut .sous{grid-area:1/2/span 2;align-self:end;max-width:46ch;margin:0 0 8px;font-size:clamp(16px,1.15vw,18px)}.tete .sous p{margin:0}.tete .sous b{color:var(--nuit);font-weight:700}.tete .sous .zone-h{border-top:1px solid var(--filet);margin-top:18px;padding-top:16px;font-size:.92em}.tete .sous .zone-h .b3-meta{color:var(--vert-texte);margin-bottom:4px;display:block}.tete .supports{grid-template-columns:minmax(0,52fr) minmax(0,14fr) minmax(0,30fr);align-items:end;gap:clamp(20px,3vw,48px);margin:clamp(56px,8vh,88px) 0 0;display:grid}.tete .sup{margin:0}.tete .sup figcaption{color:var(--nuit);margin-top:16px;font-size:15px;font-weight:700}.tete .sup figcaption .b3-meta{color:var(--vert-texte);margin-bottom:4px;display:block}.tete .ordi .cadre{aspect-ratio:16/10;border-radius:var(--rayon-media);box-shadow:var(--ombre-media);background:var(--blanc);overflow:hidden}.tete .ordi img{object-fit:cover;width:100%;height:100%;display:block}.tete .tel .smartphone{width:100%}.tete .casque .visuel img{filter:drop-shadow(0 24px 30px #0a1a2b38);width:100%;height:auto;display:block}@keyframes monte{0%{opacity:0;transform:translateY(var(--glissement))}}.tete h1,.tete .titre,.tete .sous{animation:monte 1s var(--courbe-sortie) backwards}.tete .titre{animation-delay:.12s}.tete .sous{animation-delay:.26s}@keyframes arrive{0%{opacity:0;transform:translateY(46px)}}@keyframes flotte{50%{transform:translateY(-6px)}}.tete .sup>:first-child{animation:arrive 1.1s var(--courbe-sortie) backwards, flotte 7s ease-in-out infinite;animation-delay:calc(.45s + var(--i) * .15s), calc(1.6s + var(--i) * 1.2s);transition:translate .5s var(--courbe-sortie)}.tete .sup figcaption{animation:monte .8s var(--courbe-sortie) backwards;animation-delay:calc(.9s + var(--i) * .15s)}.tete .sup:hover>:first-child{translate:0 -8px}.approche .appr-tete{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:5vw;display:grid}.approche .appr-tete .b3-lead{margin:0 0 6px}.approche .principes{margin:var(--espace-8) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.approche .principes li{border-radius:var(--rayon-carte);transition:background .4s, box-shadow .4s, translate .4s var(--courbe-sortie);background:#ffffff8c;padding:30px 30px 34px;box-shadow:inset 0 0 0 1px #0a1a2b0f}.approche .principes li:hover{background:var(--blanc);translate:0 -3px;box-shadow:inset 0 0 0 1px #0a1a2b0a,0 18px 40px #0a1a2b14}.approche .principes .ic{width:46px;height:46px;transform:scale(calc(.55 + .45 * var(--k,1))) rotate(calc((1 - var(--k,1)) * -25deg));display:block}.approche .principes img{filter:drop-shadow(0 6px 12px #0a1a2b38);width:46px;height:46px;display:block}.approche .principes b{letter-spacing:-.02em;margin-top:20px;font-size:clamp(21px,1.7vw,26px);font-weight:800;line-height:1.15;display:block}.approche .principes p{color:var(--texte);max-width:40ch;margin-top:10px;font-size:16px;line-height:1.6}.methode .piste{height:250vh}.methode .colle{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:4vw;height:100vh;padding-top:70px;padding-bottom:30px;display:grid;position:sticky;top:0}.methode .b3-h2{max-width:14ch}.methode .etapes-m{max-width:400px;margin:30px 0 0 -8px;padding-left:0;position:relative}.methode .etapes-m .fil{display:none}.methode .etapes-m .surligne{left:0;right:0;top:var(--y,0);height:var(--h,40px);transition:top .5s var(--courbe-sortie), height .5s var(--courbe-sortie), opacity .4s;pointer-events:none;background:#3fd08a21;border-radius:99px;position:absolute}.methode .etapes-m.clos .surligne{opacity:0}.methode .etapes-m li{color:var(--nuit);opacity:.42;transition:opacity .4s, transform .5s var(--courbe-sortie);align-items:center;gap:14px;padding:8px 16px 8px 8px;display:flex;position:relative}.methode .etapes-m li .n{width:30px;height:30px;color:var(--accent);background:0 0;border-radius:50%;flex:none;place-items:center;font-size:14px;transition:background .4s,color .4s;display:grid;position:static}.methode .etapes-m li b{font-size:18px;font-weight:700;transition:font-weight .2s}.methode .etapes-m li.fait{opacity:.85}.methode .etapes-m li.fait .n{color:var(--nuit);background:var(--vert-360)}.methode .etapes-m li.on{opacity:1;transform:translate(4px)}.methode .etapes-m li.on .n{color:var(--blanc);background:var(--nuit);box-shadow:0 0 0 2px var(--vert-360)}.methode .etapes-m li.on b{font-weight:800}.methode .etapes-m p{display:none}.methode .arc-m{aspect-ratio:1;justify-self:center;width:min(100%,76vh);position:relative}.methode .arc-m svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.methode .arc-m path{fill:none;stroke-width:5px;stroke-linecap:round}.methode .arc-m .rail{stroke:var(--filet);stroke-width:1.2px;stroke-dasharray:.6 1.6}.methode .arc-m .trace{stroke:url(#gMeth);stroke-dasharray:1;stroke-dashoffset:1px}.methode .arc-m .pt circle{fill:var(--blanc);stroke:var(--filet);stroke-width:.5px;transition:fill var(--duree-courte), stroke var(--duree-courte)}.methode .arc-m .pt text{font-family:var(--font-chiffres);fill:var(--texte-discret);text-anchor:middle;dominant-baseline:central;transition:fill var(--duree-courte);font-size:3.6px}.methode .arc-m .pt.fait circle{fill:var(--vert-360);stroke:var(--blanc);stroke-width:.8px}.methode .arc-m .pt.on circle{fill:var(--nuit);stroke:var(--vert-360);stroke-width:1.2px}.methode .arc-m .pt.on text{fill:var(--blanc)}.methode .arc-m .pt.fait text{fill:var(--nuit)}.methode .dedans{text-align:center;place-items:center;display:grid;position:absolute;inset:18%}.methode .dedans>*{transition:opacity var(--duree-moyenne) var(--courbe-sortie), transform var(--duree-moyenne) var(--courbe-sortie);grid-area:1/1}.methode .detail .n{font-family:var(--font-chiffres);color:var(--accent);font-size:clamp(44px,6vh,64px);line-height:1;display:block}.methode .detail b{letter-spacing:-.02em;margin-top:14px;font-size:clamp(24px,2.2vw,34px);font-weight:800;line-height:1.1;display:block}.methode .detail p{max-width:32ch;color:var(--texte);margin:14px auto 0;font-size:16px;line-height:1.55}.methode .fin{letter-spacing:-.025em;color:var(--nuit);text-wrap:balance;margin:0;font-size:clamp(26px,2.6vw,40px);font-weight:800;line-height:1.12}.methode .dedans:not(.clos) .fin,.methode .dedans.clos .detail{opacity:0;transform:translateY(var(--glissement))}.methode .detail.change{opacity:0;transition:none;transform:translateY(12px)}.equipe .grille{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:6vw;display:grid}.equipe .portrait{aspect-ratio:4/5;border-radius:var(--rayon-media);box-shadow:var(--ombre-media);max-width:440px;margin:0;position:sticky;top:120px;overflow:hidden}.equipe .portrait img{object-fit:cover;object-position:45% 30%;width:100%;height:100%;display:block}.equipe .texte{max-width:640px}.equipe .b3-h2{max-width:20ch}.equipe .citation{border-left:6px solid var(--vert-360);margin:32px 0 0;padding:2px 0 2px 28px}.equipe .citation p,.equipe .qui,.equipe .infos p{color:var(--texte);font-size:17px;line-height:1.65}.equipe .citation p{color:var(--nuit);text-wrap:pretty;margin:0}.equipe .citation p+p{margin-top:14px}.equipe .qui{margin-top:16px}.equipe .qui b{color:var(--nuit);font-weight:800}.equipe .infos{border-top:1px solid var(--filet);grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:40px;margin-top:40px;padding-top:28px;display:grid}.equipe .infos .b3-meta{color:var(--vert-texte);display:block}.equipe .infos p{margin:10px 0 0}.equipe .reseau{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin:-12px 0 0;padding:0;list-style:none;display:flex}.equipe .reseau li{border-radius:var(--rayon-pilule);box-shadow:inset 0 0 0 1.5px var(--filet);padding:8px 14px;font-size:14px;font-weight:700}@media (width<=900px){.tete .titre{font-size:clamp(30px,8.2vw,40px)}.tete .haut{display:block}.tete .haut .sous{margin-top:22px}.tete .supports{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:28px 22px}.tete .ordi{grid-column:1/-1}.tete .sup figcaption{margin-top:12px;font-size:14px}.approche .appr-tete{grid-template-columns:1fr;gap:0}.approche .appr-tete .b3-lead{margin-top:var(--espace-5)}.approche .principes{grid-template-columns:1fr;margin-top:36px}.approche .principes li{padding:24px 22px 26px}.methode .piste{height:auto}.methode .colle{height:auto;padding-top:clamp(80px,12vh,110px);padding-bottom:clamp(80px,12vh,110px);display:block;position:static}.methode .arc-m{display:none}.methode .etapes-m{max-width:none;margin:36px 0 0;padding-left:64px}.methode .etapes-m .surligne{display:none}.methode .etapes-m li,.methode .etapes-m li.on,.methode .etapes-m li.fait{opacity:1;transform:none}.methode .etapes-m li .n,.methode .etapes-m li.on .n,.methode .etapes-m li.fait .n{width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;display:block}.methode .etapes-m .fil{display:block;left:44px}.methode .etapes-m li{opacity:1;padding:0 0 30px;display:block}.methode .etapes-m li b{font-weight:800}.methode .etapes-m li .n{color:#0b72a84d;font-size:24px;position:absolute;top:-4px;left:-64px}.methode .etapes-m li.on .n,.methode .etapes-m li.fait .n{color:var(--accent);box-shadow:none;background:0 0}.methode .etapes-m p{display:block}.equipe .grille{grid-template-columns:1fr;gap:36px}.equipe .citation{border-left-width:5px;padding-left:22px}.equipe .citation p,.equipe .qui,.equipe .infos p{font-size:16px}.equipe .infos{grid-template-columns:1fr;gap:24px}.equipe .infos .reseau{order:1;margin-top:-8px}.equipe .infos>div:last-of-type{order:2}.equipe .portrait{max-width:340px;position:static}}@media (prefers-reduced-motion:reduce){.tete *{animation:none!important}.methode .piste{height:auto}.methode .colle{height:auto;min-height:100vh;position:static}}