.filtre{background:linear-gradient(#ffffff14,#ffffff08);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:2.5rem;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 0 0 1px #ffffff1a}.filtre button{font:500 .9375rem/1 var(--f-texte);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:.55rem;min-height:44px;padding:0 1.1rem;transition:color .2s ease-out,background .2s ease-out;display:inline-flex}.filtre button:hover{color:var(--ink)}.filtre button[aria-pressed=true]{color:#1d2421;background:linear-gradient(#f4f7f5,#dce3df);box-shadow:inset 0 1px #fff,0 2px #8f9b96}.filtre .nb{font-variant-numeric:tabular-nums;color:var(--ink-subtle);font-size:.8125rem}.filtre button[aria-pressed=true] .nb{color:#4a5550}@media (max-width:760px){.filtre{width:100%;box-shadow:none;background:linear-gradient(90deg,#0000,#ffffff24 12% 88%,#0000) 0 100%/100% 1px no-repeat;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:2.25rem auto 0;padding:0;display:grid}.filtre button{min-height:64px;color:var(--ink-muted);border-radius:8px 8px 0 0;flex-direction:column;justify-content:center;gap:.3rem;padding:.6rem .25rem .75rem;font-size:1rem;position:relative}.filtre button:after{content:"";opacity:0;background:linear-gradient(90deg,#eef3f026,#eef3f0f2 50%,#eef3f026);height:2px;transition:opacity .2s ease-out;position:absolute;bottom:0;left:0;right:0}.filtre button[aria-pressed=true]{color:var(--ink);box-shadow:none;background:radial-gradient(70% 90% at 50% 100%,#eef3f014,#0000 100%)}.filtre button[aria-pressed=true]:after{opacity:1}.filtre button[aria-pressed=true] .nb{color:var(--ink-muted)}.filtre button:focus-visible{outline-offset:-2px}.filtre .long{display:none}}.nom-clair{margin-top:.6rem;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);display:block}.etiquettes{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.etiquettes li{letter-spacing:.03em;color:var(--ink-muted);background:var(--surface-2);box-shadow:0 0 0 1px var(--hairline);border-radius:6px;padding:.3rem .65rem;font-size:.8125rem;font-weight:700}.vitrine{gap:var(--section);display:grid}.projet{text-align:center;justify-items:center;gap:1.25rem;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,4vw,3rem) clamp(2.5rem,6vw,4.5rem);display:grid;position:relative;overflow:hidden}.projet[hidden],.parole[hidden],.client[hidden]{display:none}.client{gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.vitrine[data-vue=tout] .volet h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.bandeau{justify-content:center;justify-self:stretch;align-items:center;gap:1rem;margin-bottom:clamp(.5rem,2vw,1.5rem);display:flex}.scene{isolation:isolate;width:min(100%,940px);margin-bottom:clamp(2rem,5vw,3.5rem);position:relative}.scene:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, rgb(var(--marque) / .24), rgb(var(--marque) / .08) 55%, transparent);position:absolute;inset:-12% -8%}.plaque{background:#eef3f0;border-radius:8px;padding:10px 14px;display:inline-block}.scene .ordi{aspect-ratio:16/9.5;object-fit:cover;object-position:top;filter:brightness(.86);border-radius:10px;width:100%;-webkit-mask-image:radial-gradient(72% 78% at 50% 42%,#000 50%,#0000008c 72%,#0000 100%);mask-image:radial-gradient(72% 78% at 50% 42%,#000 50%,#0000008c 72%,#0000 100%)}.boitier{width:clamp(76px,15%,150px);box-shadow:0 0 0 1px #ffffff24, 0 0 0 7px var(--surface-1);background:#111614;border-radius:22px;padding:5px;position:absolute;bottom:5%;right:7%}.boitier img{aspect-ratio:390/780;object-fit:cover;object-position:top;border-radius:17px;width:100%}.projet h2{margin-block:.25rem .5rem}.projet h2 img{width:calc(var(--l) * clamp(70px, 8vw, 112px));margin-inline:auto}.secteur{color:var(--ink-subtle);font-size:.9375rem}.apport{max-width:52ch;color:var(--ink-muted);font-size:clamp(1.05rem,.98rem + .4vw,1.25rem)}.projet .verre{margin-top:.5rem}@media (max-width:760px){.boitier{bottom:4%;right:2%}}@media (max-width:520px){.boitier{display:none}.scene{margin-bottom:1rem}}.parole{text-align:center;gap:1.5rem;margin:0 auto;padding-block:clamp(2.5rem,7vw,5rem);display:grid}.parole blockquote{max-width:21ch;font-family:var(--f-titre);margin:0 auto;font-size:clamp(1.9rem,1.1rem + 3vw,3.6rem);line-height:1.15}.parole blockquote p{text-wrap:balance}.parole figcaption{color:var(--ink-subtle);font-size:.9375rem}.vide{text-align:center;color:var(--ink-subtle);padding:3rem 0}