.le{--k:150px;--bar:81px}@media (min-width:768px){.le{--bar:89px}}@media (min-width:1024px){.le{--bar:73px}}.le h1,.le h2,.le h3{font-family:var(--font-oswald),ui-sans-serif,sans-serif}.le-hero{background:var(--color-light-gray);padding-top:var(--bar);overflow:hidden}.le-hero-grille{grid-template-columns:1fr;display:grid}.le-hero-texte{padding:48px 0 40px}@media (min-width:1024px){.le-hero-grille{grid-template-columns:1fr 1fr;min-height:560px}.le-hero-texte{align-self:center;padding:72px 24px 72px 0}}@media (min-width:1280px){.le-hero-grille{grid-template-columns:5fr 7fr}}@media (min-width:1024px){.le-lames{margin-right:calc(-1 * max(var(--rn-pad),(100vw - var(--rn-max)) / 2 + var(--rn-pad)))}}@media (max-width:1023px){.le-lames{margin-inline:calc(-1 * var(--rn-pad))}}.le-surtitre{font-family:var(--font-oswald),sans-serif;text-transform:uppercase;gap:12px;margin-bottom:24px;font-size:18px;display:flex}.le-surtitre:before{content:"\\";color:var(--color-brick)}.le-hero h1{text-transform:uppercase;border-top:3px solid var(--color-anthracite);max-width:13em;margin:0;font-size:clamp(36px,4.4vw,64px);font-weight:500;line-height:1.15}.le-hero h1 span{border-bottom:3px solid var(--color-anthracite);padding:6px 0;font-family:inherit;display:block}.le-hero-texte p{color:#262626b8;max-width:32em;margin:24px 0 0;font-size:18px;line-height:1.6}.le-lames{height:360px;display:flex;position:relative}@media (min-width:1024px){.le-lames{height:auto;padding-left:24px}}.le-lame{margin-left:calc(-1 * var(--k) + 12px);clip-path:polygon(0 0,calc(100% - var(--k)) 0,100% 100%,var(--k) 100%);color:#fff;background:var(--color-anthracite);animation:1s cubic-bezier(.7,0,.2,1) both le-lame;animation-delay:calc(var(--i) * .16s + .1s);flex:1 1 0;transition:flex-grow .7s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.le-lame:first-child{margin-left:0}.le-lame img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.le-lame:after{content:"";background:linear-gradient(#16161600 40%,#161616c7);position:absolute;inset:0}.le-lame:hover,.le-lame:focus-visible{flex-grow:2.6}.le-lame:hover img{transform:scale(1.05)}.le-lame:focus-visible{outline:3px solid var(--color-brick);outline-offset:-3px}@keyframes le-lame{0%{clip-path:polygon(0 0,0 0,var(--k) 100%,var(--k) 100%)}}.le-etiquette{z-index:2;left:calc(var(--k) + 18px);transition:opacity .3s;position:absolute;bottom:26px;right:20px}.le-lames:hover .le-lame:not(:hover) .le-etiquette{opacity:0}.le-etiquette .client{font-family:var(--font-oswald),sans-serif;text-transform:uppercase;max-width:9.5em;font-size:17px;line-height:1.15;display:block}.le-etiquette .chiffre{font-family:var(--font-oswald),sans-serif;opacity:0;max-height:0;font-size:60px;font-weight:500;line-height:1;transition:max-height .6s,opacity .4s .15s;display:block;overflow:hidden}.le-etiquette .legende{opacity:0;max-height:0;font-size:15px;transition:max-height .6s,opacity .4s .2s;display:block;overflow:hidden}.le-lame:hover .chiffre,.le-lame:focus-visible .chiffre{opacity:1;max-height:70px}.le-lame:hover .legende,.le-lame:focus-visible .legende{opacity:1;max-height:60px}@media (max-width:767px){.le{--k:40px}.le-etiquette{left:calc(var(--k) + 2px);bottom:14px;right:6px}.le-etiquette .client{letter-spacing:0;font-size:13px}}.le-titre{text-transform:uppercase;border-top:3px solid var(--color-anthracite);border-bottom:3px solid var(--color-anthracite);margin:0;padding:6px 0;font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.1;display:inline-block}.le-filtres{flex-wrap:wrap;gap:8px;display:flex}.le-filtres button{font-family:var(--font-oswald),sans-serif;text-transform:uppercase;color:var(--color-anthracite);cursor:pointer;background:#fff;border:1px solid #2626264d;border-radius:999px;padding:6px 14px;font-size:14px;transition:border-color .2s}.le-filtres button:hover{border-color:var(--color-anthracite)}.le-filtres button[aria-pressed=true]{background:var(--color-anthracite);color:#fff;border-color:var(--color-anthracite)}.le-cartes{grid-template-columns:1fr;gap:28px;margin:36px 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.le-cartes{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.le-cartes{grid-template-columns:repeat(3,1fr)}}.le-cartes li{display:flex}.le-carte{width:100%;color:var(--color-anthracite);background:#fff;border:1px solid #2626261f;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}a.le-carte:hover{transform:translateY(-4px);box-shadow:0 24px 40px -24px #26262673}a.le-carte:focus-visible{outline:3px solid var(--color-brick);outline-offset:3px}.le-carte-image{aspect-ratio:4/3;clip-path:polygon(0 0,100% 0,100% 88%,0 100%);position:relative;overflow:hidden}.le-carte-image img{object-fit:cover}.le-carte-corps{flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:18px 22px 22px;display:flex}.le-carte-client{font-family:var(--font-oswald),sans-serif;text-transform:uppercase;color:var(--color-brick-text);margin:0;font-size:15px;font-weight:400;line-height:1.2}.le-carte h3:not(.le-carte-client){text-transform:uppercase;margin:0;font-size:26px;font-weight:500;line-height:1.1}.le-filiere{border:1px solid;border-radius:999px;padding:2px 10px;font-size:13px;display:inline-block}.le-bientot{font-family:var(--font-oswald),sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#26262699;margin-top:auto;padding-top:6px;font-size:13px}.le-carte.bientot{background:var(--color-light-gray);border-style:dashed}.le-carte.bientot .le-carte-image{filter:grayscale();opacity:.45}@media (prefers-reduced-motion:reduce){.le-lame{transition:none;animation:none}.le-lame img,.le-carte{transition:none}}
