.mf{background:var(--color-encre);color:var(--color-lin);position:relative}.mf-pin{flex-direction:column;align-items:center;gap:2.5rem;padding:6rem 2.5vw 5rem;display:flex;position:relative}.mf-label{color:color-mix(in srgb, var(--color-lin) 55%, transparent);align-self:flex-start}.mf-art{aspect-ratio:2/3;background:#120a0c;width:min(60vw,22rem);margin:0;position:relative;overflow:hidden}.mf-art img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.mf-art img.is-on{opacity:1}.mf-line{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,11vw,5.5rem);font-weight:300;line-height:.92}.mf-a,.mf-b{display:block}.mf-count{color:color-mix(in srgb, var(--color-lin) 55%, transparent)}.mf.is-pinned{height:480svh}.mf.is-pinned .mf-pin{height:100svh;padding:0;display:block;position:sticky;top:0;overflow:hidden}.mf.is-pinned .mf-label{position:absolute;top:6.5rem;left:2.5vw}.mf.is-pinned .mf-art{width:auto;height:46svh;position:absolute;top:20svh;left:50%;transform:translate(-50%)}.mf.is-pinned .mf-line{opacity:0;transition:opacity .7s var(--ease-expo);position:absolute;top:calc(66svh + 2rem);left:2.5vw;right:2.5vw}.mf.is-pinned .mf-line.is-on{opacity:1}.mf.is-pinned .mf-a,.mf.is-pinned .mf-b{transition:transform 1.1s var(--ease-expo);transform:translateY(1.2rem)}.mf.is-pinned .mf-line.is-on .mf-a,.mf.is-pinned .mf-line.is-on .mf-b{transform:none}.mf.is-pinned .mf-b{transition-delay:90ms}.mf.is-pinned .mf-count{text-align:center;position:absolute;bottom:1.5rem;left:0;right:0}@media (width>=768px){.mf.is-pinned{--art-h:min(76svh, 42vw);--art-w:calc(var(--art-h) * 2 / 3)}.mf.is-pinned .mf-art{height:var(--art-h);width:var(--art-w);top:50%;transform:translate(-50%,-50%)}.mf.is-pinned .mf-line{grid-template-columns:1fr var(--art-w) 1fr;align-items:center;column-gap:2.5vw;font-size:clamp(2.5rem,5.4vw,6.5rem);display:grid;top:0;bottom:0}.mf.is-pinned .mf-a{text-align:right;grid-column:1}.mf.is-pinned .mf-b{text-align:left;grid-column:3}.mf.is-pinned .mf-a{transform:translate(-2rem)}.mf.is-pinned .mf-b{transform:translate(2rem)}.mf.is-pinned .mf-line.is-on .mf-a,.mf.is-pinned .mf-line.is-on .mf-b{transform:none}}.mf-full summary{cursor:pointer;list-style:none}.mf-full summary::-webkit-details-marker{display:none}.mf-full summary .plus{align-self:center;width:.8rem;height:.8rem;display:inline-block;position:relative}.mf-full summary .plus:before,.mf-full summary .plus:after{content:"";height:1px;transition:transform .5s var(--ease-expo);background:currentColor;position:absolute;top:50%;left:0;right:0}.mf-full summary .plus:after{transform:rotate(90deg)}.mf-full[open] summary .plus:after{transform:rotate(0)}.mf-full .when-open,.mf-full[open] .when-closed{display:none}.mf-full[open] .when-open{display:inline}.mf-full-body{margin-top:3rem}.mf-full-title{letter-spacing:-.03em;font-size:clamp(2rem,4.6vw,4.5rem);line-height:.95}.mf-full-text{color:var(--color-pierre);gap:2rem;margin-top:3rem;font-size:1.125rem;line-height:1.5;display:grid}.mf-full-text p{max-width:38ch;margin:0}.mf-full-text span{display:block}@media (width>=768px){.mf-full-text{grid-template-columns:repeat(3,1fr);gap:3rem 2.5rem}}.ap-process{padding-top:5rem}.ap-process-pin{flex-direction:column;gap:2.5rem;display:flex}.ap-process:not(.is-pinned){padding-bottom:2rem}.ap-process.is-pinned{padding:0}.ap-process.is-pinned .ap-process-pin{justify-content:center;gap:clamp(1.25rem,4svh,3rem);height:100svh;padding-top:4.5rem;position:sticky;top:0;overflow:hidden}.ap-process.is-pinned .ap-rail{scroll-snap-type:none;overflow:visible}.ap-process.is-pinned .rail-track{will-change:transform}.ap-process.is-pinned .rail-card{width:min(78vw,80svh - 20rem)}@media (width>=768px){.ap-process.is-pinned .rail-card{width:min(min(100vw,1280px)/3 - 2.33333rem,80svh - 20rem)}}.ap-visual{aspect-ratio:4/5;background:var(--color-avoine);margin:0;display:block;position:relative;overflow:hidden}.ap-sheet{background:var(--color-encre);grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:3px;padding:3px;display:grid}.ap-sheet img{object-fit:cover;width:100%;height:100%}.ap-lens{color:var(--color-encre);justify-content:center;align-items:center;display:flex}.ap-lens svg{width:100%;height:100%;padding:1.25rem}.ap-seal{color:var(--color-encre);flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.ap-seal-mark{aspect-ratio:1;background:currentColor;width:28%;-webkit-mask:url(/brand/monogramme.svg) 50%/contain no-repeat;mask:url(/brand/monogramme.svg) 50%/contain no-repeat}.ap-seal-num{letter-spacing:-.03em;font-size:clamp(3.5rem,7vw,6rem);line-height:.9}
