.qsn-titre-2{text-wrap:balance;font-size:clamp(28px,2.7vw,36px);line-height:1.12}.qsn-portrait{object-fit:cover;width:56px;height:56px;box-shadow:0 0 0 3px #fff, 0 0 0 4px color-mix(in srgb, var(--color-primary) 35%, transparent);border-radius:50%;flex:none}.qsn-lien{min-height:44px}.qsn-histoire{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.qsn-etapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none;display:grid;position:relative}.qsn-etapes:before{content:"";background:color-mix(in srgb, var(--color-primary) 28%, transparent);height:2px;position:absolute;top:7px;left:7px;right:7px}.qsn-etape{flex-direction:column;gap:8px;display:flex;position:relative}.qsn-point{background:var(--color-primary);width:16px;height:16px;box-shadow:0 0 0 5px var(--color-background);border-radius:50%;margin-bottom:10px}.qsn-quatre{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.qsn-route{border-radius:var(--radius-xl);flex-direction:column;gap:32px;padding:48px;display:flex;position:relative;overflow:clip;box-shadow:0 4px 8px #1e18120f,0 24px 48px -16px #1e181233}.qsn-route-tete{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.qsn-route-corps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;display:grid}.qsn-en-cours{border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff14;flex-direction:column;gap:22px;padding:28px;display:flex}.qsn-etiquette{color:var(--color-on-dark-text);font-size:13px}.qsn-jauge{background:#ffffff1a;border-radius:9999px;height:10px;display:block;overflow:hidden}.qsn-jauge>span{background:var(--color-primary-on-dark);border-radius:9999px;height:100%;display:block}.qsn-idee{background:#ffffff14;border-radius:9999px;padding:6px 12px;font-size:13px}.qsn-coche{background:var(--color-atelier-vert-nuit);color:#172033;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.qsn-bouton-nuit{border-radius:var(--radius-xs);color:#fff;min-height:52px;transition:border-color var(--transition-duration-appui), background-color var(--transition-duration-appui);border:1.5px solid #ffffff8c;flex:none;align-items:center;padding:0 24px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){.qsn-bouton-nuit:hover{background:#ffffff0f;border-color:#fff}}@media (max-width:960px){.qsn-histoire,.qsn-route-corps{grid-template-columns:minmax(0,1fr)}.qsn-quatre{grid-template-columns:repeat(2,minmax(0,1fr))}.qsn-etapes{grid-template-columns:minmax(0,1fr);gap:28px}.qsn-etapes:before{display:none}.qsn-route{border-radius:var(--radius-lg);padding:32px 20px}.qsn-en-cours{padding:20px}}@media (max-width:560px){.qsn-quatre{grid-template-columns:minmax(0,1fr)}}