.works-intro{padding:90px var(--gutter) 50px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);align-items:end;gap:clamp(50px,9vw,170px);display:grid}.works-intro h1{letter-spacing:-.075em;margin-top:50px;font:800 clamp(70px,10.5vw,188px)/.86 Arial,sans-serif}.works-intro h1 .title-accent-dot{color:var(--blue)}.works-intro>p{border-left:4px solid var(--green);max-width:560px;padding-left:22px;font-size:clamp(15px,1.15vw,18px);line-height:1.65}.works-intro>p a{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.works-intro>p a:hover{color:var(--blue)}.works{width:100%;max-width:calc(1480px + (2 * var(--gutter)));padding:0 var(--gutter) 90px;margin-inline:auto}.works-tools{border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr) auto;align-items:center;gap:32px;margin-bottom:50px;padding:22px 0;display:grid}.works-tools h2{text-transform:none;letter-spacing:.08em;font-size:12px;font-weight:500}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:300;display:inline-flex}.filters button span{color:var(--blue);margin:0;font-size:9px;line-height:1}.filters button:hover{border-color:#2b2b2b55}.filters button[aria-pressed=true]{background:var(--coal);color:var(--ivory);border-color:var(--coal)}.filters button[aria-pressed=true] span{color:var(--green)}.filters button:disabled{opacity:.4;cursor:not-allowed}.filters button:focus-visible{outline-color:var(--blue);outline-offset:2px}.filter-status{white-space:nowrap;font-size:10px}.filter-status span{color:var(--blue);font-weight:700}.projects-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.project-card{grid-template-rows:minmax(0,1fr) auto;min-width:0;height:100%;display:grid}.project-card[hidden]{display:none!important}.project-card a{grid-template-rows:minmax(0,1fr) auto;min-width:0;height:100%;display:grid}.project-preview-trigger{width:100%;min-width:0;height:100%;color:inherit;cursor:zoom-in;text-align:inherit;background:0 0;border:0;padding:0;display:block}.project-card:not([data-preparation]){grid-column:span 4}.project-card.is-featured{grid-column:span 7}.project-card.is-featured-partner{grid-column:span 5}.project-media{background:#e6e1db;border:1px solid #4743c526;position:relative;overflow:hidden}.project-media:before{content:"Visuel indisponible";color:#2b2b2b80;letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}[data-layout=featured] .project-media,[data-layout=landscape] .project-media{aspect-ratio:4/3}[data-layout=square] .project-media{aspect-ratio:1}.project-card.is-featured .project-media,.project-card.is-featured-partner .project-media{aspect-ratio:auto;height:100%;min-height:0}.project-media:after{content:"";background:var(--green);width:0;height:5px;transition:width .65s cubic-bezier(.2,.75,.2,1);position:absolute;bottom:0;left:0}.project-preview-icon{z-index:3;color:#696969;filter:drop-shadow(0 0 2px #f1ede7f2);pointer-events:none;display:block;position:absolute;bottom:12px;left:12px}.project-preview-icon .ui-icon{stroke-width:2px;width:20px;height:20px}.project-media img{z-index:1;object-position:center;background:#e6e1db;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.75,.2,1);position:relative}[data-fit=contain] .project-media img{object-fit:contain}[data-fit=cover] .project-media img{object-fit:cover}.project-card a:hover .project-media img{transform:scale(1.012)translateY(-.25%)}.project-card a:hover .project-media:after{width:100%}.project-info{border-top:1px solid var(--coal);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;height:42px;margin-top:8px;padding-top:8px;display:grid}.project-category{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:9px;line-height:1.3;display:block}.project-category:after{content:" —";color:var(--coal)}.project-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:500 clamp(12px,.85vw,15px)/1.3 var(--mono);letter-spacing:-.025em;overflow:hidden}.project-info>.ui-icon{width:19px;height:19px;color:var(--blue);flex:none;transition:transform .45s}.project-card a:hover .project-info>.ui-icon{transform:translate(5px,-5px)}.project-card[data-filtered]{display:none}.projects-grid{transition:opacity .18s,transform .18s}.projects-grid.is-filtering{opacity:.2;transform:translateY(6px)}.project-lightbox{background:var(--ivory);width:min(92vw,1400px);max-width:none;height:min(90vh,1000px);color:var(--coal);border:0;padding:48px;overflow:hidden}.project-lightbox::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#171717d9}.project-lightbox figure{grid-template-rows:minmax(0,1fr) auto;gap:12px;width:100%;height:100%;display:grid}.project-lightbox img{object-fit:contain;width:100%;height:100%;min-height:0}.project-lightbox figcaption{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.lightbox-close{z-index:2;border:1px solid var(--coal);background:var(--ivory);cursor:pointer;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}.lightbox-close .ui-icon{width:19px;height:19px}.works-contact{padding:90px var(--gutter);color:var(--ivory)}.works-contact>.eyebrow{margin-bottom:50px}.works-contact>div{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:50px;display:grid}.works-contact h2{letter-spacing:-.06em;white-space:nowrap;max-width:none;font:700 clamp(40px,4.4vw,72px)/.96 Arial,sans-serif}@media (max-width:1024px){.works-intro{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr)}.projects-grid{gap:14px}}@media (min-width:761px){.project-card[data-project-id=arca-a10]{order:1;grid-column:span 6}.project-card[data-project-id=hygiene-plus]{order:2;grid-column:span 6}.project-card[data-project-id=charleroi-airport]{order:3;grid-column:span 6}.project-card[data-project-id=jotter],.project-card[data-project-id=biotope-apiculture]{order:1;grid-column:span 6}.projects-grid[data-active-filter=logo] .project-card[data-project-id=hygiene-plus],.projects-grid[data-active-filter=logo] .project-card[data-project-id=charleroi-airport]{order:0;grid-column:span 4}.projects-grid[data-active-filter=logo] .project-card[data-project-id=arca-a10]{order:1}.projects-grid[data-active-filter=web] .project-card[data-project-id=jotter],.projects-grid[data-active-filter=web] .project-card[data-project-id=biotope-apiculture]{order:0;grid-column:span 6}}@media (min-width:1025px){.projects-grid[data-active-filter=all] .project-card[data-project-id=arca-a10],.projects-grid[data-active-filter=all] .project-card[data-project-id=jotter],.projects-grid[data-active-filter=all] .project-card[data-project-id=biotope-apiculture]{grid-column:span 4}}@media (max-width:760px){.works-intro{grid-template-columns:1fr;gap:42px;padding-top:70px}.works-intro h1{letter-spacing:-.08em;overflow-wrap:anywhere;font-size:clamp(44px,14vw,92px)}.works-tools{grid-template-columns:1fr;gap:18px}.filters{flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:0;display:flex}.filters button{white-space:nowrap;overflow-wrap:normal;justify-content:flex-start;min-height:44px;padding:10px 12px}.filter-status{justify-self:start}.projects-grid{grid-template-columns:1fr;gap:12px}.project-card:not([data-preparation]),.project-card.is-featured .project-media,.project-card.is-featured-partner .project-media{height:auto}[data-layout=featured] .project-media,[data-layout=landscape] .project-media{aspect-ratio:4/3}[data-layout=square] .project-media{aspect-ratio:1}.works-contact>div{grid-template-columns:1fr;align-items:start}.works-contact h2{font-size:clamp(24px,7.4vw,40px)}.works-contact .ab-cta{width:100%}.project-lightbox{width:100vw;height:100dvh;margin:0;padding:52px 16px 20px}.project-preview-icon{bottom:10px;left:10px}.project-preview-icon .ui-icon{width:18px;height:18px}}@media (max-width:390px){.works-intro,.works,.works-contact{padding-left:20px;padding-right:20px}.works-intro h1{font-size:clamp(40px,13vw,52px)}.filters button{text-align:left;min-width:0}.projects-grid{grid-template-columns:minmax(0,1fr);gap:10px}.project-card,.project-card>a,.project-media,.project-info{width:100%;min-width:0;max-width:100%}.project-info h3{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.project-media img,.project-media:after,.project-info>.ui-icon{transition:none!important}.project-card a:hover .project-media img,.project-card a:hover .project-info>.ui-icon{transform:none}.projects-grid{transition:none!important}}.works-page{--gutter:clamp(24px,5vw,96px);font-weight:300;line-height:1.75}.works-page .eyebrow>i{background:var(--blue);vertical-align:middle;width:28px;height:3px;margin-right:14px;display:inline-block}.works-contact .eyebrow>i{background:var(--green)}.project-preview-trigger:hover .project-media img{transform:scale(1.012)translateY(-.25%)}.project-preview-trigger:hover .project-media:after{width:100%}.project-card.is-featured .project-media{aspect-ratio:4/3;height:auto}.project-card.is-featured-partner .project-media{aspect-ratio:auto;height:100%}.project-card .project-preview-trigger{grid-template-rows:none;display:block}.project-card .project-info{margin-top:8px}.project-lightbox{margin:auto}.project-lightbox .lightbox-close svg{flex:none;display:block}.motion-reduced .projects-grid,.motion-reduced .project-media img,.motion-reduced .project-media:after{transition:none!important}.motion-reduced .project-preview-trigger:hover .project-media img{transform:none}@media (prefers-reduced-motion:reduce){.project-preview-trigger:hover .project-media img{transform:none}}@media (max-width:760px){.project-card.is-featured-partner .project-media{aspect-ratio:1;height:auto}.project-lightbox{margin:0}}.works-page .project-info{margin-bottom:0}.filters button span{white-space:nowrap;flex:none}.works-page .project-media:after{z-index:2;pointer-events:none}@media (hover:hover) and (pointer:fine){.works-page .project-card:hover .project-media:after{width:100%}}.works-page .project-preview-trigger:focus-visible .project-media:after{width:100%}@media (hover:none){.works-page .project-card a:hover .project-media:after,.works-page .project-preview-trigger:hover .project-media:after{width:0}.works-page .project-preview-trigger:focus-visible .project-media:after{width:100%}}@font-face{font-family:Martian Mono;src:url(/fonts/MartianMono-Medium.ttf)format("truetype");font-weight:500;font-display:swap}.works-page .project-detail-link{cursor:pointer}