.folio-hero{isolation:isolate;background:#252b2d;border-bottom:1px solid #575d5f;min-height:clamp(610px,78svh,850px);position:relative;overflow:hidden}.folio-hero-image{z-index:-1;position:absolute;inset:0}.folio-hero-image picture{display:contents}.folio-hero-image img{object-fit:cover;object-position:54% center;filter:grayscale()contrast(1.12);width:100%;height:100%}.folio-hero-image:after{content:"";background:linear-gradient(90deg,#080a0cf2,#080a0cb0 51%,#080a0c47),linear-gradient(#080a0c6b,#0000 48%,#080a0cc7);position:absolute;inset:0}.folio-hero-content{min-height:inherit;flex-direction:column;padding-block:clamp(1.5rem,2.8vw,3rem);display:flex;position:relative}.folio-breadcrumb{color:#e6e9e7;border-bottom:1px solid #ffffff80;align-items:center;gap:.8rem;min-height:44px;padding-bottom:1rem;font-size:.81rem;font-weight:600;display:flex}.folio-breadcrumb a{justify-content:center;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.folio-breadcrumb>span[aria-hidden]{color:var(--f4-muted)}.folio-hero-main{max-width:1320px;margin-top:auto;padding-top:8rem}.folio-hero-main .index{color:#fff}.folio-hero h1{letter-spacing:-.07em;text-transform:uppercase;margin:1.8rem 0 0;font-size:clamp(4.6rem,8vw,9rem);font-weight:700;line-height:.82}.folio-hero h1 em{color:#d4d8d7;font-style:normal;font-weight:400}.folio-hero h1>span,.folio-hero h1>em{display:inline-block}.folio-hero-bottom{border-top:1px solid #ffffff8c;justify-content:space-between;align-items:end;gap:3rem;max-width:1110px;margin-top:clamp(2.5rem,4vw,4rem);padding-top:1.2rem;display:flex}.folio-hero-bottom p{color:#e9edeb;max-width:53ch;margin:0;font-size:clamp(1rem,1.24vw,1.25rem);line-height:1.5}.folio-hero-bottom a{border-bottom:1px solid #fff;flex:none;justify-content:space-between;align-items:center;gap:1.2rem;min-width:13rem;min-height:48px;padding-bottom:.5rem;font-weight:700;text-decoration:none;display:flex}.folio-hero-bottom a span{font-size:1.25rem}.folio-hero-caption{color:#f0f3f1;letter-spacing:.1em;text-align:right;text-transform:uppercase;text-shadow:0 1px 8px #000;align-self:flex-end;max-width:38ch;margin-top:2rem;font-size:.72rem;font-weight:700;line-height:1.35;display:block}.folio-work{background:#151719}.folio-work-top{grid-template-columns:minmax(0,1fr) minmax(250px,.42fr);align-items:end;gap:2rem clamp(2rem,6vw,8rem);padding-block:clamp(5rem,8vw,9rem) clamp(3rem,5vw,5rem);display:grid}.folio-work-top h2{letter-spacing:-.065em;text-transform:uppercase;margin:1.5rem 0 0;font-size:clamp(3.8rem,6.4vw,7rem);font-weight:700;line-height:.88}.folio-work-top>p{color:#cbd1cf;max-width:42ch;margin:0;font-size:clamp(1rem,1.18vw,1.16rem);line-height:1.5}.folio-filters{z-index:30;backdrop-filter:blur(12px);background:#101214fa;border-block:1px solid #62676a;justify-content:space-between;align-items:center;gap:1.5rem;min-height:76px;display:flex;position:sticky;top:76px}.folio-filters[hidden]{display:none}.folio-filters>span{color:#bfc6c4;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.76rem;font-weight:700}.folio-filters>div{background:#555b5d;align-items:stretch;gap:1px;min-height:55px;display:flex;position:relative}.folio-filters button{color:#d7dcd9;font:inherit;cursor:pointer;background:#1c2022;border:0;align-items:center;gap:.8rem;padding:.6rem clamp(.8rem,1.5vw,1.5rem);font-size:.88rem;font-weight:700;display:flex}.folio-filters button small{font-variant-numeric:tabular-nums;font-size:.72rem}.folio-filters button[aria-pressed=true]{color:#fff;background:#313639}.folio-case-list{margin-top:0}.folio-case{border-top:1px solid #5b6264;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(590px,48vw,760px);display:grid}.folio-case:last-child{border-bottom:1px solid #5b6264}.folio-case[hidden]{display:none!important}.folio-case-media{isolation:isolate;background:linear-gradient(145deg,#383f41,#171c1f);min-width:0;min-height:590px;margin:0;position:relative;overflow:hidden}.folio-case-media:before{z-index:-1;content:"";background:repeating-linear-gradient(90deg,#0000 0 13.8%,#ffffff0a 14% 14.1%,#0000 14.3% 28%);position:absolute;inset:0}.folio-case-media:after{content:"";background:linear-gradient(#07090b1a,#0000 45%,#07090bb8);position:absolute;inset:0}.folio-case-media-automatismes{background:linear-gradient(145deg,#303237,#15171b)}.folio-case-glyph{color:#0000;-webkit-text-stroke:1px #ffffff8c;letter-spacing:-.1em;font-variant-numeric:tabular-nums;font-size:clamp(14rem,29vw,36rem);font-weight:700;line-height:.8;position:absolute;top:.04em;left:-.045em}.folio-case-geometry{position:absolute;inset:25% 10% 16% 22%;transform:rotate(-10deg)}.folio-case-geometry i{border:1px solid #a8b6b8;display:block;position:absolute}.folio-case-geometry i:first-child{inset:0 7% 21% 0}.folio-case-geometry i:nth-child(2){inset:14% 0 7% 15%}.folio-case-geometry i:nth-child(3){border:2px solid var(--color-particulars-accent);inset:30% 19% 0 2%}.folio-case-media-automatismes .folio-case-geometry{transform:rotate(9deg)}.folio-case-media-automatismes .folio-case-geometry i{border-radius:50%}.folio-case-media figcaption{z-index:2;color:#fff;letter-spacing:.11em;text-transform:uppercase;border-top:1px solid #ffffffa6;padding-top:.8rem;font-size:.75rem;font-weight:700;line-height:1.4;position:absolute;bottom:clamp(1.5rem,3vw,3rem);left:clamp(1.5rem,3vw,3rem);right:clamp(1.5rem,3vw,3rem)}.folio-case-copy{background:#1e2224;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;padding:clamp(2rem,4vw,5rem);display:flex}.folio-case:nth-child(2n) .folio-case-copy{background:#141719}.folio-case-meta{letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #5a6162;justify-content:space-between;align-self:stretch;align-items:flex-start;gap:1rem;padding-bottom:1rem;font-size:.78rem;font-weight:700;line-height:1.35;display:flex}.folio-case-meta span:last-child{font-variant-numeric:tabular-nums}.folio-case-copy h3{letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word;max-width:15ch;margin:2rem 0 1.5rem;font-size:clamp(3.2rem,5.1vw,6rem);font-weight:600;line-height:.9}.folio-case-copy p{color:#d8ddda;max-width:48ch;margin:0;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55}.folio-case-copy .underlined-link{margin-top:2rem}.folio-case-reverse .folio-case-media{order:2}.folio-case-reverse .folio-case-copy{order:1}.folio-more{background:#101214;padding-block:clamp(5rem,8vw,9rem)}.folio-more-inner{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);align-items:end;gap:2rem clamp(2rem,6vw,8rem);display:grid}.folio-more h2{letter-spacing:-.065em;text-transform:uppercase;margin:2rem 0 0;font-size:clamp(3.8rem,6.2vw,7rem);font-weight:700;line-height:.88}.folio-more-links{border-top:1px solid #5f6667}.folio-more-links a{letter-spacing:-.035em;text-transform:uppercase;border-bottom:1px solid #5f6667;justify-content:space-between;align-items:center;gap:1rem;min-height:84px;font-size:clamp(1.5rem,2.2vw,2.6rem);font-weight:600;text-decoration:none;display:flex}.folio-more-links a span{color:var(--f4-muted);font-size:1.5rem;font-weight:400}@media (width<=1000px){.folio-hero h1{font-size:clamp(4rem,8vw,7rem)}.folio-hero-bottom{flex-direction:column;align-items:flex-start;gap:1.5rem}.folio-case,.folio-case-media{min-height:560px}.folio-case-copy h3{font-size:clamp(2.8rem,5vw,4.4rem)}.folio-case-meta{flex-wrap:wrap}}@media (width<=760px){.folio-hero{min-height:max(690px,100svh - 68px)}.folio-hero-image:after{background:linear-gradient(#080a0c4d,#080a0cb8 52%,#080a0cf7)}.folio-hero-content{padding-block:1.3rem 2rem}.folio-hero-main{padding-top:9rem}.folio-hero h1{font-size:clamp(3.3rem,9vw,5.4rem)}.folio-hero-caption{text-align:left;align-self:flex-start}.folio-work-top{grid-template-columns:1fr}.folio-work-top h2{font-size:clamp(3.4rem,8vw,5.5rem)}.folio-filters{flex-direction:column;align-items:stretch;gap:.5rem;padding-block:.65rem;top:68px}.folio-filters>div{min-height:48px}.folio-filters button{flex:1;justify-content:center}.folio-case{flex-direction:column;display:flex}.folio-case-media,.folio-case-reverse .folio-case-media{order:0;height:400px;min-height:400px}.folio-case-copy,.folio-case-reverse .folio-case-copy{order:1;min-height:470px}.folio-case-copy h3{font-size:clamp(3rem,7vw,5rem)}.folio-more-inner{grid-template-columns:1fr;gap:3rem}}@media (width<=520px){.folio-breadcrumb{gap:.5rem;font-size:.76rem}.folio-hero{min-height:700px}.folio-hero h1{font-size:clamp(2.8rem,10vw,4rem)}.folio-hero-bottom p{font-size:.98rem}.folio-hero-caption{font-size:.64rem}.folio-work-top h2{font-size:clamp(2.9rem,10vw,3.8rem)}.folio-filters>span{font-size:.68rem}.folio-filters button{gap:.25rem;padding:.55rem .35rem;font-size:.75rem}.folio-filters button small{font-size:.65rem}.folio-case-media,.folio-case-reverse .folio-case-media{height:310px;min-height:310px}.folio-case-glyph{font-size:13rem}.folio-case-copy,.folio-case-reverse .folio-case-copy{min-height:430px;padding:2rem var(--page-gutter)}.folio-case-copy h3{font-size:clamp(2.6rem,9vw,3.8rem)}.folio-case-copy p{font-size:1rem}.folio-case-meta{font-size:.68rem}.folio-more h2{font-size:clamp(3rem,10vw,4.3rem)}}@media (width<=360px){.folio-hero{min-height:730px}.folio-hero h1{font-size:9.4vw}.folio-case-copy h3{font-size:8.6vw}.folio-case-media,.folio-case-reverse .folio-case-media{height:280px;min-height:280px}.folio-case-copy,.folio-case-reverse .folio-case-copy{min-height:450px}}.portfolio-page .folio-case{min-height:520px}.portfolio-page .folio-hero{min-height:clamp(560px,78svh,760px)}.portfolio-page .folio-hero-main{padding-top:5rem}.portfolio-page .folio-hero h1{font-size:clamp(3.9rem,6.2vw,7rem)}.portfolio-page .folio-work-top h2,.portfolio-page .folio-more h2{font-size:clamp(3.5rem,5.4vw,5.8rem)}.portfolio-page .folio-work{background:var(--client-paper);color:var(--client-ink)}.portfolio-page .folio-work .index,.portfolio-page .folio-work-top>p{color:#4c5652}.portfolio-page .folio-filters{background:#eeefebf7;border-color:#aeb6b2}.portfolio-page .folio-filters>span{color:#4c5652}.portfolio-page .folio-filters>div{background:#aeb6b2}.portfolio-page .folio-filters button{color:var(--client-ink);transition:background .2s ease, color .2s ease, scale .16s var(--motion-ease);background:#e2e5e0}.portfolio-page .folio-filters button small{color:var(--color-particulars-accent)}.portfolio-page .folio-filters button[aria-pressed=true]{color:var(--client-ink);background:#fff}.portfolio-page .folio-filters button:active{scale:.97}.folio-filter-indicator{z-index:1;background:var(--color-particulars-accent);pointer-events:none;width:0;height:2px;position:absolute;bottom:0;left:0}.folio-filters:not(.has-indicator) button[aria-pressed=true]{box-shadow:inset 0 -2px var(--color-particulars-accent)}.folio-filters.has-indicator .folio-filter-indicator.is-ready{transition:translate .32s var(--ease-out-strong), width .32s var(--ease-out-strong)}.portfolio-page .folio-case{border-top-color:#aeb6b2}.portfolio-page .folio-case:last-child{border-bottom-color:#aeb6b2}.portfolio-page .folio-case-copy{background:var(--client-paper);color:var(--client-ink)}.portfolio-page .folio-case-meta{color:var(--color-particulars-accent);border-bottom-color:#aeb6b2}.portfolio-page .folio-case-copy p{color:#3f4845}.portfolio-page .folio-more{color:#fff;background:#1e2225;border-top:1px solid #33393c}.portfolio-page .folio-more .index{color:var(--f4-muted)}@media (width<=760px){.portfolio-page .folio-hero{min-height:680px}.portfolio-page .folio-hero h1{font-size:min(clamp(3.9rem,6.2vw,7rem), calc((100vw - 2 * var(--page-gutter)) / (var(--chars) * .53)))}.portfolio-page .folio-work-top h2,.portfolio-page .folio-more h2{font-size:min(clamp(3.5rem,5.4vw,5.8rem), calc((100vw - 2 * var(--page-gutter)) / (var(--chars) * .53)))}}.portfolio-page .arrow{display:inline-block}.folio-hero-bottom a,.underlined-link,.folio-more-links a{transition:scale .16s var(--motion-ease), color var(--motion-fast) ease}.folio-hero-bottom a:active,.underlined-link:active,.folio-more-links a:active{scale:.98}@media (hover:hover) and (pointer:fine){.portfolio-page .arrow{transition:translate .22s var(--motion-ease)}.portfolio-page a:hover .arrow{translate:3px -3px}.folio-hero-bottom a:hover .arrow{translate:3px 3px}.folio-breadcrumb a:hover{text-underline-offset:.3em;text-decoration:underline}.portfolio-page .folio-filters button:not([aria-pressed=true]):hover{background:#f4f5f2}}@media (prefers-reduced-motion:no-preference){.folio-hero-image img{animation:settle-image 1.1s var(--ease-out-strong) backwards}.folio-case.is-revealed .folio-case-media{animation:reveal-fade .52s var(--ease-out-strong) backwards}.folio-case.is-revealed .folio-case-media img{animation:settle-image .9s var(--ease-out-strong) backwards}.folio-case.is-revealed .folio-case-glyph{animation:reveal-rise-soft .52s var(--ease-out-strong) .12s backwards}.folio-case.is-revealed .folio-case-copy>*{animation:reveal-rise var(--reveal-duration) var(--ease-settle) backwards;animation-delay:calc(.16s + var(--j,0) * 60ms)}.folio-case-meta{--j:0}.folio-case-copy>div{--j:1}.folio-case-copy>.underlined-link{--j:2}.folio-case.is-entering{animation:reveal-rise-soft .48s var(--ease-out-strong) calc(var(--enter-i,0) * 60ms) backwards}}.portfolio-page .folio-hero h1{margin-top:0}.portfolio-page .folio-work,.portfolio-page .folio-case-copy{background:var(--surface-read)}.portfolio-page .folio-case:nth-child(2n) .folio-case-copy{background:var(--surface-read-alt)}.portfolio-page .folio-filters{background:#fffffff7}.portfolio-page .folio-filters button{background:var(--surface-read-alt)}.portfolio-page .folio-work-top{padding-block:var(--space-section) var(--space-lead)}.portfolio-page .folio-more{padding-block:var(--space-section)}.portfolio-page .folio-hero-bottom p,.portfolio-page .folio-work-top>p{font-size:var(--type-intro)}.portfolio-page .folio-case h3{font-size:var(--type-h3)}.portfolio-page .folio-case-copy p{font-size:var(--type-body)}.portfolio-page .folio-case-meta,.portfolio-page .folio-filters>span{font-size:var(--type-meta);letter-spacing:var(--tracking-meta)}.portfolio-page .folio-hero-caption{font-size:var(--type-caption)}.portfolio-page .folio-hero-image img{filter:saturate(.85)contrast(1.05)}@media (width<=760px){.portfolio-page .folio-case-copy,.portfolio-page .folio-case-reverse .folio-case-copy{min-height:0}.portfolio-page .folio-case-media,.portfolio-page .folio-case-reverse .folio-case-media{height:240px;min-height:240px}}.folio-case-media picture{display:contents}.folio-case-media img{z-index:-2;object-fit:cover;filter:saturate(.82)contrast(1.04);width:100%;height:100%;position:absolute;inset:0}.folio-case-media:before{display:none}.folio-case-media:after{z-index:-1;background:linear-gradient(#07090b1f,#0000 50%,#07090bc7)}.folio-case-glyph{z-index:1;-webkit-text-stroke-color:#ffffffc7;font-size:clamp(6rem,12vw,11rem);top:.1em;left:.07em}.folio-case-media-estructures img,.folio-case-media-automatismes img{object-position:center}