.mm-projet-etapes{display:grid;grid-template-columns:minmax(0,1fr) 630px;gap:60px;align-items:start;padding:70px;background:var(--black);border-top:var(--border-w) solid var(--black-500)}.mm-projet-etapes-liste{display:flex;flex-direction:column}.mm-projet-etapes-ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mm-projet-etapes-ol>li{display:flex;flex-direction:column}.mm-projet-etapes-tete{display:flex;flex-direction:column;gap:var(--space-10);padding-bottom:var(--space-40);border-bottom:var(--border-w) solid var(--black-500)}.mm-projet-etapes-tete-titre{margin:0;font-family:var(--body-font);font-size:var(--fs-l);font-weight:var(--fw-regular);line-height:var(--lh-l);letter-spacing:var(--ls-l);color:var(--white)}.mm-projet-etapes-tete-texte{max-width:469px}.mm-projet-etapes-tete-texte p{margin:0;font-family:var(--body-font);font-size:var(--fs-txt);font-weight:var(--fw-regular);line-height:var(--lh-txt);letter-spacing:var(--ls-xs);color:rgba(var(--white-rgb),.6)}.mm-projet-etapes-etape{position:relative;display:grid;grid-template-columns:minmax(0,469px) auto;justify-content:space-between;gap:var(--space-24);padding:var(--space-40) 0;border-bottom:var(--border-w) solid var(--black-500);opacity:.35;transition:opacity .46s var(--ease-fade) 60ms}.mm-projet-etapes-liste>.mm-projet-etapes-ol:first-child>li:first-child .mm-projet-etapes-etape{padding-top:0}.mm-projet-etapes-etape.is-active{opacity:1;transition:opacity .28s var(--ease-fade)}.mm-projet-etapes-texte{display:flex;flex-direction:column;gap:var(--space-20)}.mm-projet-etapes-titre{font-family:var(--body-font);font-size:var(--fs-l);font-weight:var(--fw-regular);line-height:var(--lh-l);letter-spacing:var(--ls-l);color:var(--white);margin:0}.mm-projet-etapes-corps{color:var(--white);opacity:.8}.mm-projet-etapes-corps p{font-family:var(--body-font);font-size:var(--fs-txt);font-weight:var(--fw-regular);line-height:var(--lh-txt);letter-spacing:var(--ls-xs);margin:0 0 1.5em}.mm-projet-etapes-corps p:last-child{margin-bottom:0}.mm-projet-etapes-note{font-family:var(--body-font);font-size:var(--fs-kicker);font-weight:var(--fw-regular);line-height:var(--lh-xs);letter-spacing:var(--ls-cap);text-transform:uppercase;color:var(--500);margin:0}.mm-projet-etapes-logos{display:flex;gap:var(--space-8)}.mm-projet-etapes-logo{display:flex;align-items:center;justify-content:center;height:27px;padding:var(--space-6) var(--space-8);border-radius:var(--radius-s);background:rgba(var(--white-rgb),.16);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mm-projet-etapes-logo img{display:block;height:12px;width:auto}.mm-projet-etapes-numero{font-family:var(--body-font);font-size:var(--fs-h2);font-weight:var(--fw-regular);line-height:var(--lh-h2);letter-spacing:var(--ls-xl);color:var(--white);opacity:.2}.mm-projet-etapes-visuel{position:sticky;top:100px}.mm-projet-etapes-pile{position:relative;height:min(619px,calc(100vh - 160px));overflow:hidden;border-radius:var(--radius-m);background:var(--black-900)}.mm-projet-etapes-media{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.04);transition:opacity .55s var(--ease-fade),transform 1.2s var(--ease-move)}.mm-projet-etapes-media.is-active{opacity:1;transform:scale(1)}.mm-projet-etapes-media img,.mm-projet-etapes-media video{width:100%;height:100%;object-fit:cover;display:block}.mm-projet-etapes-media-mobile{display:none}@media(max-width:1100px){.mm-projet-etapes{grid-template-columns:minmax(0,1fr) minmax(0,44%)}}@media(max-width:768px){.mm-projet-etapes{grid-template-columns:1fr;gap:0;padding:var(--space-40) var(--space-20)}.mm-projet-etapes-visuel{display:none}.mm-projet-etapes-etape{grid-template-columns:minmax(0,1fr) auto;padding:var(--space-32) 0}.mm-projet-etapes-media-mobile{display:block;grid-column:1 / -1;overflow:hidden;border-radius:var(--radius-m)}.mm-projet-etapes-media-mobile img,.mm-projet-etapes-media-mobile video{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:50% 30%;display:block}.mm-projet-etapes-numero{font-size:32px;line-height:var(--lh-l)}}@media(prefers-reduced-motion:reduce){.mm-projet-etapes-etape,.mm-projet-etapes-media{transition-duration:.01ms;transition-delay:0s}.mm-projet-etapes-media{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/mm-projet-etapes.css.map */