/* 17 SECONDES · densité : mots-clés visibles, détail au survol (ordinateur) ou au toucher (mobile) */
.xp{position:relative}
.xp-head{position:relative;cursor:pointer;padding-right:40px;outline:none}
.xp-head:focus-visible{outline:2px solid var(--c-cyan-vif,#22D3EE);outline-offset:4px;border-radius:8px}
.xp-head>*:last-child:not(.xp-icon){margin-bottom:0}
.xp-icon{position:absolute;top:2px;right:0;color:var(--c-bleu-clair-lumineux,#90A8CC);transition:transform .35s ease,color .25s}
.xp-icon svg{display:block}
.xp-body{display:grid;grid-template-rows:0fr;opacity:0;margin:0;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1),opacity .35s ease,margin .45s cubic-bezier(.16,1,.3,1)}
.xp-body>div{overflow:hidden}
.xp-body>div>*:first-child{margin-top:0}
.xp.is-open>.xp-body{grid-template-rows:1fr;opacity:1;margin-top:12px}
.xp.is-open>.xp-head .xp-icon{transform:rotate(45deg);color:var(--c-cyan-vif,#22D3EE)}
@media(hover:hover){.xp:hover>.xp-body{grid-template-rows:1fr;opacity:1;margin-top:12px}.xp:hover>.xp-head .xp-icon{transform:rotate(45deg);color:var(--c-cyan-vif,#22D3EE)}}
.detail-flat{margin-top:12px}
.xp-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--c-cyan-vif,#22D3EE);margin:0}
.hero-more{margin-top:14px}
.hero-more .xp-icon{top:-3px}
.hero-more .xp-body p+p{margin-top:10px}
.xp-heading .xp-head h2{margin-bottom:0}
.section-heading.xp,.case-heading.xp{display:block}
.section-heading.xp>.xp-body p,.case-heading.xp>.xp-body p{max-width:640px;color:var(--muted)}
.offer-list>article.xp h3{margin-bottom:0}
.xp-project>.xp-head{padding-right:44px}
.xp-project>.xp-head h3{margin-bottom:0}
.xp-method>.xp-head h2{margin-bottom:0}
.starting-route.xp h3{margin-bottom:0}
.xp-person>.xp-head{padding-right:44px}
.xp-person>.xp-head .xp-icon{top:6px}
.xp-person>.xp-body .person-bio{margin-top:0}
.xp-person>.xp-body .profile-credentials{margin-top:16px}
.xp-person .france-num-reference{margin-top:20px}
@media(prefers-reduced-motion:reduce){.xp-body,.xp-icon{transition:none}}
