/* New orchestrator sections from the approved standalone design export. */
.traj{background:var(--lilas);border-radius:44px;padding:88px 0}
.traj-grid{display:grid;grid-template-columns:5fr 6fr;gap:72px;align-items:center}
.traj h2{font-size:clamp(1.9rem,3.4vw,2.7rem);max-width:15ch;margin:.9rem 0 1.2rem}
.traj .lede{font-family:'Host Grotesk',sans-serif;font-weight:300;font-size:1.08rem;line-height:1.65;color:var(--aubergine);max-width:30rem;margin-bottom:2rem}
.traj-carte{background:var(--blanc);border-radius:26px;padding:1.7rem 1.9rem 1.5rem;font-family:var(--ui)}
.traj-carte>small{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--aub-45);display:block;margin-bottom:1.3rem}
.traj-pas{list-style:none;margin:0;padding:0}
.traj-pas li{display:grid;grid-template-columns:17px 1fr auto;gap:1rem;align-items:start;position:relative;padding-bottom:1.25rem}
.traj-pas li:last-child{padding-bottom:0}
.traj-pas li::before{content:"";width:17px;height:17px;border-radius:50%;background:var(--blanc);box-shadow:inset 0 0 0 1.5px var(--aubergine);margin-top:.2rem;position:relative;z-index:1}
.traj-pas li::after{content:"";position:absolute;left:8px;top:1.2rem;bottom:-.2rem;width:1px;background:var(--aub-14)}
.traj-pas li:last-child::after{display:none}
.traj-pas li.alerte::before{background:var(--sable)}
.traj-pas li.fin::before{background:var(--aubergine)}
.traj-pas b{font-family:'Caslon Doric',Georgia,serif;font-weight:400;font-size:1.14rem;line-height:1.3}
.traj-pas em{font-style:normal;font-size:.74rem;white-space:nowrap;padding:.22rem .65rem;border-radius:999px;background:var(--ivoire);color:var(--aubergine);margin-top:.1rem}
.traj-pas li.alerte em{background:var(--sable)}
.traj-note{font-size:.88rem;color:var(--aub-70);line-height:1.5;margin:1.4rem 0 0;padding-top:1.1rem;border-top:1px solid var(--aub-14)}
.traj-ben{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:4rem;padding-top:2.2rem;border-top:1px solid rgba(74,57,76,.16)}
.traj-ben b{font-family:'Caslon Doric',Georgia,serif;font-weight:400;font-size:1.25rem;display:block;margin-bottom:.5rem}
.traj-ben p{font-family:var(--ui);font-size:.92rem;line-height:1.55;color:var(--aubergine)}
@media(max-width:940px){.traj{padding:64px 0}.traj-grid{grid-template-columns:1fr;gap:2.4rem}.traj-ben{grid-template-columns:1fr;gap:1.6rem;margin-top:2.8rem}}
@media(max-width:480px){.traj-pas li{grid-template-columns:17px 1fr}.traj-pas em{grid-column:2;justify-self:start}}
.roles-lbl{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--aub-45);display:block;margin-bottom:.9rem}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.role{background:var(--ivoire);border-radius:26px;padding:2rem 2.1rem;display:flex;flex-direction:column;color:var(--aubergine);text-decoration:none}
a.role{transition:transform .2s}a.role:hover{transform:translateY(-2px)}
.role.contour{background:none;box-shadow:inset 0 0 0 1px var(--aub-14)}
.role b{font-family:'Caslon Doric',Georgia,serif;font-weight:400;font-size:1.55rem;line-height:1.2;margin-bottom:.6rem}
.role p{font-family:var(--ui);font-size:.96rem;line-height:1.55;color:var(--aub-70)}
.role-l{font-family:var(--ui);font-size:.88rem;font-weight:500;margin-top:1.4rem}
@media(max-width:760px){.roles{grid-template-columns:1fr}}

#roles .o-tete h2{max-width:17ch}
#roles .lede a{text-decoration:underline;text-underline-offset:3px}
.roles-use-label{margin-top:2.6rem}
.o-principles .wrap{display:grid;gap:3rem}
.o-principles .o-tete{margin-bottom:0;align-items:start}
.role:focus-visible{outline:3px solid var(--aubergine);outline-offset:4px}