/* V4 — la matière, les gestes et la continuité d’un lot. */
.li-trace{--trace-progress:0;--trace-sticky-top:150px;--trace-ink:#193528;--trace-paper:#eeece2;position:relative;isolation:isolate;padding:82px 0 0;background:var(--trace-paper);color:var(--trace-ink)}
.li-trace::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 2% 30%,#c4c8b34f,transparent 48%),linear-gradient(100deg,transparent 68%,#dedfce4d)}
.li-trace .li-shell{position:relative}
.li-trace .li-sectionline{padding-bottom:21px;margin-bottom:44px;border-bottom:1px solid #b5bdab82}
.li-trace .li-sectionline>span:last-child{color:#6c7761}
.li-trace .li-trace-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:end;margin-bottom:46px}
.li-trace .li-trace-heading h2{font-size:clamp(63px,7vw,105px);font-weight:550;color:#172e24;letter-spacing:-.065em;line-height:1.02}
.li-trace .li-trace-heading h2 span{color:#079843}
.li-trace#parcours .li-trace-heading h2{font-size:clamp(49px,5.7vw,83px)}
.li-trace .li-trace-heading>div{max-width:360px;padding-bottom:3px}
.li-trace .li-trace-heading p{color:#58664f;font-size:15px;line-height:1.8;margin:0 0 25px}
.li-trace .li-trace-heading>div>span{display:flex;align-items:center;gap:13px;font-family:"Manrope",sans-serif;font-size:9px;letter-spacing:.1em;color:#52694c;font-weight:600}
.li-trace .li-trace-heading>div>span i{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #b4c0a6;border-radius:50%;font-size:13px;font-style:normal}
.li-trace .li-trace-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:start}
.li-trace .li-trace-media{position:sticky;top:var(--trace-sticky-top);padding:0 0 20px;min-width:0}
.li-trace .li-trace-artboard{position:relative;margin:0;padding:0 0 124px}
.li-trace .li-trace-photo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 13px;font-family:"Manrope",sans-serif;font-size:9px;letter-spacing:.1em;color:#65745a;font-weight:600}
.li-trace .li-trace-photo-heading>span:first-child{color:#2d4b33}
.li-trace .li-trace-frame{position:relative;aspect-ratio:4/3;height:auto;min-height:0;overflow:hidden;background:#079843;isolation:isolate;box-shadow:0 18px 42px -25px #16301c88}
.li-trace .li-trace-frame::after{background:linear-gradient(180deg,#09200d05 40%,#061a0f99 100%)}
.li-trace .li-trace-image{opacity:0;clip-path:inset(0 0 0 100%);transition:clip-path .85s cubic-bezier(.22,.7,.17,1),opacity .6s ease}
.li-trace .li-trace-image.is-active{opacity:1;clip-path:inset(0)}
.li-trace .li-trace-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.35s cubic-bezier(.22,.7,.17,1)}
.li-trace .li-trace-image.is-active img{transform:scale(1)}
.li-trace .li-trace-photo-caption{left:21px;right:35%;bottom:18px;gap:13px;align-items:center;font-size:7px;letter-spacing:.07em;text-shadow:0 1px 8px #102a1780}
.li-trace .li-trace-current{font-family:"Manrope",sans-serif;font-size:12px;letter-spacing:-.02em}
.li-trace .li-trace-current-name{font-size:9px;font-weight:650}
.li-trace .li-trace-photo-caption>span:last-child{display:none}
.li-trace .li-trace-corner{position:absolute;z-index:3;width:17px;height:17px;border-color:#eaf3d7b0;pointer-events:none}
.li-trace .li-trace-corner--one{top:18px;left:18px;border-top:1px solid;border-left:1px solid}
.li-trace .li-trace-corner--two{top:18px;right:18px;border-top:1px solid;border-right:1px solid}
.li-trace .li-trace-detail{position:absolute;z-index:4;right:-28px;bottom:26px;width:34%;max-width:230px;padding:12px 12px 11px;background:#f8f5e9;transform:rotate(6deg);box-shadow:0 10px 23px -10px #24351d59;border:1px solid #c8cab680;transition:opacity .65s ease,transform .8s cubic-bezier(.22,.7,.17,1)}
.li-trace .li-trace-detail>span:first-child{display:block;font-family:"Manrope",sans-serif;font-size:8px;line-height:1.45;letter-spacing:.07em;color:#576348;margin-bottom:9px}
.li-trace .li-trace-detail-photo{position:relative;aspect-ratio:1.45;overflow:hidden;background:#079843}
.li-trace .li-trace-detail-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .65s ease}
.li-trace .li-trace-detail-photo img.is-active{opacity:1}
.li-trace .li-trace-detail-rule{display:block;width:33%;height:1px;margin-top:10px;background:#91a078}
.li-trace .li-trace-connector{position:absolute;z-index:5;right:20%;bottom:14px;width:39%;height:auto;overflow:visible;pointer-events:none;color:#63894d}
.li-trace .li-trace-connector path{stroke:currentColor;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}
.li-trace .li-trace-connector circle{fill:var(--trace-paper);stroke:currentColor;stroke-width:1}
.li-trace .li-trace-evidence{position:absolute;z-index:5;left:18px;bottom:7px;width:52%;max-width:300px;min-height:132px;background:#079843;color:#f3f2e5;padding:17px 20px 15px;box-shadow:0 8px 18px -14px #21351e70;transition:opacity .65s ease,transform .75s cubic-bezier(.22,.7,.17,1)}
.li-trace .li-trace-evidence>div{opacity:0;position:absolute;inset:17px 20px 15px;transition:opacity .45s}
.li-trace .li-trace-evidence>div.is-active{opacity:1}
.li-trace .li-trace-evidence>div>span{display:block;font-family:"Manrope",sans-serif;font-size:8px;color:#b6c89f;letter-spacing:.14em;margin:0 0 9px}
.li-trace .li-trace-evidence p{font-family:var(--font-kumbh),sans-serif;font-size:21px;line-height:1.1;font-weight:450;letter-spacing:-.04em;margin:0 0 11px}
.li-trace .li-trace-evidence small{display:block;font-family:"Manrope",sans-serif;font-size:8px;letter-spacing:.09em;color:#c3d3ae}
.li-trace.is-trace-ready:not(.is-detail-visible) .li-trace-detail{opacity:0;transform:translate(12px,20px) rotate(12deg)}
.li-trace.is-trace-ready:not(.is-detail-visible) .li-trace-evidence{opacity:0;transform:translate(-13px,18px)}
.li-trace.is-trace-ready:not(.is-detail-visible) .li-trace-connector path{stroke-dashoffset:1}
.li-trace.is-trace-ready:not(.is-detail-visible) .li-trace-connector circle{opacity:0}
.li-trace .li-trace-switch{display:flex;gap:0;border-top:1px solid #a8b39a;border-bottom:1px solid #b7bfa980;padding:0}
.li-trace .li-trace-switch button{position:relative;display:flex;flex:1;align-items:center;gap:9px;min-height:53px;padding:13px 10px 13px 0;color:#67735c;font-family:"Manrope",sans-serif;font-size:11px;font-weight:550;letter-spacing:-.015em;text-align:left;border:0;background:transparent;cursor:pointer}
.li-trace .li-trace-switch button::after{bottom:-1px;right:13px;background:#079843;height:2px}
.li-trace .li-trace-switch button>span{font-family:inherit;font-size:9px;color:#869078;margin:0}
.li-trace .li-trace-switch button i{font-style:normal;font-size:15px;margin-left:auto;color:#079843;opacity:0;transform:translate(-4px,4px);transition:opacity .3s,transform .3s}
.li-trace .li-trace-switch button.is-active{color:#174d2b}
.li-trace .li-trace-switch button.is-active i{opacity:1;transform:none}
.li-trace .li-trace-switch button:hover{color:#067a36}
.li-trace .li-trace-switch button:focus-visible{outline:2px solid #079843;outline-offset:4px}
.li-trace .li-trace-steps{position:relative;padding-left:36px;min-width:0}
.li-trace .li-trace-progress{left:0;top:var(--trace-line-start,45px);bottom:var(--trace-line-end,45px);background:#b9c2ab;width:1px}
.li-trace .li-trace-progress i{background:#079843}
.li-trace .li-trace-step{display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:relative;min-height:83svh;padding:65px 0;scroll-margin-top:104px}
.li-trace .li-trace-step::before{width:9px;height:9px;left:-40px;top:calc(50% - 5px);background:var(--trace-paper);border:1px solid #9cad89}
.li-trace .li-trace-step.is-active::before{transform:scale(1.1);background:#079843;border-color:#079843;box-shadow:0 0 0 5px #07984312}
.li-trace .li-trace-step-copy{min-width:0}
.li-trace .li-trace-step-top{display:flex;align-items:center;gap:18px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #adb99f}
.li-trace .li-trace-order{font-family:"Manrope",sans-serif;font-size:61px;font-weight:350;line-height:1;letter-spacing:-.075em;color:#9eab8e;transition:color .5s}
.li-trace .li-trace-step-number{font-family:"Manrope",sans-serif;font-size:10px;line-height:1.65;font-weight:650;letter-spacing:.1em;color:#667658;margin:0}
.li-trace .li-trace-step-symbol{display:flex;width:36px;height:36px;margin-left:auto;color:#7f956d;opacity:.85}
.li-trace .li-trace-step-symbol svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.li-trace .li-trace-step.is-active .li-trace-order{color:#079843}
.li-trace .li-trace-step h3{color:#25432d;font-size:clamp(42px,4vw,59px);font-weight:500;line-height:1.04;letter-spacing:-.06em;margin:0 0 23px}
.li-trace .li-trace-step h3 span{color:#62774f}
.li-trace .li-trace-step.is-active h3{color:#153824}
.li-trace .li-trace-step.is-active h3 span{color:#067a36}
.li-trace .li-trace-step-copy>p{max-width:400px;font-size:15px;color:#53644c;line-height:1.8;margin:0 0 24px}
.li-trace .li-trace-step ul{list-style:none;margin:0 0 23px;padding:0}
.li-trace .li-trace-step li{display:flex;align-items:baseline;gap:11px;padding:9px 0;margin:0;border-bottom:1px solid #c3cab572;color:#53664b;font-size:12px;line-height:1.6;transition:opacity .5s ease,transform .65s cubic-bezier(.22,.7,.17,1)}
.li-trace .li-trace-step li::before{display:none}
.li-trace .li-trace-step li>span{display:inline-block;position:relative;flex:0 0 8px;width:8px;height:8px;border:1px solid #93a67f;border-radius:50%;transform:translateY(-1px)}
.li-trace .li-trace-step li>span::after{content:"";position:absolute;width:2px;height:2px;background:#067a36;border-radius:50%;left:2px;top:2px}
.li-trace .li-trace-step li:nth-child(2){transition-delay:.09s}
.li-trace .li-trace-step li:nth-child(3){transition-delay:.18s}
.li-trace .li-trace-route{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:14px 13px;margin:0 0 20px;border-top:1px solid #9ba98b;border-bottom:1px solid #9ba98b;background:#e0e4d4;font-family:"Manrope",sans-serif;font-size:11px;color:#5d6e50;line-height:1.5;transition:opacity .6s ease,transform .7s cubic-bezier(.22,.7,.17,1)}
.li-trace .li-trace-route i{font-style:normal;font-size:13px;color:#82966e}
.li-trace .li-trace-route strong{font-weight:700;color:#1b5630}
.li-trace .li-trace-tag{padding:0;border:0;color:#536f44;font-family:"Manrope",sans-serif;font-size:9px;letter-spacing:.1em;line-height:1.6}
.li-trace .li-trace-step .li-textlink{font-size:11px;color:#184a2b;padding-top:2px}
.li-trace .li-trace-step .li-textlink span{font-size:20px}
.li-trace.is-trace-ready .li-trace-step:not(.has-details) li{opacity:0;transform:translateY(13px)}
.li-trace.is-trace-ready .li-trace-step:not(.has-route) .li-trace-route{opacity:0;transform:translateX(17px)}
.li-trace .li-trace-bottom{margin-top:35px;padding:36px 0 40px;border-top:1px solid #b0bca2}
.li-trace .li-trace-bottom p{font-size:13px;color:#64745a}
.li-trace .li-trace-bottom strong{color:#2a4a31}
.li-trace .li-trace-bottom .li-textlink{color:#285234;font-size:12px}
@media(min-width:1000px) and (max-height:800px){
 .li-trace .li-trace-frame{height:calc(100svh - 350px);min-height:285px;aspect-ratio:auto}
 .li-trace .li-trace-step{min-height:700px;padding-block:58px}
 .li-trace .li-trace-detail{max-width:180px}
}
@media(min-width:1600px){
 .li-trace .li-trace-heading,.li-trace .li-trace-layout{gap:110px}
 .li-trace .li-trace-step{min-height:80svh}
}
@media(max-width:1199px){
 .li-trace .li-trace-heading,.li-trace .li-trace-layout{gap:62px}
 .li-trace .li-trace-steps{padding-left:26px}
 .li-trace .li-trace-step::before{left:-30px}
 .li-trace .li-trace-step h3{font-size:46px}
 .li-trace .li-trace-order{font-size:53px}
 .li-trace .li-trace-step-top{gap:13px}
 .li-trace .li-trace-detail{right:-17px;padding:9px}
 .li-trace .li-trace-evidence{left:13px;width:57%;min-height:128px}
 .li-trace .li-trace-evidence p{font-size:19px}
 .li-trace .li-trace-current-name{font-size:8px}
 .li-trace .li-trace-photo-heading{font-size:8px}
 .li-trace .li-trace-switch button{gap:6px;font-size:10px;padding-right:8px}
 .li-trace .li-trace-switch button>span{font-size:8px}
 .li-trace .li-trace-route{font-size:10px;gap:5px;padding-inline:9px}
}
@media(max-width:999px),(max-height:680px){
 .li-trace{padding-top:60px}
 .li-trace .li-sectionline{margin-bottom:36px;padding-bottom:18px}
 .li-trace .li-trace-heading{grid-template-columns:1.05fr 1fr;gap:40px;margin-bottom:39px}
 .li-trace .li-trace-heading h2{font-size:clamp(55px,8.4vw,84px)}
 .li-trace .li-trace-heading p{font-size:14px;margin:0}
 .li-trace .li-trace-heading>div>span{display:none}
 .li-trace .li-trace-layout{display:block}
 .li-trace .li-trace-media{display:none}
 .li-trace .li-trace-steps{padding-left:0}
 .li-trace .li-trace-progress{display:none}
 .li-trace .li-trace-step{display:grid;grid-template-columns:1fr 1fr;gap:35px;min-height:0;align-items:center;padding:35px 0 55px}
 .li-trace .li-trace-step::before{display:none}
 .li-trace .li-trace-mobile-image{display:block;position:relative;aspect-ratio:3/4;margin:0;background:#079843;box-shadow:0 12px 28px -20px #15291d80;overflow:hidden}
 .li-trace .li-trace-mobile-image::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#092315a6);pointer-events:none}
 .li-trace .li-trace-mobile-image img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1s}
 .li-trace .li-trace-step.is-seen .li-trace-mobile-image img{transform:scale(1)}
 .li-trace .li-trace-mobile-image figcaption{display:flex;justify-content:space-between;align-items:end;gap:10px;position:absolute;z-index:1;left:14px;right:14px;bottom:13px;margin:0;color:#fff;line-height:1.5;text-shadow:0 1px 5px #15431e}
 .li-trace .li-trace-mobile-image figcaption>span:first-child{font-family:"Manrope",sans-serif;font-size:9px;letter-spacing:.08em}
 .li-trace .li-trace-mobile-image figcaption>span:last-child{font-size:8px}
 .li-trace .li-trace-step-top{padding-bottom:15px;margin-bottom:18px}
 .li-trace .li-trace-order{font-size:43px}
 .li-trace .li-trace-step-number{font-size:8px}
 .li-trace .li-trace-step-symbol{width:29px;height:29px}
 .li-trace .li-trace-step h3{font-size:39px;margin-bottom:20px}
 .li-trace .li-trace-step-copy>p{font-size:14px;margin-bottom:19px}
 .li-trace .li-trace-step li{font-size:11px;padding-block:7px;gap:8px}
 .li-trace .li-trace-step ul{margin-bottom:19px}
 .li-trace .li-trace-route{font-size:10px;padding:12px 8px;margin-bottom:17px}
 .li-trace .li-trace-tag{font-size:8px}
 .li-trace .li-trace-bottom{margin-top:0}
}
@media(max-width:639px){
 .li-trace{padding-top:44px}
 .li-trace .li-sectionline{padding-bottom:17px;margin-bottom:31px}
 .li-trace .li-trace-heading{display:block;margin-bottom:28px}
 .li-trace .li-trace-heading h2{font-size:61px;margin-bottom:24px}
 .li-trace#parcours .li-trace-heading h2{font-size:48px}
 .li-trace .li-trace-heading p{font-size:14px;line-height:1.8}
 .li-trace .li-trace-step{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:20px 0 42px}
 .li-trace .li-trace-step:not(:last-child){border-bottom:1px solid #b4bfa480;margin-bottom:25px}
 .li-trace .li-trace-mobile-image{width:calc(100% + 12px);max-width:none;margin:0 -6px 28px;aspect-ratio:4/3;transform:rotate(-1.2deg);border:6px solid #f8f4e8;box-shadow:0 12px 25px -19px #182e1b80}
 .li-trace .li-trace-step:nth-of-type(2) .li-trace-mobile-image{transform:rotate(1deg)}
 .li-trace .li-trace-mobile-image figcaption{left:13px;right:13px;bottom:12px}
 .li-trace .li-trace-step-top{gap:17px;padding-bottom:17px;margin-bottom:21px}
 .li-trace .li-trace-order{font-size:53px}
 .li-trace .li-trace-step-number{font-size:9px}
 .li-trace .li-trace-step-symbol{width:35px;height:35px}
 .li-trace .li-trace-step h3{font-size:48px;margin-bottom:23px}
 .li-trace .li-trace-step-copy>p{font-size:14px;line-height:1.8;margin-bottom:23px}
 .li-trace .li-trace-step li{font-size:11px;padding-block:9px;gap:10px}
 .li-trace .li-trace-step ul{margin-bottom:21px}
 .li-trace .li-trace-route{font-size:10px;margin-bottom:20px;padding:15px 11px;gap:7px}
 .li-trace .li-trace-tag{font-size:8px}
 .li-trace .li-trace-bottom{padding:27px 0 35px}
 .li-trace .li-trace-bottom p{font-size:12px;margin-bottom:17px}
 .li-trace .li-trace-bottom .li-textlink{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .li-trace .li-trace-image,.li-trace .li-trace-detail,.li-trace .li-trace-evidence,.li-trace .li-trace-route,.li-trace .li-trace-step li{transition:none}
 .li-trace .li-trace-image img,.li-trace .li-trace-mobile-image img{transform:none;transition:none}
 .li-trace.is-trace-ready .li-trace-step:not(.has-details) li,.li-trace.is-trace-ready .li-trace-step:not(.has-route) .li-trace-route{opacity:1;transform:none}
 .li-trace.is-trace-ready:not(.is-detail-visible) .li-trace-detail{opacity:1;transform:rotate(6deg)}
 .li-trace.is-trace-ready:not(.is-detail-visible) .li-trace-evidence{opacity:1;transform:none}
 .li-trace .li-trace-connector{display:none}
}