/* Styles propres à la page /projet-pilote/ */
a:focus-visible{outline:2px solid #2A63B5;outline-offset:3px;border-radius:8px}
.kicker{font-size:15px;font-weight:500;color:#6F6E69;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;box-sizing:border-box;transition:transform .15s ease}
.btn-dark{background:#2F2E2B;color:#FFFFFF}
.btn-dark:hover{background:#1E1D1B;color:#FFFFFF;transform:translateY(-1px)}
.btn-light{background:#FFFFFF;color:#2F2E2B}
.btn-light:hover{color:#2F2E2B;transform:translateY(-1px)}
.sable{background:#ECE8DF}
.ciel{background:#DCE6F2}
.vert{background:#3B7A4E;color:#FFFFFF}
.encre{background:#2F2E2B;color:#FFFFFF}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.07);opacity:1}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.breathe{animation:breathe 5.5s ease-in-out infinite}
.live{animation:blink 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* ===== ANIMATIONS ===== */
@keyframes wordIn{from{opacity:0;translate:0 .38em;filter:blur(8px)}to{opacity:1;translate:0 0;filter:blur(0)}}
:is(section:has(h1) :has(> h1),section:has(> h1)) > :not(h1){animation:riseIn .9s cubic-bezier(.2,.7,.2,1) .5s both}
:is(section:has(h1) :has(> h1),section:has(> h1)) > :not(h1):nth-child(1){animation-delay:.05s}
:is(section:has(h1) :has(> h1),section:has(> h1)) > :not(h1):nth-child(3){animation-delay:.6s}
:is(section:has(h1) :has(> h1),section:has(> h1)) > :not(h1):nth-child(4){animation-delay:.72s}
:is(section:has(h1) :has(> h1),section:has(> h1)) > :not(h1):nth-child(n+5){animation-delay:.84s}
section:has(h1) .wrap:not(:has(> h1)) > :not(:has(h1)){animation:tileIn 1.1s cubic-bezier(.2,.7,.2,1) .35s both}
.anim-on [data-r]{transition:opacity .8s ease var(--d,0ms),translate .95s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .25s ease,box-shadow .25s ease,background-color .2s ease,color .2s ease,border-color .2s ease}
.tnum{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.w,section:has(h1) *{animation:none!important}}