.meth{position:relative;background:var(--bleu-profond);padding:clamp(72px,11vh,132px) clamp(20px,6vw,96px) clamp(56px,8vh,100px);text-align:center}.methTete{max-width:760px;margin:0 auto clamp(46px,6vh,76px)}.methKicker{font-family:var(--font-jost),sans-serif;font-weight:400;font-size:13px;letter-spacing:.35em;text-transform:uppercase;color:var(--or);margin-bottom:14px}.methTitre{font-family:var(--font-julius),serif;font-weight:400;font-size:clamp(26px,3vw,44px);line-height:1.15;letter-spacing:.045em;color:#fff}.methSous{margin-top:14px;font-size:clamp(14px,1.05vw,18px);font-weight:300;color:rgba(255,255,255,.68)}.methEtapes{position:relative;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);align-items:start;grid-gap:clamp(28px,4vw,72px);gap:clamp(28px,4vw,72px);max-width:1180px;margin:0 auto}.methFil{position:absolute;left:12%;right:12%;top:52px;height:1px;background:linear-gradient(90deg,transparent,var(--or),transparent);opacity:.45;transform:scaleX(0);transform-origin:50% 50%;transition:transform 1.1s cubic-bezier(.22,1,.36,1) .15s}.meth.vue .methFil{transform:scaleX(1)}.methEtape{position:relative;opacity:0;transform:translateY(18px);transition:opacity .6s,transform .7s cubic-bezier(.22,1,.36,1)}.meth.vue .methEtape{opacity:1;transform:none}.methPicto{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:var(--verre-fond);box-shadow:var(--verre-ombre-menue);--verre-densite:1}.methPicto:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--verre-arete-fond-or);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.methNum{display:block;font-size:11.5px;letter-spacing:.32em;color:rgba(212,168,87,.75);margin-bottom:10px}.methEtapeTitre,.methNum{font-family:var(--font-jost),sans-serif;font-weight:400}.methEtapeTitre{font-size:clamp(16px,1.3vw,20px);color:#fff;margin-bottom:9px}.methEtapeTxt{font-size:clamp(13.5px,.95vw,15.5px);font-weight:300;line-height:1.55;color:rgba(255,255,255,.66);max-width:34ch;margin:0 auto}@media (max-width:820px){.methEtapes{grid-template-columns:1fr;gap:34px;max-width:460px}.methFil{left:27px;right:auto;top:8%;bottom:8%;width:1px;height:auto;background:linear-gradient(180deg,transparent,var(--or),transparent);transform:scaleY(0)}.meth.vue .methFil{transform:scaleY(1)}.methEtape{display:grid;grid-template-columns:56px 1fr;grid-column-gap:18px;column-gap:18px;text-align:left}.methPicto{grid-row:1/span 3;margin:0;width:56px;height:56px}.methNum{margin-bottom:4px}.methEtapeTxt{max-width:none;margin:0}}@media (prefers-reduced-motion:reduce){.methEtape,.methFil{transition:none}}.codaRuban{position:absolute;left:0;right:0;top:0;height:clamp(170px,30svh,320px);z-index:0;display:flex;align-items:center;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,#000,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,#000,#000 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.codaPiste{display:flex;gap:20px;width:max-content;will-change:transform}.codaVille{position:relative;flex:0 0 auto;width:clamp(216px,23vw,350px);margin:0;border-radius:16px;overflow:hidden;box-shadow:0 18px 42px -12px rgba(0,0,0,.75);opacity:1}.codaVille:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--verre-arete-fond);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.codaVille img{filter:brightness(1.24) saturate(1.18) contrast(1.06);display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.codaVille figcaption{position:absolute;left:10px;bottom:10px;padding:5px 11px;border-radius:999px;background:linear-gradient(150deg,rgba(120,160,215,.2),rgba(8,17,32,.86) 55%,rgba(6,14,26,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 4px 12px -6px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.18);font-size:11px;letter-spacing:.22em;color:#fff;line-height:1}.codaKicker,.codaVille figcaption{font-family:var(--font-jost),sans-serif;font-weight:400;text-transform:uppercase}.codaKicker{position:relative;z-index:1;font-size:12.5px;letter-spacing:.34em;color:var(--or);margin-bottom:16px}.ctaSous{max-width:56ch;margin:-6px auto 6px;text-align:center;font-size:clamp(14px,1.05vw,17px);line-height:1.55;color:rgba(255,255,255,.7)}.ctaReassurance,.ctaSous{position:relative;z-index:1;font-weight:300}.ctaReassurance{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;margin-top:22px;font-size:13px;color:rgba(255,255,255,.55)}.ctaReassurance li{display:inline-flex;align-items:center;gap:8px}.ctaReassurance li+li:before{content:"";width:3px;height:3px;border-radius:50%;background:rgba(212,168,87,.6)}@media (max-width:620px){.ctaSous{position:relative;z-index:1;max-width:56ch;margin:-6px auto 6px;text-align:center;font-size:clamp(14px,1.05vw,17px);font-weight:300;line-height:1.55;color:rgba(255,255,255,.7)}.ctaReassurance{flex-direction:column;gap:7px;font-size:12.5px}.ctaReassurance li+li:before{display:none}.codaVille{width:190px}}.codaPin{position:absolute;width:15px;height:15px;margin:-15px 0 0 -7.5px;display:grid;place-items:center;line-height:0;border-radius:50% 50% 50% 3px;rotate:-45deg;filter:saturate(.86);box-shadow:0 3px 8px rgba(0,0,0,.7),0 0 0 1.5px rgba(8,17,32,.5);pointer-events:none}.codaPin>svg{rotate:45deg;opacity:.92}@media (max-width:620px){.codaPin{width:14px;height:14px;margin:-14px 0 0 -7px}}@supports not (((-webkit-mask-composite:xor) or (mask-composite:exclude)) or (-webkit-mask-composite:xor)){.codaVille:after,.methPicto:after{display:none}.codaVille,.methPicto{border:1px solid rgba(255,255,255,.18)}}