:root{--ecru: #EDE7DE;--kaolin: #EEEEEC;--baobab: #F6F5F3;--charbon: #18110C;--nuit-cour: #110C0B;--sous-bois: #183E25;--canopee-claire: #769442;--laterite: #6F4534;--tamarin: #624837;--banco: #AD9C85;--or-kita: #9B7D46;--sauce-graine: #9C3C1C;--bissap: #721339;--couture: rgba(155, 125, 70, .15);--couture-forte: rgba(155, 125, 70, .55);--voile-charbon: rgba(24, 17, 12, .82);--voile-clair: rgba(237, 231, 222, .94);--ombre-planche: rgba(24, 17, 12, .12);--font-display: "Cormorant Garamond", "display-fallback", Georgia, serif;--font-body: "Lexend", "body-fallback", Verdana, sans-serif;--font-mono: "Special Elite", "mono-fallback", "Courier New", monospace;--step--2: clamp(.69rem, .67rem + .09vw, .75rem);--step--1: clamp(.81rem, .78rem + .14vw, .89rem);--step-0: clamp(1rem, .97rem + .16vw, 1.09rem);--step-1: clamp(1.16rem, 1.09rem + .34vw, 1.36rem);--step-2: clamp(1.38rem, 1.24rem + .68vw, 1.78rem);--step-3: clamp(1.64rem, 1.4rem + 1.18vw, 2.33rem);--step-4: clamp(1.95rem, 1.55rem + 1.98vw, 3.05rem);--step-titre: clamp(2.6rem, 1.2rem + 6vw, 6rem);--bandes: 12;--bande-max: 5.2rem;--metier: min(100% - 2 * var(--marge), var(--bandes) * var(--bande-max));--marge: clamp(1.1rem, 5vw, 3.5rem);--couture-l: 1px;--les-gap: 3px;--sp-1: .25rem;--sp-2: .5rem;--sp-3: 1rem;--sp-4: 1.5rem;--sp-5: 2.5rem;--sp-6: 4rem;--sp-7: 6rem;--sp-8: 9rem;--dur-fast: .18s;--dur-med: .42s;--dur-slow: .76s;--ease-etoffe: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--volet-pas: 70ms}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-300-latin.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-600-latin.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/fonts/lexend-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/fonts/lexend-600-latin.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Special Elite;src:url(/fonts/special-elite-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:display-fallback;src:local("Georgia"),local("Times New Roman");size-adjust:90%;ascent-override:96%;descent-override:26%;line-gap-override:0%}@font-face{font-family:body-fallback;src:local("Verdana"),local("DejaVu Sans");size-adjust:94%;ascent-override:101%;descent-override:25%;line-gap-override:0%}@font-face{font-family:mono-fallback;src:local("Courier New"),local("DejaVu Sans Mono");size-adjust:108%;ascent-override:92%;descent-override:24%;line-gap-override:0%}.no-js [data-les]{transform:none!important}.no-js [data-couture]{stroke-dashoffset:0!important}.audit-fige *,.audit-fige *:before,.audit-fige *:after{transition-duration:.01ms!important;transition-delay:0ms!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ecru);color:var(--charbon);font-family:var(--font-body);font-size:var(--step-0);line-height:1.65;font-weight:400;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.08;margin:0}p{margin:0 0 var(--sp-3)}ul,ol{margin:0 0 var(--sp-3);padding-left:1.15em}li{margin-bottom:var(--sp-2)}:focus-visible{outline:2px solid var(--or-kita);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--sp-3);top:-100vh;z-index:60;background:var(--charbon);color:var(--ecru);padding:var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:var(--step--1)}.skip-link:focus{top:var(--sp-2)}.grain:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)'/%3E%3C/svg%3E")}.metier{width:var(--metier);margin-inline:auto;display:grid;grid-template-columns:repeat(var(--bandes),minmax(0,1fr));column-gap:0;position:relative}.metier:before{content:"";position:absolute;inset-block:0;inset-inline:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(to right,var(--couture) 0 var(--couture-l),transparent var(--couture-l) calc(100% / var(--bandes)))}.metier>*{position:relative;z-index:1}.piste-notice{grid-column:2 / span 5}.piste-notice-d{grid-column:7 / span 5}.piste-planche{grid-column:7 / span 6}.piste-planche-g{grid-column:1 / span 6}.piste-large{grid-column:2 / span 10}.piste-pleine{grid-column:1 / -1}.notice p,.notice li{max-width:62ch}.titre-courant{grid-column:1 / -1;position:sticky;top:0;z-index:20;background:var(--tamarin);color:var(--ecru);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;padding:var(--sp-2) var(--sp-3);display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);align-items:baseline;border-bottom:var(--couture-l) solid var(--or-kita)}.titre-courant .pl{background:var(--or-kita);color:var(--charbon);padding:.1em .5em;letter-spacing:.1em}.section{padding-block:var(--sp-7);position:relative}.section+.section{padding-top:var(--sp-6)}.section-sombre{background:var(--nuit-cour);color:var(--ecru)}.section-sombre h2,.section-sombre h3{color:var(--ecru)}.section-sombre .surtitre{color:var(--or-kita)}.section-banco{background:var(--banco)}.section-banco .surtitre,.section-banco .registre .rang,.section-banco .registre .detail{color:var(--charbon)}.section-canopee{background:var(--sous-bois);color:var(--ecru)}.section-canopee h2,.section-canopee h3{color:var(--ecru)}.section-canopee .surtitre{color:var(--kaolin)}.surtitre{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.18em;text-transform:uppercase;color:var(--laterite);margin:0 0 var(--sp-2)}.titre-section{font-size:var(--step-4);margin-bottom:var(--sp-3)}.titre-bloc{font-size:var(--step-2);margin-bottom:var(--sp-2)}.chapo{font-family:var(--font-display);font-weight:300;font-size:var(--step-2);line-height:1.32;max-width:30ch}.filet{border:0;border-top:var(--couture-l) solid var(--laterite);opacity:.45;margin:var(--sp-4) 0}.planche{margin:0;position:relative}.planche-etoffe{position:relative;overflow:hidden;background:var(--tamarin);box-shadow:0 2px 0 var(--ombre-planche)}.planche-etoffe img{width:100%;height:100%;object-fit:cover}.planche-volets{position:absolute;inset:0;display:flex;pointer-events:none}.planche-volets span{flex:1 1 0;background:var(--ecru);transform:translateY(0);transition:transform var(--dur-slow) var(--ease-etoffe);transition-delay:calc(var(--o, 0) * var(--volet-pas))}.is-in .planche-volets span{transform:translateY(-101%)}.planche-coutures{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(to right,transparent 0 calc(100% / var(--les) - var(--les-gap)),var(--ecru) calc(100% / var(--les) - var(--les-gap)) calc(100% / var(--les)))}.planche figcaption{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.08em;background:var(--voile-charbon);color:var(--ecru);padding:var(--sp-2) var(--sp-3);margin:0}.planche:hover .planche-volets span:nth-child(odd){transform:translateY(-101%) translate(-3px)}.planche:hover .planche-volets span:nth-child(2n){transform:translateY(-101%) translate(3px)}.planche:hover figcaption{border-left:4px solid var(--laterite)}.echantillon{width:26px;align-self:stretch;background-image:var(--echantillon-src);background-size:380% 100%;background-position:38% center;border-top:2px solid var(--or-kita);border-bottom:2px solid var(--or-kita)}.couture-fil{position:absolute;inset-block:0;left:calc(-1 * var(--sp-4));width:10px;overflow:visible}.couture-fil line{stroke:var(--or-kita);stroke-width:3;stroke-dasharray:9 11;stroke-dashoffset:400;transition:stroke-dashoffset 1.4s var(--ease-out)}.is-in .couture-fil line{stroke-dashoffset:0}@keyframes voile-canopee{0%{transform:translate3d(0,-2.5%,0);opacity:.03}to{transform:translate3d(0,3%,0);opacity:.07}}.voile{position:relative}.voile:before{content:"";position:absolute;inset:-8% 0;pointer-events:none;z-index:0;background:radial-gradient(58% 40% at 62% 18%,var(--baobab),transparent 70%);animation:voile-canopee 9s var(--ease-out) infinite alternate}.section-canopee.voile:before,.section-sombre.voile:before{background:radial-gradient(58% 40% at 62% 18%,var(--or-kita),transparent 72%)}.cta{--fill: var(--sous-bois);position:relative;display:inline-block;font-family:var(--font-body);font-weight:600;font-size:var(--step--1);letter-spacing:.04em;padding:var(--sp-3) var(--sp-4);border:var(--couture-l) solid var(--charbon);background:transparent;color:var(--charbon);text-decoration:none;cursor:pointer;overflow:hidden;min-height:44px;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.cta:before{content:"";position:absolute;inset:0;background:var(--fill);transform:scaleY(0);transform-origin:bottom;transition:transform var(--dur-med) var(--ease-etoffe);z-index:-1}.cta>span{position:relative;z-index:1}.cta:hover,.cta:focus-visible{color:var(--ecru);border-color:var(--fill)}.cta:hover:before,.cta:focus-visible:before{transform:scaleY(1)}.cta-graine{--fill: var(--sauce-graine)}.cta-bissap{--fill: var(--bissap)}.section-sombre .cta,.section-canopee .cta{color:var(--ecru);border-color:var(--or-kita);--fill: var(--or-kita)}.section-sombre .cta:hover,.section-canopee .cta:hover{color:var(--nuit-cour)}.lien-cousu{position:relative;text-decoration:none;font-weight:600;transition:transform var(--dur-fast) var(--ease-out);display:inline-block}.lien-cousu:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background-image:repeating-linear-gradient(to right,var(--or-kita) 0 7px,transparent 7px 13px);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-med) var(--ease-out)}.lien-cousu:hover,.lien-cousu:focus-visible{transform:translateY(-1px)}.lien-cousu:hover:after,.lien-cousu:focus-visible:after{transform:scaleX(1)}.masthead{background:var(--ecru);border-bottom:var(--couture-l) solid var(--laterite)}.masthead-inner{width:var(--metier);margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding-block:var(--sp-3)}.marque{font-family:var(--font-display);font-weight:600;font-size:var(--step-1);line-height:1;letter-spacing:.01em;text-decoration:none;display:flex;flex-direction:column}.marque em{font-style:normal;font-size:1.28em;letter-spacing:-.015em}.marque .marque-sur{font-family:var(--font-mono);font-size:.44em;letter-spacing:.24em;text-transform:uppercase;color:var(--laterite)}.nav-metier{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-left:auto}.nav-metier a{font-size:var(--step--1);text-decoration:none;position:relative;padding-block:var(--sp-1);transition:transform var(--dur-fast) var(--ease-out)}.nav-metier a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-image:repeating-linear-gradient(to right,var(--or-kita) 0 6px,transparent 6px 11px);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-med) var(--ease-out)}.nav-metier a:hover,.nav-metier a:focus-visible{transform:translateY(-1px)}.nav-metier a:hover:after,.nav-metier a:focus-visible:after,.nav-metier a[aria-current=page]:after{transform:scaleX(1)}.nav-metier a[aria-current=page]{font-weight:600}.navette-langue{position:relative;display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:var(--couture-l) solid var(--laterite);padding:var(--sp-1) var(--sp-2);min-height:34px;overflow:hidden}.navette-langue:before{content:"";position:absolute;inset:0;background:var(--laterite);transform:translate(-101%);transition:transform var(--dur-med) var(--ease-etoffe)}.navette-langue span{position:relative;z-index:1;transition:color var(--dur-fast)}.navette-langue:hover:before,.navette-langue:focus-visible:before{transform:translate(0)}.navette-langue:hover span,.navette-langue:focus-visible span{color:var(--ecru)}.frontispice{padding-block:var(--sp-5) var(--sp-4)}.cartouche{grid-column:2 / span 5;display:flex;gap:var(--sp-3)}.cartouche-lignes{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.16em;text-transform:uppercase;color:var(--laterite);list-style:none;padding:0;margin:0 0 var(--sp-3)}.cartouche-lignes li{margin-bottom:var(--sp-1)}.titre-frontispice{font-weight:300;font-size:var(--step-titre);letter-spacing:-.022em;line-height:.92;margin-bottom:var(--sp-3);overflow-wrap:break-word}.position-ligne{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:var(--step-2);margin-bottom:var(--sp-4)}.actions-frontispice{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.actions-frontispice>:nth-child(2){margin-left:var(--sp-5)}.registre{list-style:none;padding:0;margin:0}.registre li{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-3);align-items:baseline;padding:var(--sp-3) 0 var(--sp-3) var(--sp-3);border-top:var(--couture-l) solid var(--couture-forte);border-left:2px solid transparent;transition:border-left-color var(--dur-fast) var(--ease-out),padding-left var(--dur-fast) var(--ease-out)}.registre li:hover,.registre li:focus-within{border-left-color:var(--sauce-graine);padding-left:var(--sp-4)}.registre .rang{font-family:var(--font-mono);font-size:var(--step--2);color:var(--laterite)}.registre .detail{font-family:var(--font-mono);font-size:var(--step--2);color:var(--tamarin);text-align:right}.section-sombre .registre .detail{color:var(--banco)}.section-sombre .registre .rang{color:var(--or-kita)}.section-canopee .registre .detail,.section-canopee .registre .rang{color:var(--kaolin)}.metier>.lisiere{grid-column:2 / span 10}.lisiere{display:grid;gap:var(--sp-5)}.lisiere>*{padding:var(--sp-4);background:var(--kaolin);border-top:3px solid var(--laterite);color:var(--charbon)}.lisiere h3,.lisiere h4{color:var(--charbon)}.lisiere .surtitre{color:var(--laterite)}.lisiere>:nth-child(3n+1){width:62%;justify-self:start}.lisiere>:nth-child(3n+2){width:82%;justify-self:end;background:var(--baobab);border-top-color:var(--sous-bois)}.lisiere>:nth-child(3n+3){width:71%;justify-self:start;margin-left:15%;border-top-color:var(--sauce-graine)}.faq details{border-top:var(--couture-l) solid var(--couture-forte);padding:var(--sp-3) 0}.faq summary{cursor:pointer;font-weight:600;font-family:var(--font-display);font-size:var(--step-1);list-style:none;min-height:44px;display:flex;align-items:center;gap:var(--sp-2);transition:color var(--dur-fast) var(--ease-out)}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+";font-family:var(--font-mono);color:var(--laterite);transition:transform var(--dur-med) var(--ease-out)}.faq details[open] summary:before{transform:rotate(45deg)}.faq summary:hover,.faq summary:focus-visible{color:var(--sauce-graine)}.faq details p{margin-top:var(--sp-2);max-width:62ch}.reassurance{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;padding:var(--sp-3);border-block:var(--couture-l) solid var(--laterite);color:var(--tamarin)}.reassurance span:before{content:"— ";color:var(--or-kita)}.section-banco .reassurance{color:var(--charbon)}.section-sombre .reassurance{color:var(--banco)}.section-canopee .reassurance{color:var(--kaolin)}.section-banco .reassurance span:before{color:var(--charbon)}.section-canopee .reassurance span:before{color:var(--kaolin)}.colophon{background:var(--nuit-cour);color:var(--ecru);padding-block:var(--sp-6)}.colophon a{color:var(--ecru)}.colophon h2{font-family:var(--font-mono);font-size:var(--step--2);font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--or-kita);margin-bottom:var(--sp-2)}.colophon-mentions{grid-column:1 / -1;margin-top:var(--sp-5);padding-top:var(--sp-3);border-top:var(--couture-l) solid var(--couture-forte);font-size:var(--step--2);color:var(--banco);max-width:70ch}.tel-colophon{font-family:var(--font-display);font-size:var(--step-2);text-decoration:none}@media(max-width:860px){.piste-notice,.piste-notice-d,.piste-planche,.piste-planche-g,.piste-large,.cartouche{grid-column:1 / -1}.metier:before{background-image:repeating-linear-gradient(to right,var(--couture) 0 var(--couture-l),transparent var(--couture-l) 25%)}.section{padding-block:var(--sp-5)}.nav-metier{margin-left:0;width:100%;gap:var(--sp-2) var(--sp-3)}.actions-frontispice>:nth-child(2){margin-left:var(--sp-3)}.lisiere>*{margin:0!important;width:100%!important}.echantillon{display:none}}.carte{grid-column:1 / -1;display:grid;gap:var(--sp-4)}.carte-etoffe{position:relative;background:var(--banco);border-block:3px solid var(--laterite);padding:var(--sp-4) var(--sp-3);overflow:hidden}.carte-svg{width:100%;height:auto;display:block}@keyframes navette{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.piste-trace{fill:none;stroke:var(--laterite);stroke-width:6;stroke-linecap:round}.piste-navette{fill:none;stroke:var(--or-kita);stroke-width:3;stroke-linecap:round;stroke-dasharray:26 974;animation:navette 14s linear infinite}.comoe-trace{fill:none;stroke:var(--sous-bois);stroke-width:4;opacity:.55}.frontiere-trace{fill:none;stroke:var(--charbon);stroke-width:1.5;stroke-dasharray:5 7;opacity:.5}.noeud-losange{fill:var(--ecru);stroke:var(--bissap);stroke-width:2.5;transform:rotate(45deg);transform-box:fill-box;transform-origin:center;transition:transform var(--dur-med) var(--ease-etoffe),fill var(--dur-fast) var(--ease-out)}.noeud-num{font-family:var(--font-mono);font-size:14px;fill:var(--charbon)}.noeud-nom{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;fill:var(--charbon)}.noeud[data-actif=true] .noeud-losange{fill:var(--bissap);transform:rotate(45deg) scale(1.3)}.noeud[data-actif=true] .noeud-num{fill:var(--ecru)}.carte-etapes{list-style:none;margin:0;padding:0;display:grid;gap:0}.carte-etapes li{margin:0}.etape-bouton{width:100%;text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-3);align-items:baseline;background:transparent;border:0;border-top:var(--couture-l) solid var(--couture-forte);border-left:3px solid transparent;padding:var(--sp-3);min-height:44px;font-family:var(--font-body);font-size:var(--step-0);color:inherit;transition:border-left-color var(--dur-fast) var(--ease-out),padding-left var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.etape-bouton:hover,.etape-bouton:focus-visible{border-left-color:var(--bissap);padding-left:var(--sp-4);background:var(--kaolin)}.etape-bouton[aria-current=true]{border-left-color:var(--bissap);background:var(--kaolin);font-weight:600}.etape-bouton .num{font-family:var(--font-mono);font-size:var(--step--1);color:var(--bissap)}.etape-bouton .lieu{font-family:var(--font-mono);font-size:var(--step--2);color:var(--tamarin);text-align:right}.etape-fiche{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3);background:var(--kaolin);padding:var(--sp-4);border-top:3px solid var(--bissap)}.etape-fiche[hidden]{display:none}.etape-fiche h3{font-size:var(--step-2)}.etape-fiche .planche-etape .planche-volets span{transform:translateY(-101%)}@media(min-width:720px){.etape-fiche{grid-template-columns:4fr 5fr;align-items:start}}.tunnel[open]{position:fixed;inset:0;z-index:80;display:grid;grid-template-columns:1fr min(30rem,100%);border:0;padding:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;background:transparent}.tunnel::backdrop{background:var(--voile-charbon)}.tunnel-voile{border:0;background:transparent;cursor:pointer}@keyframes panneau-entre{0%{transform:translate(6%);opacity:0}to{transform:translate(0);opacity:1}}.tunnel-panneau{background:var(--ecru);color:var(--charbon);overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);animation:panneau-entre var(--dur-med) var(--ease-etoffe) both}.tunnel-entete{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3)}.tunnel-entete h2{font-size:var(--step-2)}.tunnel-fermer{background:transparent;border:var(--couture-l) solid var(--charbon);font-family:var(--font-mono);font-size:var(--step-0);cursor:pointer;width:44px;height:44px;line-height:1;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.tunnel-fermer:hover,.tunnel-fermer:focus-visible{background:var(--charbon);color:var(--ecru)}.tunnel-demo{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.08em;background:var(--nuit-cour);color:var(--or-kita);padding:var(--sp-2) var(--sp-3)}.tunnel-progression{display:flex;gap:var(--les-gap);list-style:none;margin:0;padding:0}.tunnel-progression li{flex:1;margin:0;height:5px;background:var(--couture);position:relative;overflow:hidden}.tunnel-progression li:after{content:"";position:absolute;inset:0;background:var(--or-kita);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-med) var(--ease-etoffe)}.tunnel-progression li[data-fait=true]:after{transform:scaleX(1)}.tunnel-etape-libelle{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--laterite)}.tunnel-pas{display:none;flex-direction:column;gap:var(--sp-3)}.tunnel-pas[data-actif=true]{display:flex}.champ{display:flex;flex-direction:column;gap:var(--sp-1)}.champ label{font-size:var(--step--1);font-weight:600}.champ .aide{font-size:var(--step--2);color:var(--tamarin)}.champ input,.champ select{font-family:var(--font-body);font-size:var(--step-0);padding:var(--sp-2) var(--sp-3);min-height:44px;border:var(--couture-l) solid var(--tamarin);background:var(--baobab);color:var(--charbon);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.champ input:hover,.champ select:hover{border-color:var(--laterite)}.champ input:focus-visible,.champ select:focus-visible{border-color:var(--or-kita);box-shadow:0 0 0 3px var(--couture);outline:none}.champ-erreur{font-size:var(--step--2);color:var(--sauce-graine);font-weight:600;min-height:1.2em}.paiements{display:grid;gap:var(--les-gap);border:0;padding:0;margin:0}.paiements legend{font-size:var(--step--1);font-weight:600;padding:0;margin-bottom:var(--sp-2)}.paiement{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);align-items:center;border:var(--couture-l) solid var(--tamarin);padding:var(--sp-3);cursor:pointer;min-height:44px;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.paiement:hover{border-color:var(--or-kita);background:var(--kaolin)}.paiement input{position:absolute;opacity:0;pointer-events:none}.paiement input:focus-visible+.pastille{box-shadow:0 0 0 3px var(--or-kita)}.paiement:has(input:checked){border-color:var(--sous-bois);background:var(--kaolin)}.pastille{width:40px;height:40px;display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--step--2);background:var(--tamarin);color:var(--ecru);transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-etoffe)}.paiement:has(input:checked) .pastille{background:var(--sous-bois);transform:scale(1.08)}.tunnel-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:auto;padding-top:var(--sp-3)}@keyframes tissage-attente{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tunnel-attente{display:none;flex-direction:column;gap:var(--sp-3)}.tunnel-attente[data-actif=true]{display:flex}.attente-barre{height:5px;background:var(--couture);overflow:hidden}.attente-barre:after{content:"";display:block;height:100%;width:45%;background:var(--or-kita);animation:tissage-attente 1s var(--ease-inout, ease-in-out) infinite}.recap{list-style:none;margin:0;padding:0}.recap li{display:flex;justify-content:space-between;gap:var(--sp-3);border-top:var(--couture-l) solid var(--couture-forte);padding:var(--sp-2) 0}.recap .cle{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--laterite)}.recap .val{font-weight:600;text-align:right}@media(max-width:600px){.tunnel[open]{grid-template-columns:1fr;grid-template-rows:7vh 1fr}}@media(max-width:700px){.noeud-nom{display:none}}
