@font-face{font-family:Bigger Display;font-weight:700;src:url(/fonts/Bigger-Display.woff2)format("woff2");font-display:swap}@font-face{font-family:Editorial New;font-weight:400;src:url(/fonts/PPEditorialNew-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Editorial New;font-weight:200;src:url(/fonts/PPEditorialNew-Ultralight.woff2)format("woff2");font-display:swap}@font-face{font-family:Fraktion Mono;font-weight:400;src:url(/fonts/PPFraktionMono-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Fraktion Mono;font-weight:700;src:url(/fonts/PPFraktionMono-Bold.woff2)format("woff2");font-display:swap}#page-projets{--primary:#f5eee4;--secondary:#160000;--shadow:#4d4040;--crimson:#8e0320;--font-bigger:"Bigger Display", sans-serif;--font-editorial:"Editorial New", serif;--font-fraktion:"Fraktion Mono", monospace;--e-in-cubic:cubic-bezier(.55, .055, .675, .19);--e-out-quint:cubic-bezier(.23, 1, .32, 1);--e-in-out-quint:cubic-bezier(.86, 0, .07, 1);background:var(--secondary);color:var(--secondary);font-family:var(--font-editorial)}html[data-theme=dark] #page-projets{--crimson:#ed2651}#page-projets .work-bg{z-index:0;pointer-events:none;background:var(--secondary);position:fixed;inset:0;overflow:hidden}#page-projets .wk-mask-outer{pointer-events:none;position:absolute;inset:0;overflow:hidden}#page-projets .wk-mask{will-change:scale, transform;position:absolute;inset:0}#page-projets .wk-mask__svg{width:100%;height:100%;position:absolute;top:0;left:0}#page-projets .wk-mask__path-outer{fill:var(--primary);fill-rule:evenodd;stroke:var(--secondary);stroke-width:1px}#page-projets .wk-mask__path-inner{fill:var(--primary);fill-rule:evenodd;stroke:var(--secondary);stroke-width:1px;transform:translate3d(0, calc(var(--scroll-progress,0) * 48px), 0);will-change:transform}#page-projets .wk-mask__path-lines{fill:none;stroke:var(--secondary);stroke-width:1px}#page-projets .wk-inner{background:var(--secondary);color:var(--primary);will-change:clip-path, transform;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:none}@media only screen and (width>=576px){#page-projets .wk-inner{transform:translate3d(0, calc(var(--scroll-progress,0) * -15%), 0)}}#page-projets .wk-ruler{--width:50%;top:10lvh;left:calc(50% - var(--width) / 2);width:var(--width);pointer-events:none;height:80lvh;position:absolute}@media only screen and (width>=576px){#page-projets .wk-ruler{--width:33.3333%}}@media only screen and (width>=987px){#page-projets .wk-ruler{--width:min(16.6667%, 19.625rem)}}#page-projets .wk-title,#page-projets .wk-scene{font:700 min(18.75rem, 25lvh) / 1 var(--font-bigger);text-align:center;text-transform:uppercase}#page-projets .wk-title__inner,#page-projets .wk-scene__letter{line-height:.85}#page-projets .wk-title{opacity:0;word-break:break-all;width:.7em}#page-projets .wk-title__inner{flex-direction:column;justify-content:center;align-items:center;margin:.075em 0 -.125em;display:flex}#page-projets .wk-scene{--shadow:#4d4040;--progress:.5;--state:0;z-index:2;perspective:40rem;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}#page-projets .wk-scene__letter{--head:calc((var(--progress) - .5) * -2);--ahead:calc(var(--head) * var(--head));transform:rotateY(calc(var(--head) * -10deg * var(--state))) translate3d(calc(var(--head) * 50vw * var(--state)), calc(var(--iy) * 50% * var(--ahead) * var(--state)), 0);pointer-events:none;will-change:transform;display:block;position:absolute;top:0;left:0}#page-projets .wk-scene__letter:before{z-index:-1;color:var(--shadow);opacity:min(calc(var(--state) * 2), 1);transform:scale(1.05, 1.02) translate3d(calc(var(--head) * .1rem * var(--state) * var(--state)), 0, 0);transform-origin:calc(50% - var(--head) * 50%) -50%;will-change:opacity, transform;content:attr(data-letter);position:absolute;top:0;left:0}#page-projets .wk-scene__work{z-index:2;transform:rotateY(calc(var(--progress) * -20deg)) translate3d(calc(var(--progress) * (50vw + 100%) - 50%), calc(var(--y) * 50% - 50%), calc(var(--progress) * var(--progress) * -5rem)) scale(var(--size));will-change:transform;position:absolute;top:50%;left:50%}#page-projets .wk-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;transform:none}@media only screen and (width>=576px){#page-projets .wk-canvas{transform:translate3d(0, calc(var(--scroll-progress,0) * -5%), 0)}}#page-projets a-work{background:var(--secondary);transform-style:preserve-3d;will-change:transform;margin:0;padding:.5rem .5rem 0;display:block;position:relative;top:0;left:0}#page-projets a-work a{text-decoration:none;display:block}#page-projets a-work .a__inner{display:block}#page-projets a-work .a__video{width:auto;max-width:50vw;height:auto;max-height:50vh;display:block}#page-projets a-work .a__caption{color:var(--primary);font:700 11px / 1 var(--font-fraktion);letter-spacing:.15em;text-align:right;text-transform:uppercase;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem;display:flex}#page-projets .s-awards{--width:80vw;z-index:1;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:6rem 1rem;display:flex;position:relative}@media only screen and (width>=576px){#page-projets .s-awards{--width:70vw}}@media only screen and (width>=768px){#page-projets .s-awards{--width:32rem;padding:10rem 1rem}}@media only screen and (width>=1080px){#page-projets .s-awards{--width:39.25rem}}#page-projets .s__inner{z-index:2;width:var(--width);border:1px solid var(--secondary);background:var(--primary);position:relative}#page-projets .s__title{background:var(--secondary);color:var(--primary);font:700 12px / 24px var(--font-fraktion);letter-spacing:.1em;text-align:center;text-transform:uppercase;margin:0;padding:0 0 2px}#page-projets .proj-title-card{z-index:2;width:var(--width);background:var(--primary);border:1px solid var(--secondary);padding:24px;position:relative}#page-projets .proj-title-card .sec-tag{color:var(--crimson);margin-bottom:8px}#page-projets .proj-title-card__title{margin:0 0 8px}#page-projets .proj-title-card .pg-title__bg{color:var(--secondary);opacity:.15;word-break:break-word;font-size:clamp(3.2rem,15vw,6.5rem)}#page-projets .proj-title-card .pg-title__hand{color:var(--crimson);font-size:clamp(1.8rem,6vw,3.2rem)}#page-projets .s__awards{grid-template-columns:repeat(4, calc(var(--width) / 4));grid-template-rows:repeat(10, calc(var(--width) / 4 / .75));background:repeating-linear-gradient(-45deg, transparent, transparent 1px, var(--secondary) 1.5px, var(--secondary) 2.5px, transparent 3px, var(--primary) 11px);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media only screen and (width>=768px){#page-projets .s__awards{grid-template-columns:repeat(4, calc(var(--width) / 4));grid-template-rows:repeat(8, calc(var(--width) / 4 / .751))}}#page-projets .s__project{z-index:2;background:var(--primary);clip-path:inset(-1px);cursor:default;will-change:transform;margin:0;padding:.75rem;position:relative}#page-projets .s__project:before{border:1px solid var(--secondary);content:"";position:absolute;inset:-1px 0 0 -1px}#page-projets .s__project__content{width:100%;height:100%;transition:translate 1s var(--e-out-quint), scale 1.5s var(--e-in-out-quint);will-change:translate, scale;display:block;position:relative;translate:-50%}#page-projets .s__project__mask{background:var(--secondary);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .8s var(--e-in-out-quint);will-change:clip-path;pointer-events:none;position:absolute;inset:-1px}#page-projets .s__project__link{z-index:3;cursor:pointer;position:absolute;inset:0}#page-projets .s__project__mask:before{background:var(--primary);width:100%;height:100%;transition:transform .8s var(--e-in-cubic);will-change:transform;content:"";display:block;position:absolute;top:0;left:0;mask:url(/images/asset-star.svg) 50%/1.5rem 1.5rem no-repeat}#page-projets .s__project--counter .s__project__content{container-type:inline-size}#page-projets .s__project--grafana{--name-size:4.6rem;--sub-size:min(1.9rem, 17cqi)}@media only screen and (width>=400px){#page-projets .s__project--grafana{--name-size:5.2rem}}@media only screen and (width>=576px){#page-projets .s__project--grafana{--name-size:6.5rem;--sub-size:min(2.4rem, 17cqi)}}@media only screen and (width>=768px){#page-projets .s__project--grafana{--name-size:7.4rem;--sub-size:min(2.6rem, 17cqi)}}@media only screen and (width>=1080px){#page-projets .s__project--grafana{--name-size:11.5rem;--sub-size:min(3.2rem, 17cqi)}}#page-projets .s__project--fwa{--name-size:5.2rem;--sub-size:min(2rem, 22cqi)}@media only screen and (width>=360px){#page-projets .s__project--fwa{--name-size:5.8rem}}@media only screen and (width>=576px){#page-projets .s__project--fwa{--name-size:6.8rem;--sub-size:min(2.4rem, 22cqi)}}@media only screen and (width>=768px){#page-projets .s__project--fwa{--name-size:5.6rem;--sub-size:min(2rem, 22cqi)}}@media only screen and (width>=1080px){#page-projets .s__project--fwa{--name-size:7rem;--sub-size:min(2.3rem, 22cqi)}}#page-projets .s__project--cssda{--name-size:min(4.6rem, calc((40vw - 24px) / 1.7));--sub-size:min(1.7rem, 15cqi)}@media only screen and (width>=576px){#page-projets .s__project--cssda{--name-size:5.75rem;--sub-size:min(2.2rem, 15cqi)}}@media only screen and (width>=768px){#page-projets .s__project--cssda{--name-size:5.4rem;--sub-size:min(2.3rem, 15cqi)}}@media only screen and (width>=1080px){#page-projets .s__project--cssda{--name-size:7rem;--sub-size:min(2.6rem, 15cqi)}}#page-projets .s__project__name{font:700 var(--name-size) / .82 var(--font-bigger);text-transform:uppercase;opacity:.15}#page-projets .s__project__counters{top:calc(var(--name-size) * .82);flex-direction:column;align-items:center;gap:.05em;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)rotate(-6deg)}#page-projets .s__project__counter{font:400 var(--sub-size) / 1.1 var(--font-calligraphy);color:var(--crimson);text-align:center;white-space:nowrap;display:block}#page-projets .s__project--cssda .s__project__counter{white-space:normal}#page-projets .s__project__text{font:200 1.15rem / 1.13 var(--font-editorial);text-align:center;text-wrap:balance;margin:.25em 0 0;display:block}@media only screen and (width>=400px){#page-projets .s__project__text{font-size:1.25rem}}@media only screen and (width>=576px){#page-projets .s__project__text{font-size:1.5rem}}@media only screen and (width>=768px){#page-projets .s__project__text{font-size:1.75rem}}@media only screen and (width>=1080px){#page-projets .s__project__text{font-size:2.25rem}}#page-projets .s__project--counter .s__project__content{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}#page-projets .s__project--grafana .s__project__name,#page-projets .s__project--fwa .s__project__name,#page-projets .s__project--cssda .s__project__name{align-self:flex-start}#page-projets .s__project--text .s__project__content{flex-direction:column;justify-content:center;align-items:center;display:flex}#page-projets .s__project--webby2025{grid-area:1/1/2/5}#page-projets .s__project--grafana{grid-area:2/1/4/3}#page-projets .s__project--zabbix{grid-area:2/3/3/5}#page-projets .s__project--commArt2017{grid-area:8/1/9/5}#page-projets .s__project--fwa{grid-area:4/3/6/5}#page-projets .s__project--gsapOct2024{grid-area:4/1/5/3}#page-projets .s__project--gsapNov2024{grid-area:6/3/7/5}#page-projets .s__project--cssda{grid-area:6/1/8/3}#page-projets .s__project--CSSDA2016{grid-area:9/1/10/4}#page-projets .s__project--CSSDA2015{grid-area:10/2/11/5}#page-projets .s__project--CSSDA2015:before{bottom:-1px}#page-projets .s__project--blank{grid-area:7/3/8/5}@media only screen and (width>=768px){#page-projets .s__project--webby2025{grid-area:1/1/2/5}#page-projets .s__project--grafana{grid-area:2/1/4/3}#page-projets .s__project--zabbix{grid-area:2/3/3/5}#page-projets .s__project--commArt2017{grid-area:4/1/5/5}#page-projets .s__project--fwa{grid-area:3/4/4/5}#page-projets .s__project--gsapOct2024{grid-area:6/1/7/3}#page-projets .s__project--gsapNov2024{grid-area:6/3/7/5}#page-projets .s__project--cssda{grid-area:5/2/6/4}#page-projets .s__project--CSSDA2016{grid-area:7/2/8/5}#page-projets .s__project--CSSDA2015{grid-area:8/1/9/4}#page-projets .s__project--blank{grid-area:5/1/6/2}}#page-projets .s__project--blank:after{display:none}#page-projets .s__project--blank svg{position:absolute}#page-projets .s__project--blank svg:first-child{width:62.538%;height:53.1333%;top:50%;left:50%;transform:translate(-50%,-50%)}#page-projets .s__project--blank svg:first-child path{fill:none;stroke:var(--secondary);stroke-width:1px}#page-projets .s__project--blank svg:nth-child(2),#page-projets .s__project--blank svg:nth-child(3),#page-projets .s__project--blank svg:nth-child(4),#page-projets .s__project--blank svg:nth-child(5){width:12.1203%;height:auto}#page-projets .s__project--blank svg:nth-child(2) path,#page-projets .s__project--blank svg:nth-child(3) path,#page-projets .s__project--blank svg:nth-child(4) path,#page-projets .s__project--blank svg:nth-child(5) path{fill:var(--secondary);stroke:none}#page-projets .s__project--blank svg:nth-child(2){top:.5rem;left:.5rem}#page-projets .s__project--blank svg:nth-child(3){top:.5rem;right:.5rem}#page-projets .s__project--blank svg:nth-child(4){bottom:.5rem;left:.5rem}#page-projets .s__project--blank svg:nth-child(5){bottom:.5rem;right:.5rem}#page-projets .s__project.is-active .s__project__content{transition:scale .1s var(--e-out-quint);scale:.9}#page-projets .s__project.is-revealed .s__project__content{translate:0}#page-projets .s__project.is-revealed .s__project__mask{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}#page-projets .s__project.is-revealed .s__project__mask:before{transform:translate(50%)}