@layer components{.atelier-banner .ph{aspect-ratio:21/9}.approach .grid{row-gap:3rem}.approach .a-head{grid-column:1/span 5;align-self:start;position:-webkit-sticky;position:sticky;top:7rem}.approach .a-head p{color:var(--fg-soft);margin-top:1.5rem}.approach .a-body{grid-column:7/span 6;gap:max(3rem,min(6vw,5rem));display:grid}.trap h3,.model h3{margin-bottom:.4rem}.trap>p,.model>p{color:var(--fg-soft);margin-bottom:1.75rem}.trap ol li{border-top:1px solid var(--line);color:var(--fg-soft);padding:.9rem 0;padding-left:calc(var(--i)*clamp(1rem,3vw,2.5rem))}.trap ol li:last-child{color:var(--fg);border-bottom:1px solid var(--line);font-weight:500}.model ul{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.model li{border-bottom:1px solid var(--line);padding:1.4rem 1.4rem 1.4rem 0}.model li:nth-child(2n){border-left:1px solid var(--line);padding-left:1.4rem}.model li strong{margin-bottom:.25rem;font-weight:500;display:block}.model li span{color:var(--fg-soft);font-size:.9375rem}.materials .m-head{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem 2rem;margin-bottom:max(2.5rem,min(5vw,4rem));display:grid}.materials .m-head .h2{grid-column:1/span 6}.materials .m-head p{color:var(--fg-soft);grid-column:8/span 5;align-self:end;margin:0}.mat-list{gap:max(.5rem,min(1vw,.9rem));height:max(26rem,min(64vh,40rem));display:flex}.mat{cursor:pointer;text-align:left;background:var(--color-argile);min-width:0;color:var(--color-chaux);transition:flex-grow .9s var(--ease),border-radius .9s var(--ease);border:0;border-radius:30vw 30vw 0 0/7rem 7rem 0 0;flex:1 1 0;padding:0;position:relative;overflow:hidden}.mat.is-open{border-radius:30vw 30vw 0 0/12rem 12rem 0 0;flex-grow:3.6}.mat img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0}.mat-text{z-index:2;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}.mat-text:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(transparent 0,rgba(13,20,27,.38) 3rem,rgba(13,20,27,.64) 6rem,rgba(13,20,27,.66) 100%);position:absolute;top:-6rem;bottom:-1.25rem;left:-1.25rem;right:-1.25rem}@supports (color:color-mix(in lab, red, red)){.mat-text:before{background:linear-gradient(180deg,color-mix(in srgb,var(--color-encre)0%,transparent)0,color-mix(in srgb,var(--color-encre)38%,transparent)3rem,color-mix(in srgb,var(--color-encre)64%,transparent)6rem,color-mix(in srgb,var(--color-encre)66%,transparent)100%)}}.mat-name{letter-spacing:-.02em;font-size:max(1.25rem,min(1rem + .9vw,2rem));font-weight:400;line-height:1.1;display:block}.mat-sub{font-size:var(--text-small);margin-top:.2rem;display:block}.mat-desc{max-width:22em;margin-top:.75rem;font-size:.9375rem;line-height:1.45;display:none}.mat.is-open .mat-desc{animation:yrl-mat-in .7s .3s var(--ease)both;display:block}.mat:not(.is-open) .mat-name{writing-mode:vertical-rl;transform:rotate(180deg)}.mat:not(.is-open) .mat-sub{display:none}.phases .grid{row-gap:3rem}.phases .p-head{grid-column:1/span 5;align-self:start;position:-webkit-sticky;position:sticky;top:7rem}.phases .p-head p{color:var(--fg-soft);margin-top:1.5rem}.p-list{grid-column:7/span 6;padding-left:max(2.5rem,min(4vw,3.5rem));position:relative}.p-rail{background:var(--line);width:1px;position:absolute;top:.6rem;bottom:.6rem;left:.5rem}.p-rail span{transform-origin:top;background:currentColor;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleY(0)}.no-anim .p-rail span{transform:none}.phase{padding-bottom:max(2.5rem,min(5vw,4rem));position:relative}.phase:last-child{padding-bottom:0}.phase:before{content:"";background:var(--bg);border:1px solid;border-radius:50%;width:11px;height:11px;transition:background-color .4s;position:absolute;top:.55rem;left:calc(-1*max(2.5rem,min(4vw,3.5rem)) + .5rem - 5px)}.phase.is-done:before,.no-anim .phase:before{background:currentColor}.phase-num{font-size:var(--text-small);color:var(--fg-soft);font-variant-numeric:tabular-nums;margin-bottom:.35rem;font-weight:500;display:block}.phase .h3{letter-spacing:-.025em;margin-bottom:.75rem;font-size:max(1.5rem,min(1.2rem + 1vw,2.2rem));font-weight:400}.phase p{color:var(--fg-soft);max-width:32em;margin-bottom:.75rem}.phase .deliv{color:var(--fg);margin:0;font-size:.9375rem}.phase .deliv b{font-weight:500}.remote .r-head{max-width:40rem;margin-bottom:max(3rem,min(6vw,5rem))}.remote .r-head p{color:var(--fg-soft);margin-top:1.5rem}.r-cols{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.r-col{padding:2rem 2rem 0 0}.r-col+.r-col{border-left:1px solid var(--line);padding-left:2rem}.r-col .r-verb{letter-spacing:-.045em;margin-bottom:1.25rem;font-size:max(2.4rem,min(1.5rem + 3vw,4.5rem));font-weight:300;line-height:1}.r-col .r-tool{font-size:var(--text-small);color:inherit;margin-bottom:.6rem;font-weight:500}.r-col p{color:var(--fg-soft);max-width:24em;margin:0}.compare .c-head{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem 2rem;margin-bottom:max(2.5rem,min(5vw,4rem));display:grid}.compare .c-head .h2{grid-column:1/span 6}.compare .c-head p{color:var(--fg-soft);grid-column:8/span 5;align-self:end;margin:0}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.cmp{border-collapse:collapse;width:100%;min-width:46rem}.cmp th,.cmp td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:1.1rem 1rem}.cmp thead th{vertical-align:bottom;text-align:center;font-size:.9375rem;font-weight:500}.cmp thead th:first-child{text-align:left}.cmp .is-us{border-bottom-color:var(--inv-line);background:var(--inv-bg);color:var(--inv-fg)}.cmp tbody th{width:30%;font-weight:500}.cmp tbody th span{font-weight:400;font-size:var(--text-small);color:var(--fg-soft);margin-top:.15rem;display:block}.cmp td{text-align:center;width:17.5%}.cmp-note{color:var(--fg-soft);margin-top:.45rem;font-size:.8125rem;line-height:1.35;display:block}.cmp thead .is-us{border-radius:1.25rem 1.25rem 0 0}.cmp tbody tr:last-child .is-us{border-radius:0 0 1.25rem 1.25rem}.sym{border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;display:inline-grid}.sym svg{width:1rem;height:1rem}.sym-yes{background:currentColor}.sym-yes svg{color:var(--bg)}.is-us .sym-yes svg{color:var(--inv-bg)}.sym-part{border:1px solid}.sym-no{color:var(--fg-soft)}.legend{font-size:var(--text-small);color:var(--fg-soft);flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;display:flex}.legend span{align-items:center;gap:.5rem;display:inline-flex}.legend .sym{width:1.5rem;height:1.5rem;color:var(--fg)}.legend .sym svg{width:.8rem;height:.8rem}.cmp-cards{gap:1rem;display:none}.cmp-card{border:1px solid var(--line);border-radius:1.25rem;padding:1.25rem 1.25rem .5rem}.cmp-card.is-us{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg);--fg-soft:var(--inv-fg-soft);--line:var(--inv-line)}.cmp-card h3{margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.cmp-card li{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:.25rem 1rem;padding:.8rem 0;display:grid}.cmp-card li .cmp-note{grid-column:1/-1;margin-top:0}.cmp-card .sym-yes svg{color:var(--bg)}.cmp-card.is-us .sym-yes svg{color:var(--inv-bg)}.cta-band .grid{align-items:end;row-gap:2rem}.cta-band .h2{grid-column:1/span 7}.cta-band .cta-side{grid-column:9/span 4}.cta-band .cta-side p{color:var(--fg-soft)}.cta-band .cta-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:.75rem;display:flex}@media not all and (min-width:1081px){.approach .a-head,.approach .a-body,.phases .p-head,.p-list,.cta-band .h2,.cta-band .cta-side,.materials .m-head .h2,.materials .m-head p,.compare .c-head .h2,.compare .c-head p{grid-column:1/-1}.phases .p-head,.approach .a-head{position:static}}@media not all and (min-width:761px){.materials .m-head,.compare .c-head{column-gap:1rem}.model ul{grid-template-columns:1fr}.model li:nth-child(2n){border-left:0;padding-left:0}.mat-list{flex-direction:column;height:auto}.mat{height:5.5rem;min-height:5.5rem;transition:height .8s var(--ease);border-radius:1.25rem 1.25rem 0 0;flex:none}.mat.is-open{border-radius:1.25rem 1.25rem 0 0;height:24rem}.mat:not(.is-open) .mat-name{writing-mode:horizontal-tb;transform:none}.r-cols{grid-template-columns:1fr}.r-col,.r-col+.r-col{border-left:0;padding:2rem 0}.r-col+.r-col{border-top:1px solid var(--line)}.table-scroll{display:none}.cmp-cards{display:grid}}}@keyframes yrl-mat-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}
