html{scroll-padding-top:16px}.sombre :focus-visible{outline-color:var(--blanc)}h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(44px,6vw,88px);font-weight:600;line-height:1}h1 .mot{will-change:transform;display:inline-block}h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(30px,3.4vw,48px);font-weight:600;line-height:1.04}h3{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600;line-height:1.15}.chapeau{color:var(--ardoise);max-width:56ch;font-size:19px;line-height:1.55}.texte{color:var(--ardoise);max-width:62ch;font-size:17px;line-height:1.6}.bouton-clair{background:var(--blanc);color:var(--carbone)}.bouton-clair:hover{background:var(--gris)}.scene{height:320vh;position:relative}.stage{border-top:1px solid var(--trait);height:100svh;position:sticky;top:0;overflow:hidden}canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.intro{flex-direction:column;gap:22px;max-width:900px;display:flex;position:absolute;bottom:128px;left:48px}.intro .suite{flex-direction:column;gap:22px;transition:opacity .8s .9s;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.label-courant{font-family:var(--mono);color:var(--ardoise);text-transform:lowercase;font-size:13px;position:absolute;left:48px;transform:translateY(-50%)}.label-courant.actif{color:var(--carbone);font-weight:500}.explication{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:32px;display:grid;position:absolute;top:60%;left:48px;right:48px}.explication>div{flex-direction:column;gap:12px;display:flex}.compteur{color:var(--ardoise);position:absolute;top:24px;right:48px}section.bloc{padding-block:96px}#expertises{padding-top:64px}.tete{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:20px 32px;margin-bottom:48px;display:grid}.tete h2{grid-column:1/span 6}.tete p{grid-column:8/span 5}.trace{background:var(--carbone);transform-origin:0;height:1px}.expertise{padding-bottom:4px}.expertise .corps{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 32px;padding:32px 0;display:grid}.expertise h3{grid-column:1/span 4;font-size:28px}.expertise .texte{grid-column:5/span 4}.expertise ul{flex-direction:column;grid-column:10/span 3;gap:8px;margin:0;padding:0;list-style:none;display:flex}.expertise li{font-family:var(--mono);color:var(--ardoise);text-transform:lowercase;font-size:13px}.approche{background:var(--blanc)}.frise{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid;position:relative}.frise-ligne{background:var(--gris);height:2px;position:absolute;top:0;left:0;right:0}.frise-ligne .trace{height:2px}.frise li{flex-direction:column;gap:12px;padding-top:30px;display:flex;position:relative}.frise li:before{content:"";background:var(--blanc);border:2px solid var(--carbone);border-radius:50%;width:12px;height:12px;transition:background .4s;position:absolute;top:-5px;left:0}.frise li.atteint:before{background:var(--carbone)}.frise .repere{color:var(--ardoise)}.fin{background:var(--carbone);color:var(--blanc);padding-block:96px}.fin .cadre{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:32px;display:flex}.fin p{color:var(--gris);max-width:52ch;margin-top:16px;font-size:17px;line-height:1.6}.reduit .scene{height:auto}.reduit .stage{flex-direction:column;height:auto;display:flex;position:relative}.reduit canvas{order:1;height:66svh;position:relative}.reduit .intro{order:0;padding:40px 48px 8px;position:relative;bottom:auto;left:auto}.reduit .explication,.reduit .compteur{display:none}@media (max-width:860px){.intro{bottom:104px;left:16px;right:16px}.chapeau{font-size:16px}.label-courant{font-size:12px;left:16px}.explication{grid-template-columns:minmax(0,1fr);gap:12px;left:16px;right:16px}.compteur{top:12px;right:16px}.tete,.expertise .corps{flex-direction:column;align-items:stretch;display:flex}.frise{grid-template-columns:minmax(0,1fr)}.frise-ligne{display:none}.frise{border-left:2px solid var(--carbone);padding-left:20px}.frise li{padding-top:0}.frise li:before{top:6px;left:-29px}section.bloc{padding-block:64px}.reduit .intro{padding:24px 16px 8px}}.frise-cadre{position:relative}.repere-gris{color:var(--gris)}