.methode{--mpx:clamp(.8889px,calc(100vw / 1440),1.1111px)}.methode h2{font-size:calc(var(--mpx) * 56);letter-spacing:-.01em;line-height:1}.methode h2 em{color:var(--terre)}.methode .leadm{font-size:calc(var(--mpx) * 17);color:var(--encre-moyen);margin:0;font-weight:300}.ma{grid-template-columns:1fr calc(var(--mpx) * 420);gap:calc(var(--mpx) * 72);padding:calc(var(--mpx) * 56) calc(var(--mpx) * 96) calc(var(--mpx) * 48);align-items:center;display:grid}.ma .left{gap:calc(var(--mpx) * 24);display:grid}.ma .steps{gap:calc(var(--mpx) * 10);margin:0;padding:0;list-style:none;display:grid}.ma .st{border-radius:calc(var(--mpx) * 14);background:var(--blanc);transition:box-shadow .3s,translate .3s var(--ease);position:relative;overflow:hidden;box-shadow:0 1px 2px #2e26200f}.ma .st .row{appearance:none;grid-template-columns:calc(var(--mpx) * 44) 1fr;gap:calc(var(--mpx) * 14);width:100%;padding:calc(var(--mpx) * 16) calc(var(--mpx) * 20);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;margin:0;display:grid}.ma .st .num{font:italic 400 calc(var(--mpx) * 30)/1 var(--serif);color:var(--terre-claire)}.ma .st .step-t{font:400 calc(var(--mpx) * 26)/1.1 var(--serif);margin:0}.ma .st .more{align-content:start;gap:calc(var(--mpx) * 10);padding:0 calc(var(--mpx) * 20) 0 calc(var(--mpx) * 78);opacity:0;height:0;transition:height .45s var(--ease),opacity .3s,padding .45s var(--ease);display:grid;overflow:hidden}.ma .st .step-p{font-size:calc(var(--mpx) * 15);color:var(--encre-moyen);margin:0;font-weight:300;line-height:1.5}.ma .st .memo{align-items:center;gap:calc(var(--mpx) * 8);font:calc(var(--mpx) * 13)/1.3 var(--mono);color:var(--encre);background:var(--caramel-subtile);padding:calc(var(--mpx) * 7) calc(var(--mpx) * 10);border-radius:calc(var(--mpx) * 3);width:fit-content;max-width:100%;margin:0;display:inline-flex}.ma .st .memo:before{content:"";width:calc(var(--mpx) * 6);height:calc(var(--mpx) * 6);background:var(--terre);border-radius:50%;flex:none}.ma .st.on{box-shadow:0 calc(var(--mpx) * 18) calc(var(--mpx) * 34) calc(var(--mpx) * -18) #2e262073;translate:calc(var(--mpx) * 8) 0}.ma .st.on .num{color:var(--terre)}.ma .st.on .more{height:calc(var(--more-h,calc(var(--mpx) * 120)) + var(--mpx) * 18);opacity:1;padding-bottom:calc(var(--mpx) * 18)}.ma .st .bar{height:calc(var(--mpx) * 3);background:var(--terre);width:0;position:absolute;bottom:0;left:0}.ma .st.on .bar{animation-name:ma-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes ma-fill{to{width:100%}}.ma .auto{align-items:center;gap:calc(var(--mpx) * 8);font:calc(var(--mpx) * 12)/1 var(--mono);color:var(--encre-doux);display:flex}.ma .auto button{font:inherit;border:1px solid var(--terre-claire);color:var(--encre-moyen);border-radius:var(--r-btn);padding:calc(var(--mpx) * 6) calc(var(--mpx) * 10);cursor:pointer;background:0 0}.ma .right{width:calc(var(--mpx) * 300);justify-self:center;position:relative}.methode-tel{filter:drop-shadow(0 calc(var(--mpx) * 22) calc(var(--mpx) * 26) #2e262080)}.methode-tel .appareil-capture>img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);position:absolute;inset:0}.methode-tel .appareil-capture>img.on{opacity:1}.ma .tampon{z-index:3;right:calc(var(--mpx) * -44);bottom:calc(var(--mpx) * 36);font:600 calc(var(--mpx) * 14)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:calc(var(--mpx) * 10) calc(var(--mpx) * 14);border:calc(var(--mpx) * 3) double currentColor;transition:opacity .3s,scale .4s var(--ease),rotate .4s var(--ease);background:#faf8f5e0;position:absolute;rotate:-9deg}.ma .tampon.hide{opacity:0;rotate:-9deg;scale:1.3}@media (max-width:760px){.methode{--mpx:clamp(.9231px,calc(100vw / 390),1.2px)}.methode h2{font-size:calc(var(--mpx) * 36)}.ma{padding:calc(var(--mpx) * 32) calc(var(--mpx) * 16) calc(var(--mpx) * 44);gap:calc(var(--mpx) * 28);grid-template-columns:1fr}.ma .right{width:calc(var(--mpx) * 210)}.ma .tampon{right:calc(var(--mpx) * -40)}.ma .st .more{padding-left:calc(var(--mpx) * 20)}}.ma .auto button{position:relative}.ma .auto button:after{content:"";width:max(100%,44px);height:44px;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.mt{display:none}@media (max-width:760px){.methode .ma{display:none}.methode .mt{gap:14px;padding:44px 20px 48px;display:grid}.methode .mt h2{font-size:34px;line-height:1.04}.methode .mt .leadm{font-size:16px;line-height:1.55}.mt .memo{width:fit-content;max-width:100%;font:400 13px/1.35 var(--mono);color:var(--encre);background:var(--caramel-subtile);border-radius:3px;align-items:center;gap:8px;margin:0;padding:7px 10px;display:inline-flex}.mt .memo:before{content:"";background:var(--terre);border-radius:50%;flex:none;width:6px;height:6px}.mt button:focus-visible{outline:2px solid var(--terre-profond);outline-offset:2px}.mt .rows{gap:12px;margin:6px 0 0;padding:0;list-style:none;display:grid}.mt .rows>li{background:var(--blanc);border-radius:14px;grid-template-columns:1fr 104px;gap:14px;padding:16px 14px 16px 16px;display:grid;box-shadow:0 1px 2px #2e26200f}.mt .rows .t{align-content:start;gap:6px;min-width:0;display:grid}.mt .rows .num{font:italic 400 30px/1 var(--serif);color:var(--terre)}.mt .rows h3{font:400 22px/1.12 var(--serif);margin:0}.mt .rows p{color:var(--encre-moyen);margin:0;font-size:16px;font-weight:300;line-height:1.5}.mt .rows p.memo{color:var(--encre);font-size:13px;font-weight:400}.mt .rows .v{align-self:start;position:relative}.mt-cartes .mt-tel{filter:drop-shadow(0 12px 14px #2e262059);width:104px;display:block}.mt .rows .tampon{z-index:2;font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#faf8f5eb;border:3px double;padding:6px 8px;position:absolute;bottom:10px;left:-18px;rotate:-6deg}.methode .mt-duo{padding-top:40px}.mt .duo{grid-template-columns:1fr 150px;align-items:start;gap:14px;margin-top:8px;display:grid}.mt .mini{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mt .mini button{appearance:none;box-sizing:border-box;background:var(--blanc);width:100%;min-height:56px;color:var(--encre);font:400 17px/1.1 var(--serif);text-align:left;cursor:pointer;border:0;border-radius:10px;grid-template-columns:26px 1fr;align-items:center;gap:6px;margin:0;padding:6px 10px;transition:background-color .25s,color .25s;display:grid}.mt .mini button i{font:italic 400 22px/1 var(--serif);color:var(--terre)}.mt .mini button.on{background:var(--terre);color:var(--creme);box-shadow:0 12px 20px -12px #2e262080}.mt .mini button.on i{color:var(--creme)}.mt-duo .mt-tel{filter:drop-shadow(0 16px 18px #2e262066);width:150px;display:block}.mt .detail{background:var(--blanc);border-radius:14px;gap:12px;margin-top:6px;padding:16px 18px;display:grid;box-shadow:0 1px 2px #2e26200f}.mt .detail h3{font:400 22px/1.1 var(--serif);margin:0}.mt .detail .stp{color:var(--encre-moyen);margin:0;font-size:16px;font-weight:300;line-height:1.5}.mt .detail .memo{font-size:14px}.mt .nav{justify-content:space-between;gap:12px;display:flex}.mt .nav button{appearance:none;border:1.5px solid var(--terre-claire);border-radius:var(--r-btn);min-height:44px;color:var(--terre-profond);font:500 15px/1 var(--sans);cursor:pointer;background:0 0;align-items:center;margin:0;padding:0 14px;display:inline-flex}.mt .nav .suiv{margin-left:auto}}