.ccl-approche{--na-ease:cubic-bezier(.36, .33, 0, 1);--na-teal:#0ab;--na-ice:#ecfcfe;--na-ink:#222225;--na-grey:#8e827c;--na-cards:5;--na-step:100vh;--na-list-h:32.5em;text-align:center;padding-top:10em;font-family:Poppins,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.43;position:relative}@media (width>=768px){.ccl-approche{font-size:calc(clamp(768px,100vw,1920px)/90)}}@media (width>=768px) and (width<=991px){.ccl-approche{font-size:1.42857vw}}.ccl-approche *,.ccl-approche :before,.ccl-approche :after{box-sizing:border-box}.ccl-approche h2,.ccl-approche h3,.ccl-approche p,.ccl-approche ul{margin:0}.ccl-approche ul{padding:0;list-style:none}.ccl-approche .na-title{letter-spacing:-.05em;opacity:0;transition:opacity .8s var(--na-ease), transform 1s var(--na-ease);margin-bottom:3.5em;padding-inline:.3em;font-size:4.4em;font-weight:700;line-height:.95;transform:translateY(.4em)}.ccl-approche .na-title.is-visible{opacity:1;transform:none}.ccl-approche .na-title-grey{color:var(--na-grey)}.ccl-approche .na-stack{height:calc((var(--na-cards) - 1) * var(--na-step) + var(--na-list-h));position:relative}.ccl-approche .na-sticky{top:calc(50vh - var(--na-list-h) / 2);height:var(--na-list-h);perspective:20vw;perspective-origin:50% calc(var(--na-list-h) / 2 - 20vh);place-items:center;display:grid;position:sticky}.ccl-approche .na-list{width:100%;max-width:60.5em;height:var(--na-list-h);transform-style:preserve-3d;position:relative}.ccl-approche .na-card{text-align:left;isolation:isolate;transform-origin:50% 100%;will-change:transform;border-radius:.75em;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:1em;padding:2em 2.25em;display:grid;position:absolute;inset:0;overflow:hidden}.ccl-approche .na-link{z-index:3;position:absolute;inset:0}.ccl-approche .na-card.is-dark{color:#fff;background:#222225}.ccl-approche .na-card.is-petrol{color:#fff;background:#0f5f69}.ccl-approche .na-card.is-teal{color:#222225;background:#0ab}.ccl-approche .na-card.is-light{color:#222225;background:#ecfcfe;box-shadow:inset 0 0 0 1px #2222251f}.ccl-approche .na-num{z-index:-1;letter-spacing:-.07em;color:currentColor;opacity:.09;pointer-events:none;font-size:19em;font-weight:800;line-height:1;position:absolute;top:50%;right:.12em;transform:translateY(-62%)}.ccl-approche .na-top{justify-content:flex-end;align-items:center;display:flex}.ccl-approche .na-tag{opacity:.85;white-space:nowrap;border:1px solid;border-radius:999px;padding:.55em 1em;font-size:.72em;font-weight:600}.ccl-approche .na-card-title{letter-spacing:-.06em;align-self:center;font-size:6em;font-weight:800;line-height:.9}.ccl-approche .na-dot{color:var(--na-teal)}.ccl-approche .na-card.is-teal .na-dot{color:var(--na-ice)}.ccl-approche .na-bottom{border-top:1px solid color-mix(in srgb, currentColor 30%, transparent);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:2.5em;padding-top:1.4em;display:grid}.ccl-approche .na-desc{letter-spacing:-.01em;max-width:21em;font-size:1.15em;line-height:1.3}.ccl-approche .na-list-items{grid-template-columns:1fr 1fr;gap:.55em 1.4em;font-size:.82em;font-weight:600;display:grid}.ccl-approche .na-list-items li{align-items:baseline;gap:.55em;display:flex}.ccl-approche .na-list-items li:before{content:"";opacity:.6;background:currentColor;border-radius:50%;flex:none;width:.5em;height:.5em;transform:translateY(-.1em)}.ccl-approche .na-card.is-academy{color:var(--na-ice);background:linear-gradient(#00aabb17 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#00aabb17 1px,#0000 1px) 0 0/28px 28px,#222225;grid-template-rows:1fr auto;box-shadow:inset 0 0 0 1px #00aabb59}.ccl-approche .is-academy .na-bottom{border-top-color:#0ab6}.ccl-approche .na-aca-mid{align-self:center}.ccl-approche .na-aca-scrib{font-family:var(--font-hand);color:var(--na-teal);white-space:nowrap;clip-path:inset(-40% 104% -40% -4%);margin-top:1.3em;margin-left:2.6em;font-size:1.15em;line-height:1;display:inline-block;transform:rotate(-4deg)}.ccl-approche .is-academy.is-drawn .na-aca-scrib{animation:1.4s linear .35s forwards na-write}@keyframes na-write{to{clip-path:inset(-40% -4%)}}.ccl-approche .na-mods{gap:.55em;font-size:.8em;display:grid}.ccl-approche .na-mods li{grid-template-columns:1fr 5.5em;align-items:center;gap:.9em;display:grid}.ccl-approche .na-mod-t{font-weight:600}.ccl-approche .na-mod-bar{background:#ecfcfe24;border-radius:4px;height:4px;overflow:hidden}.ccl-approche .na-mod-bar i{background:var(--na-teal);border-radius:inherit;transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.ccl-approche .is-academy.is-drawn .na-mod-bar i{animation:na-gauge 5.2s cubic-bezier(.65, 0, .35, 1) calc(.3s + var(--k) * .35s) infinite}@keyframes na-gauge{0%{opacity:1;transform:scaleX(0)}30%{transform:scaleX(var(--p))}50%{transform:scaleX(var(--p))}72%{transform:scaleX(1)}92%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@media (width<=991px){.ccl-approche .na-sticky{perspective:700px}}@media (width<=767px){.ccl-approche{padding-top:6em}.ccl-approche .na-title{font-size:2.6em}.ccl-approche .na-sticky{perspective:700px;padding-inline:1em}.ccl-approche{--na-list-h:min(78vh, 42em)}.ccl-approche .na-card{grid-template-rows:1fr auto;gap:.8em;padding:1.4em}.ccl-approche .na-top{display:none}.ccl-approche .na-num{font-size:10em;top:34%}.ccl-approche .na-card-title{font-size:3.3em}.ccl-approche .na-bottom{grid-template-columns:1fr;gap:1.1em;padding-top:1em}.ccl-approche .na-desc{font-size:1em}.ccl-approche .na-list-items{grid-template-columns:1fr;font-size:.85em}.ccl-approche .na-aca-mid{display:block;position:relative}.ccl-approche .na-aca-scrib{margin-left:1.6em;font-size:.95em}.ccl-approche .na-mods li{grid-template-columns:1fr 3.5em}.ccl-approche .na-card.is-under>*{visibility:hidden}}@media (prefers-reduced-motion:reduce){.ccl-approche .na-title{opacity:1;transition:none;transform:none}.ccl-approche .na-stack{height:auto}.ccl-approche .na-sticky{height:auto;padding-block:4em;display:block;position:relative;top:auto}.ccl-approche .na-list{flex-direction:column;gap:1em;height:auto;margin-inline:auto;padding-inline:1em;display:flex}.ccl-approche .na-card{min-height:32.5em;position:relative;inset:auto;opacity:1!important;transform:none!important}.ccl-approche .na-aca-scrib{clip-path:none;animation:none!important}.ccl-approche .na-mod-bar i{transform:scaleX(var(--p));animation:none!important}}.parlons-en-cursor{z-index:60;pointer-events:none;color:#171412;text-transform:uppercase;letter-spacing:-.03em;white-space:nowrap;opacity:0;will-change:transform;background:#fff;border-radius:.37em;align-items:center;gap:.5em;padding:.75em 1em;font-family:Poppins,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1;transition:none;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(0);box-shadow:0 .6em 1.6em #0000002e}@media (width>=768px){.parlons-en-cursor{font-size:calc(clamp(768px,100vw,1920px)/120)}}.parlons-en-cursor svg{width:1em;height:1em}html.parlons-en-on .ccl-approche .na-card,html.parlons-en-on .ccl-approche .na-card *{cursor:none}@media (hover:none),(pointer:coarse){.parlons-en-cursor{display:none}}