/* XPANSION — couche « expérience façon Apple » — 17/09/2026 (Europe/Paris)
   Cowork « Refonte XPANSION + IACCELERATOR façon Apple ». Chargée APRÈS les styles existants.
   Ne modifie aucun texte : habillage, animations, galerie, micro-jeu. */
:root{--xa-r:28px;--xa-ease:cubic-bezier(.2,.8,.2,1);--xa-dark:#0f0f10;--xa-card:#1c1c1e;--xa-cream:#f5f5f7;--xa-red:#E40D1A;--xa-blue:#1D6EE8;--xa-ink:#191919}
html.xa{scroll-padding-top:70px}
.xa body{background:#fff}
.xa .page{max-width:none;overflow:clip}

/* ---------- pastilles collantes ---------- */
.xa-pills{position:sticky;top:0;z-index:40;display:flex;justify-content:center;padding:10px 12px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}
.xa-pills ul{display:flex;gap:8px;list-style:none;margin:0;padding:0 2px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.xa-pills ul::-webkit-scrollbar{display:none}
.xa-pills a{display:block;white-space:nowrap;padding:8px 16px;border-radius:999px;font:500 14px/1.2 "DM Sans",sans-serif;color:var(--xa-ink);background:rgba(0,0,0,.05);transition:background .3s,color .3s}
.xa-pills a:hover{background:rgba(0,0,0,.1)}
.xa-pills a[aria-current=true]{background:var(--xa-ink);color:#fff}
.xa-pills a.xa-pill-go{background:var(--xa-red);color:#fff}
.xa-pills a.xa-pill-go:hover{background:var(--xa-ink)}
.xa-pills{transition:background .4s}
.xa-pills.xa-sombre{background:rgba(15,15,16,.72);border-bottom-color:rgba(255,255,255,.08)}
.xa-pills.xa-sombre a{color:#f5f5f7;background:rgba(255,255,255,.1)}
.xa-pills.xa-sombre a[aria-current=true]{background:#fff;color:var(--xa-ink)}
.xa-pills.xa-sombre a.xa-pill-go{background:var(--xa-red);color:#fff}

/* ---------- rythme et typographie ---------- */
.xa .hero{min-height:0;padding-top:clamp(56px,7vw,110px);padding-bottom:clamp(64px,8vw,130px)}
.xa .hero h1{font-size:clamp(44px,5.6vw,86px);line-height:1.02;letter-spacing:-.035em}
.xa .hero-copy>*{animation:xaUp 1.2s var(--xa-ease) both}
.xa .hero-copy>h1{animation-delay:.1s}.xa .hero-copy>.hero-sub{animation-delay:.25s}.xa .hero-copy>.hero-promesses{animation-delay:.38s}.xa .hero-copy>.hero-actions{animation-delay:.5s}
.xa .hero-art{animation:xaZoom 1.6s var(--xa-ease) .15s both}
.xa .hero-composition{will-change:transform;transition:transform .1s linear}
@keyframes xaUp{from{opacity:0;transform:translateY(34px)}}
@keyframes xaZoom{from{opacity:0;transform:scale(.94)}}
.xa .button{border-radius:999px;transition:background .3s,color .3s,transform .3s var(--xa-ease)}
.xa .button:hover{transform:translateY(-2px) scale(1.03)}
.xa .masthead .button{border-radius:999px}

.xa .manifeste{padding:clamp(88px,10vw,150px) clamp(24px,5.55vw,80px)}
.xa .manifeste-inner{grid-template-columns:1fr;gap:clamp(36px,4vw,64px);max-width:1180px}
.xa .manifeste h2{font-size:clamp(34px,4.6vw,68px);line-height:1.02;letter-spacing:-.035em;max-width:1100px}
.xa .manifeste-copy{max-width:780px;margin-left:auto}
.xa .manifeste-copy p{font:600 clamp(19px,1.7vw,25px)/1.45 Poppins,sans-serif;letter-spacing:-.01em}
.xa .manifeste-copy strong{font-weight:700}
.xa .manifeste-cle{border-left-width:5px!important;font-size:clamp(22px,2.1vw,30px)!important}
.xa-hl .w{color:#cfcfd4;transition:color .4s ease}
.xa-hl .w.on{color:inherit}
.xa-hl .red .w.on,.xa-hl .w.on.red{color:var(--xa-red)}

.xa .system{padding-top:clamp(40px,5vw,80px);padding-bottom:clamp(88px,10vw,150px);background:var(--xa-cream)}
.xa .tuiles-grid{gap:24px;perspective:1400px}
.xa .tuile{border-radius:var(--xa-r);box-shadow:0 30px 60px -34px rgba(0,0,0,.45);transition:box-shadow .5s var(--xa-ease)}
.xa .tuile-btn{transform-style:preserve-3d;transition:transform .5s var(--xa-ease)}
.xa .tuile-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.28),rgba(255,255,255,0) 55%);opacity:0;transition:opacity .4s}
.xa .tuile:hover .tuile-btn::after{opacity:1}
.xa .tuile:hover{transform:none;box-shadow:0 50px 90px -40px rgba(0,0,0,.55)}
.xa .tuile-btn:focus-visible{border-radius:var(--xa-r)}
.xa .tuiles-cta{position:relative;margin-top:clamp(48px,5vw,72px)}

/* ---------- apparition au scroll ---------- */
.xa-anim .xa-rv{opacity:0;transform:translateY(40px)}
.xa-anim .xa-rv.xa-in{opacity:1;transform:none;transition:opacity 1.1s var(--xa-ease),transform 1.1s var(--xa-ease)}

/* ---------- le micro-jeu : rassemble ton X ---------- */
.xa-jeu{position:relative;overflow:hidden;isolation:isolate;background:var(--xa-dark);color:#f5f5f7;padding:clamp(88px,10vw,150px) clamp(24px,5.55vw,80px);text-align:center}
.xa-jeu::before,.xa-jeu::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.xa-jeu::before{width:70vw;height:70vw;max-width:1000px;max-height:1000px;left:-22vw;top:-34vw;background:radial-gradient(circle,rgba(228,13,26,.30),rgba(228,13,26,0) 62%);animation:xaGlow 14s ease-in-out infinite alternate}
.xa-jeu::after{width:60vw;height:60vw;max-width:900px;max-height:900px;right:-20vw;bottom:-30vw;background:radial-gradient(circle,rgba(29,110,232,.30),rgba(29,110,232,0) 60%);animation:xaGlow 18s ease-in-out infinite alternate-reverse}
@keyframes xaGlow{to{transform:translate(10vw,8vw) scale(1.15)}}
.xa-jeu-k{font:600 13px/1 Poppins,sans-serif;letter-spacing:.16em;color:#ff5a63;margin:0 0 18px}
.xa-jeu h2{font:700 clamp(34px,4.3vw,62px)/1.04 Poppins,sans-serif;letter-spacing:-.03em;color:#fff;margin:0 auto;max-width:980px;text-transform:uppercase}
.xa-jeu h2 .xa-b{color:#5b9bff}
.xa-jeu-aide{font:500 clamp(16px,1.3vw,19px)/1.5 "DM Sans",sans-serif;color:#a1a1a6;margin:18px auto 0;max-width:640px}
.xa-jeu-zone{position:relative;margin:clamp(28px,4vw,48px) auto 0;max-width:1100px;height:clamp(420px,46vw,560px);border-radius:var(--xa-r);background:radial-gradient(120% 90% at 50% 40%,#1d1d20 0%,#131315 70%);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 40px 120px -40px rgba(228,13,26,.35);cursor:crosshair;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:hidden}
.xa-jeu-zone canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.xa-jeu-hud{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:600 14px/1 Poppins,sans-serif;color:#fff;white-space:nowrap;pointer-events:none}
.xa-jeu-bar{width:120px;height:6px;border-radius:9px;background:rgba(255,255,255,.18);overflow:hidden}
.xa-jeu-bar i{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,var(--xa-red),var(--xa-blue));transition:width .35s var(--xa-ease)}
.xa-jeu-fin{margin:0 auto;max-width:760px;max-height:0;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .9s var(--xa-ease),transform .9s var(--xa-ease),max-height .9s var(--xa-ease),margin .9s var(--xa-ease);pointer-events:none;visibility:hidden}
.xa-jeu.gagne .xa-jeu-fin{max-height:520px;margin-top:clamp(28px,3vw,40px);opacity:1;transform:none;pointer-events:auto;visibility:visible}
.xa-jeu-fin p{font:600 clamp(22px,2.3vw,32px)/1.35 Poppins,sans-serif;color:#fff;margin:0 0 26px;letter-spacing:-.01em}
.xa-jeu-fin p b{color:#ff5a63;font-weight:700}
.xa-jeu-fin .button{min-width:0}
.xa-jeu-rejouer{display:inline-block;margin-left:18px;border:0;background:none;color:#a1a1a6;font:500 15px/1 "DM Sans",sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.xa-jeu-rejouer:hover{color:#fff}

/* ---------- témoignages ---------- */
.xa .testimonials{padding-top:clamp(88px,10vw,150px);padding-bottom:clamp(88px,10vw,150px)}
.xa .testimonial{border-radius:var(--xa-r);background:var(--xa-cream);border:0!important;padding:clamp(28px,3vw,40px)!important;transition:transform .5s var(--xa-ease)}
.xa .testimonial:hover{transform:translateY(-6px)}
.xa .testimonial blockquote{font:600 clamp(19px,1.6vw,23px)/1.4 Poppins,sans-serif;letter-spacing:-.01em}
.xa .carousel-controls button{border-radius:999px}

/* ---------- galerie à la Apple (histoire) ---------- */
.xa .story.xa-story{display:block;background:#000;color:#f5f5f7;margin:0;border:0;padding:clamp(88px,10vw,150px) 0 clamp(64px,8vw,110px)}
.xa .story.xa-story .story-heading{padding:0 clamp(24px,5.55vw,80px);max-width:1340px;margin:0 auto}
.xa .story.xa-story .eyebrow{color:#ff5a63!important}
.xa .story.xa-story h2{font-size:clamp(34px,4.3vw,62px);line-height:1.04;letter-spacing:-.03em;color:#fff}
.xa .story.xa-story .story-video,.xa .story.xa-story .story-copy{display:none}
.xa-gal{margin-top:clamp(36px,5vw,64px)}
.xa-gal-track{display:flex;gap:20px;list-style:none;margin:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(20px,calc((100vw - 1180px)/2));scroll-padding:0 max(20px,calc((100vw - 1180px)/2))}
.xa-gal-track::-webkit-scrollbar{display:none}
.xa-gcard{position:relative;flex:0 0 min(1180px,88vw);aspect-ratio:16/9.2;border-radius:var(--xa-r);overflow:hidden;scroll-snap-align:center;background:var(--xa-card);opacity:.4;transform:scale(.965);transition:opacity .7s var(--xa-ease),transform .7s var(--xa-ease);cursor:pointer}
.xa-gcard.on{opacity:1;transform:none;cursor:default}
.xa-gcard>img,.xa-gcard>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transform:scale(1.08);transition:transform 6s ease-out,filter 1.2s}
.xa-gcard.on>img,.xa-gcard.on>video{transform:scale(1)}
.xa-gcard.xa-gvid>video{filter:none}
.xa-gcard::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.22) 40%,rgba(0,0,0,0) 62%)}
.xa-gcap{position:absolute;z-index:2;left:clamp(22px,3.4vw,52px);top:clamp(22px,3.2vw,46px);right:34%;display:flex;flex-direction:column;align-items:flex-start;bottom:clamp(22px,3.2vw,46px);pointer-events:none}
.xa-gk{font:600 13px/1 Poppins,sans-serif;letter-spacing:.16em;color:#ff5a63;margin:0 0 12px}
.xa-gt{font:700 clamp(24px,2.8vw,42px)/1.06 Poppins,sans-serif;letter-spacing:-.02em;color:#fff;margin:0;text-transform:uppercase}
.xa-gt .red{color:#ff5a63}
.xa-gs{margin:14px 0 0;font:500 clamp(15px,1.3vw,19px)/1.45 "DM Sans",sans-serif;color:rgba(255,255,255,.86);max-width:560px}
.xa-gs .xa-num{font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.xa-gcap>*{opacity:0;transform:translateY(16px);transition:opacity .8s var(--xa-ease) .25s,transform .8s var(--xa-ease) .25s}
.xa-gcard.on .xa-gcap>*{opacity:1;transform:none}
.xa-gcard.on .xa-gcap>*+*{transition-delay:.4s}
.xa-gread{pointer-events:auto;margin-top:auto;display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:14px 22px;background:var(--xa-red);color:#fff;font:600 15px/1 Poppins,sans-serif;cursor:pointer;animation:xaPing 2.4s ease-out infinite;transition:transform .3s var(--xa-ease),background .3s}
.xa-gread:hover{transform:translateY(-2px) scale(1.04);background:#fff;color:var(--xa-ink)}
.xa-gread span{display:inline-block;transition:transform .3s}
.xa-gread:hover span{transform:translateX(5px)}
@keyframes xaPing{0%{box-shadow:0 0 0 0 rgba(228,13,26,.6)}70%{box-shadow:0 0 0 16px rgba(228,13,26,0)}100%{box-shadow:0 0 0 0 rgba(228,13,26,0)}}
.xa-gbody{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;gap:16px;padding:clamp(22px,3.6vw,52px);background:linear-gradient(180deg,rgba(8,8,8,.9),rgba(8,8,8,.82));opacity:0;visibility:hidden;transition:opacity .5s var(--xa-ease),visibility 0s linear .5s}
.xa-gcard.open .xa-gbody{opacity:1;visibility:visible;transition:opacity .5s var(--xa-ease)}
.xa-gcard.open .xa-gcap{opacity:0;pointer-events:none}
.xa-gcard.open>img{transform:scale(1.05)}
.xa-gbody h3{font:700 clamp(22px,2.4vw,36px)/1.06 Poppins,sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0;max-width:860px}
.xa-gbody-in{flex:1;min-height:0;overflow:auto;max-width:780px;padding-right:12px;overscroll-behavior:contain}
.xa-gbody-in p{font:400 clamp(17px,1.4vw,21px)/1.7 "DM Sans",sans-serif;color:#e8e8ed;margin:0 0 14px;opacity:0;transform:translateY(14px);transition:opacity .6s var(--xa-ease),transform .6s var(--xa-ease)}
.xa-gcard.open .xa-gbody-in p{opacity:1;transform:none}
.xa-gbody-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:780px}
.xa-gback,.xa-gnext{border:0;border-radius:999px;padding:13px 20px;font:600 15px/1 Poppins,sans-serif;cursor:pointer;transition:transform .3s var(--xa-ease),background .3s}
.xa-gback{background:rgba(255,255,255,.12);color:#fff}.xa-gback:hover{background:rgba(255,255,255,.24)}
.xa-gnext{background:var(--xa-red);color:#fff}.xa-gnext:hover{transform:translateX(4px)}
.xa-gplay{pointer-events:auto;margin-top:auto;width:78px;height:78px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--xa-ink);display:grid;place-items:center;cursor:pointer;transition:transform .35s var(--xa-ease),background .35s}
.xa-gplay:hover{transform:scale(1.08);background:var(--xa-red);color:#fff}
.xa-gcard.joue .xa-gcap,.xa-gcard.joue::after{opacity:0;pointer-events:none}
.xa-gal-ctrl{display:flex;justify-content:center;align-items:center;gap:14px;margin:30px 0 0;padding:0 16px}
.xa-gdots{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.14);padding:16px 20px;border-radius:999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.xa-gdot{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer;overflow:hidden;position:relative;transition:width .5s var(--xa-ease),background .3s}
.xa-gdot.on{width:52px;background:rgba(255,255,255,.3)}
.xa-gdot i{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;border-radius:999px}
.xa-gal.play .xa-gdot.on i{animation:xaFill 6.5s linear forwards}
.xa-gal:not(.play) .xa-gdot.on i{transform:scaleX(1)}
@keyframes xaFill{to{transform:scaleX(1)}}
.xa-garrow,.xa-gpp{width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;font:400 20px/1 sans-serif;display:grid;place-items:center;transition:background .3s,opacity .3s}
.xa-garrow:hover,.xa-gpp:hover{background:rgba(255,255,255,.28)}.xa-garrow:disabled{opacity:.28;cursor:default}

/* ---------- traces du chemin ---------- */
.xa .authority{padding-top:clamp(88px,10vw,150px);padding-bottom:clamp(88px,10vw,150px);background:var(--xa-dark)}
.xa .authority h2{font-size:clamp(30px,3.6vw,52px);line-height:1.06;letter-spacing:-.03em}
.xa .books figure{perspective:900px}
.xa .books img{transition:transform .5s var(--xa-ease),filter .5s;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) translateY(var(--ty,0px));filter:drop-shadow(0 24px 30px rgba(0,0,0,.5))}
.xa .books figure:hover img{--ty:-10px}
.xa .collaboration video{border-radius:var(--xa-r)}

@media (max-width:980px){.xa-gcap{right:22px}}
@media (max-width:760px){
 .xa-gcard{flex-basis:86vw;aspect-ratio:4/5}
 .xa-gcard::after{background:linear-gradient(180deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.1) 100%)}
 .xa-gread{padding:12px 18px;font-size:14px}
 .xa-jeu-zone{height:440px}
 .xa-jeu-rejouer{display:block;margin:16px auto 0}
 .xa .hero h1{font-size:clamp(38px,11vw,54px)}
 .xa-pills{padding:8px 0}.xa-pills ul{padding:0 12px}
 .xa .tuiles-grid{gap:16px}
}
@media (prefers-reduced-motion:reduce){
 .xa .hero-copy>*,.xa .hero-art,.xa-jeu::before,.xa-jeu::after,.xa-gread{animation:none!important}
 .xa-gcard,.xa-gcard>img,.xa-gcap>*,.xa-gbody,.xa-gbody-in p,.xa .tuile-btn,.xa .books img{transition:none!important}
 .xa-gcap>*{opacity:1;transform:none}
 .xa-hl .w{color:inherit}
}

/* =========== v2 — 17/09/2026 après-midi : retours de Yannick =========== */
/* chrono du jeu */
.xa-chrono{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 22px!important}
.xa-chrono-t{font:700 clamp(30px,4vw,56px)/1 Poppins,sans-serif;letter-spacing:-.03em;color:#fff}
.xa-chrono-t b{background:linear-gradient(90deg,#ff5a63,#5b9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.xa-chrono-v{font:600 clamp(17px,1.6vw,22px)/1.4 Poppins,sans-serif;color:#f5f5f7;max-width:640px}
.xa-chrono-r{font:500 14px/1.3 "DM Sans",sans-serif;color:#a1a1a6;letter-spacing:.02em}
.xa-chrono-r:empty{display:none}
.xa-jeu.gagne .xa-chrono-t{animation:xaPop .7s cubic-bezier(.3,1.6,.5,1) both}
@keyframes xaPop{from{transform:scale(.4);opacity:0}}
.xa-jeu.gagne .xa-jeu-fin{max-height:760px}

/* galerie histoire : texte entier dans l'image */
.xa-gcard.xa-gtxt::after{background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.62) 38%,rgba(0,0,0,.12) 66%,rgba(0,0,0,0) 80%)}
.xa-gtxt .xa-gcap{right:44%;pointer-events:auto;cursor:default}
.xa-gtxt.on .xa-gcap{cursor:pointer}
.xa-gtxt .xa-gt{font-size:clamp(28px,3.4vw,52px);line-height:1.02}
.xa-gflow{position:relative;margin-top:clamp(16px,2vw,26px);flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;outline:none}
.xa-gflow::-webkit-scrollbar{display:none}
.xa-gtxt.deborde:not(.fin) .xa-gflow{-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.xa-gflow-in p{font:500 clamp(18px,1.7vw,25px)/1.5 "DM Sans",sans-serif;color:#fff;margin:0 0 .7em;letter-spacing:-.005em}
.xa-gflow .w{display:inline-block;opacity:0;filter:blur(6px);transform:translateY(10px);transition:opacity .6s var(--xa-ease),filter .6s var(--xa-ease),transform .6s var(--xa-ease)}
.xa-gtxt.dev .xa-gflow .w{opacity:1;filter:none;transform:none}
.xa-gflow .xa-num{font-weight:700;background:linear-gradient(90deg,#ff5a63,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.xa-ghint{margin:12px 0 0;font:600 13px/1 Poppins,sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.7);opacity:0;transition:opacity .5s}
.xa-ghint span{display:inline-block;animation:xaBob 1.4s ease-in-out infinite}
.xa-gtxt.on.deborde:not(.fin) .xa-ghint{opacity:1}
@keyframes xaBob{50%{transform:translateY(4px)}}
.xa-gcap>.xa-gflow,.xa-gcap>.xa-ghint{transform:none}

/* tuiles : le détail se développe dans la tuile */
.xa .tuile{position:relative}
.xa-td{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;padding:clamp(20px,2.2vw,30px);border-radius:var(--xa-r);background:linear-gradient(180deg,rgba(10,10,14,.9),rgba(10,10,14,.94));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;visibility:hidden;clip-path:inset(100% 0 0 0 round var(--xa-r));transition:clip-path .7s var(--xa-ease),opacity .4s,visibility 0s linear .7s}
.xa .tuile.open .xa-td{opacity:1;visibility:visible;clip-path:inset(0 0 0 0 round var(--xa-r));transition:clip-path .7s var(--xa-ease),opacity .3s}
.xa .tuile.open .tuile-btn img{transform:scale(1.08);filter:blur(2px)}
.xa .tuile-btn img{transition:transform .9s var(--xa-ease),filter .9s}
.xa-td-in{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;padding-right:6px}
.xa-td h3{font:700 clamp(19px,1.7vw,24px)/1.15 Poppins,sans-serif;letter-spacing:-.01em;margin:0 0 14px;color:#fff}
.xa-td h3::before{content:"";display:block;width:34px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--xa-red),var(--xa-blue));margin-bottom:12px}
.xa-td-txt p{font:400 clamp(15px,1.15vw,17px)/1.6 "DM Sans",sans-serif;color:#e8e8ed;margin:0 0 10px}
.xa-td-txt strong{color:#fff;font-weight:700}
.xa-td-txt .w{display:inline-block;opacity:0;transform:translateY(8px);transition:opacity .45s var(--xa-ease),transform .45s var(--xa-ease)}
.xa .tuile.open .xa-td-txt .w{opacity:1;transform:none}
.xa-td-nav{display:flex;justify-content:space-between;gap:8px;padding-top:12px}
.xa-td-nav button{border:0;border-radius:999px;padding:11px 16px;font:600 14px/1 Poppins,sans-serif;cursor:pointer;transition:transform .3s var(--xa-ease),background .3s}
.xa-td-back{background:rgba(255,255,255,.14);color:#fff}.xa-td-back:hover{background:rgba(255,255,255,.26)}
.xa-td-next{background:var(--xa-red);color:#fff}.xa-td-next:hover{transform:translateX(3px)}

/* traces du chemin, en plus fun */
.xa .authority{position:relative;overflow:hidden}
.xa-tampon{display:inline-block;opacity:0;transform:scale(2.6) rotate(-14deg)}
.xa-tampon.pan{animation:xaTampon .55s cubic-bezier(.2,1.4,.4,1) forwards}
@keyframes xaTampon{0%{opacity:0;transform:scale(2.6) rotate(-14deg)}60%{opacity:1;transform:scale(.92) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(-2deg)}}
.xa-book{cursor:pointer;outline:none}
.xa-book img{animation:xaFloat 5s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes xaFloat{50%{translate:0 -10px}}
.xa-book.hop img{animation:xaHop .9s cubic-bezier(.3,1.3,.5,1)}
@keyframes xaHop{0%{translate:0 0;rotate:y 0deg}35%{translate:0 -46px;rotate:y 200deg}70%{translate:0 -8px;rotate:y 360deg}85%{translate:0 4px}100%{translate:0 0;rotate:y 360deg}}
.xa-book:focus-visible img{outline:3px solid #fff;outline-offset:6px}
.xa-book figcaption strong{transition:color .3s}
.xa-book:hover figcaption strong{color:#ff5a63}
.xa-conf{position:absolute;z-index:6;width:9px;height:9px;border-radius:2px;pointer-events:none;animation:xaConf 1.2s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes xaConf{to{transform:translate(var(--dx),calc(var(--dy) + 140px)) rotate(var(--r));opacity:0}}
.xa-onair-wrap{position:relative}
.xa-onair{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 12px/1 Poppins,sans-serif;letter-spacing:.14em;color:#fff;border:1px solid rgba(228,13,26,.6);pointer-events:none}
.xa-onair i{width:9px;height:9px;border-radius:50%;background:#E40D1A;box-shadow:0 0 12px #E40D1A;animation:xaRec 1.2s ease-in-out infinite}
@keyframes xaRec{50%{opacity:.25}}
.xa-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.xa-invites{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.xa-invites li{transition:translate .5s cubic-bezier(.3,1.6,.5,1)}
.xa-invites li.drag{transition:none;z-index:3;position:relative}
.xa-chip{display:inline-block;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font:600 14px/1.2 Poppins,sans-serif;color:#fff;rotate:var(--r,0deg);animation:xaChip 4.6s ease-in-out infinite;animation-delay:var(--d,0s);user-select:none;-webkit-user-select:none;transition:background .3s,color .3s}
@keyframes xaChip{50%{transform:translateY(-6px)}}
.xa-play .xa-chip{cursor:grab}
.xa-play .xa-chip:hover{background:#E40D1A;border-color:#E40D1A}
.xa-invites li.drag .xa-chip{cursor:grabbing;background:#1D6EE8;border-color:#1D6EE8;animation-play-state:paused;box-shadow:0 20px 40px -16px rgba(0,0,0,.7)}
.xa-invites li.pop .xa-chip{animation:xaChipPop .5s cubic-bezier(.3,1.6,.5,1);background:#E40D1A}
@keyframes xaChipPop{40%{transform:scale(1.25)}}

@media (max-width:760px){
 .xa-gcard.xa-gtxt{aspect-ratio:4/5.6}
 .xa-gcard.xa-gtxt::after{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.72) 45%,rgba(0,0,0,.88) 100%)}
 .xa-gtxt .xa-gcap{right:20px;top:auto;bottom:22px;max-height:calc(100% - 44px)}
 .xa-gflow-in p{font-size:17px}
 .xa-td{padding:18px}
}
@media (prefers-reduced-motion:reduce){
 .xa-gflow .w,.xa-td-txt .w{opacity:1;filter:none;transform:none;transition:none}
 .xa-td{transition:none}
 .xa-tampon{opacity:1;transform:none;animation:none!important}
 .xa-book img,.xa-chip,.xa-onair i,.xa-ghint span{animation:none!important}
}
.xa-gcard.on .xa-gcap>.xa-ghint{opacity:0}
.xa-gcard.xa-gtxt.on.deborde:not(.fin) .xa-gcap>.xa-ghint{opacity:1}

/* =========== v3 — 17/09/2026 : la boucle du manifeste =========== */
.xa .manifeste.xa-man2 .manifeste-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:clamp(40px,5vw,80px);align-items:center}
.xa .manifeste.xa-man2 h2{grid-column:1/-1}
.xa .manifeste.xa-man2 .manifeste-copy{margin-left:0;max-width:none}
.xa-boucle{position:relative;width:100%;max-width:480px;aspect-ratio:1;margin:0 auto;--ang:0deg}
.xa-b-anneau{position:absolute;inset:12%;border-radius:50%;border:2px dashed rgba(25,25,25,.14)}
.xa-b-anneau::after{content:"";position:absolute;inset:-8px;border-radius:50%;background:conic-gradient(from calc(var(--ang) - 60deg),rgba(228,13,26,0) 0deg,rgba(228,13,26,.0) 20deg,#E40D1A 58deg,#1D6EE8 62deg,rgba(29,110,232,0) 63deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));transition:background 1s var(--xa-ease)}
.xa-b-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#191919;color:#fff;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.xa-b-centre span{font:500 clamp(12px,1vw,15px)/1.2 "DM Sans",sans-serif;color:#a1a1a6;margin-bottom:6px}
.xa-b-centre b{font:800 clamp(20px,2.2vw,32px)/1 Poppins,sans-serif;letter-spacing:-.03em;background:linear-gradient(90deg,#ff5a63,#fff 50%,#5b9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.xa-boucle.boum .xa-b-centre{animation:xaBoum .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes xaBoum{40%{transform:translate(-50%,-50%) scale(1.12)}}
.xa-b-pas{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 16px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -14px rgba(0,0,0,.35);font:700 clamp(12px,1.05vw,15px)/1 Poppins,sans-serif;letter-spacing:.02em;color:#191919;cursor:default;transition:transform .5s cubic-bezier(.3,1.6,.5,1),background .4s,color .4s,box-shadow .4s}
.xa-b-pas i{font-style:normal;font-size:10px;color:#E40D1A;letter-spacing:.08em}
.xa-b-pas.on{background:#E40D1A;color:#fff;transform:translate(-50%,-50%) scale(1.14);box-shadow:0 18px 40px -14px rgba(228,13,26,.6)}
.xa-b-pas.on i{color:#fff}
.xa-b-pas:nth-child(odd).on{background:#1D6EE8;box-shadow:0 18px 40px -14px rgba(29,110,232,.6)}
@media (max-width:1150px){.xa .manifeste.xa-man2 .manifeste-inner{grid-template-columns:1fr}.xa-boucle{order:3;max-width:420px}}
@media (max-width:640px){.xa-b-pas{padding:7px 10px;font-size:10.5px;gap:5px}.xa-b-pas i{font-size:9px}.xa-boucle{max-width:350px}.xa-b-anneau{inset:18%}.xa-b-centre{width:40%}}
@media (prefers-reduced-motion:reduce){.xa-b-pas.on{transform:translate(-50%,-50%)}}