@layer reset{*,:after,:before{box-sizing:border-box}*{font:inherit;color:inherit;margin:0;padding:0;line-height:calc(1em + .4375rem)}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-variant-ligatures:normal}img{vertical-align:middle;shape-margin:1rem;background-repeat:no-repeat;background-size:cover;max-width:100%;height:auto;font-style:italic}canvas,img,picture,svg,video{display:block}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{text-decoration:none}em{font-style:italic}button,input,select{appearance:none;background:0 0;border:none;border-radius:0;outline:0}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}}}@layer tokens{@property --parallax{syntax:"<length>";inherits:true;initial-value:0}:root{--hue-sat:30, 2%;--scrollbar-width:.625rem;--scrollbar-height:var(--scrollbar-width);--font-text:"Neue Haas Grotesk Text Pro", "NHG Text fallback", Helvetica, Arial, sans-serif;--font-display:"Neue Haas Grotesk Display Pro", "NHG Display fallback", Helvetica, Arial, sans-serif;--font-200:.75rem;--font-300:.875rem;--font-350:.9375rem;--font-400:1rem;--font-500:1.125rem;--font-600:1.25rem;--radius:1rem;--parallax:0rem;--radius-focus:1rem;--pad-inline:.75rem;--pad-block:.875rem;--gap-inline:.5rem;--gap-block:.875rem;--line:1px;--font-lead:clamp(1.5rem, 1.0588rem + 1.1765vw, 2rem);--leading-lead:1.25;--leading-text:1.375;--measure-lead:23em;--space-section:clamp(6rem, 2.314rem + 10.9215vw, 8rem);--space-heading:clamp(2rem, 1.5rem + 1.5vw, 3rem);--space-content:clamp(4rem, -3.372rem + 21.843vw, 8rem);--btn-height:2.125rem;--menu-height:calc(var(--btn-height) + var(--pad-block) * 2);--menu-height-expanded:18.5rem;--menu-gap-block:4.5rem;--content-width:calc(100vw - var(--pad-inline) * 2);--graphics-maxheight:min(15rem, 20vh);--graphics-height:min(100vw / var(--logo-ratio), var(--graphics-maxheight));--graphics-viewbox:140;--graphics-safespace:calc((var(--graphics-height) - var(--graphics-height) * 100 / var(--graphics-viewbox)) / 2);--marquee-pad:max(var(--graphics-safespace), var(--pad-block));--marquee-minheight:18;--marquee-height:max(var(--vh,1vh) * var(--marquee-minheight), var(--graphics-height) - var(--graphics-safespace) + var(--marquee-pad));--maxSvh:calc(var(--vh,1vh) * 100);--maxDvh:var(--maxSvh);--duration-xs:.15s;--duration-sm:.2s;--duration-smd:.25s;--duration-md:.3s;--duration-lg:.4s;--duration-xl:.5s;--duration-xxl:.7s;--duration-xxxl:.8s;--duration-max:1s;--ease:ease;--ease-in:ease-in;--ease-out:ease-out;--ease-in-out:ease-in-out;--ease-power2-in-out:cubic-bezier(.65, 0, .35, 1)}@supports (height:100svh){:root{--marquee-height:max(1svh * var(--marquee-minheight), var(--graphics-height) - var(--graphics-safespace) + var(--marquee-pad));--maxSvh:100svh;--maxDvh:100dvh}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--lum-100:100%;--lum-200:93%;--lum-500:60%;--lum-800:16%;--lum-900:0%;--color-800-500:hsla(var(--hue-sat), var(--lum-500), .5);--shadow-200:0px 0px 3em 0px var(--color-900-200);--shadow-400:0px 0px 3em 0px var(--color-900-400);--shadow-800:0px 0px 3em 0px var(--color-800-500)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lum-100:0%;--lum-200:12%;--lum-500:50%;--lum-800:93%;--lum-900:100%;--color-800-500:hsla(var(--hue-sat), 60%, .5);--shadow-200:0px 0px 3em 0px var(--color-100-400);--shadow-400:0px 0px 3em 0px var(--color-100-400);--shadow-800:0px 0px 3em 0px var(--color-200-500)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lum-100:0%;--lum-200:12%;--lum-500:50%;--lum-800:93%;--lum-900:100%;--color-800-500:hsla(var(--hue-sat), 60%, .5);--shadow-200:0px 0px 3em 0px var(--color-100-400);--shadow-400:0px 0px 3em 0px var(--color-100-400);--shadow-800:0px 0px 3em 0px var(--color-200-500)}:root{--color-100:hsl(var(--hue-sat), var(--lum-100));--color-200:hsl(var(--hue-sat), var(--lum-200));--color-500:hsl(var(--hue-sat), var(--lum-500));--color-800:hsl(var(--hue-sat), var(--lum-800));--color-900:hsl(var(--hue-sat), var(--lum-900));--color-100-400:hsla(var(--hue-sat), var(--lum-100), .4);--color-200-000:hsla(var(--hue-sat), var(--lum-200), 0);--color-200-500:hsla(var(--hue-sat), var(--lum-200), .4);--color-200-900:hsla(var(--hue-sat), var(--lum-200), 1);--color-500-400:hsla(var(--hue-sat), var(--lum-500), .4);--color-900-000:hsla(var(--hue-sat), var(--lum-900), 0);--color-900-100:hsla(var(--hue-sat), var(--lum-900), .1);--color-900-200:hsla(var(--hue-sat), var(--lum-900), .2);--color-900-400:hsla(var(--hue-sat), var(--lum-900), .4);--color-scroll:var(--color-500);--color-track:var(--color-200)}@media (width>=833px){:root{--pad-inline:1rem;--pad-block:1.125rem}}}@layer base{@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(/dist/assets/nhaasgroteskdspro-55rg-CY4piQ2g.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(/dist/assets/nhaasgroteskdspro-56it-Bc-N9auD.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(/dist/assets/nhaasgroteskdspro-65md-VGFxMTX3.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk Display Pro;src:url(/dist/assets/nhaasgroteskdspro-66mdit-BU7U9Qh-.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Neue Haas Grotesk Text Pro;src:url(/dist/assets/nhaasgrotesktxpro-55rg-CRhFBmlk.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neue Haas Grotesk Text Pro;src:url(/dist/assets/nhaasgrotesktxpro-56it-dSD5QV0H.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:NHG Display fallback;src:local(Helvetica),local(Arial);size-adjust:94.8%;ascent-override:96.63%;descent-override:26.11%;line-gap-override:0%;font-weight:400;font-style:normal}@font-face{font-family:NHG Display fallback;src:local(Helvetica Bold),local(Arial Bold);size-adjust:93.43%;ascent-override:100.55%;descent-override:30.52%;line-gap-override:0%;font-weight:700;font-style:normal}@font-face{font-family:NHG Text fallback;src:local(Helvetica),local(Arial);size-adjust:103.99%;ascent-override:94.05%;descent-override:25.45%;line-gap-override:0%;font-weight:400;font-style:normal}html{height:var(--maxSvh)}body{font-family:var(--font-display);font-size:var(--font-400);color:var(--color-800);background-color:var(--color-200);width:100vw;min-height:var(--maxSvh);transition:color var(--duration-md) var(--ease)}::selection{background:var(--color-500);color:var(--color-200);text-shadow:none}:focus{outline:none}:focus-visible{outline:1px solid var(--color-800);outline-offset:0px}main:focus-visible{outline:none}.skip-link{top:var(--pad-block);left:var(--pad-inline);z-index:var(--z-skip-link);height:var(--btn-height);border:var(--line) solid var(--color-500);background-color:var(--color-200);color:var(--color-800);white-space:nowrap;transform:translateY(calc(-100% - var(--pad-block) * 2));transition:transform var(--duration-sm) var(--ease-out);border-radius:100vw;align-items:center;padding:.375em .75em;display:flex;position:fixed}.skip-link:focus{transform:none}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}html,[data-scroll]{overflow:hidden auto}[data-scroll]::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-height)}[data-scroll]::-webkit-scrollbar-track{background-color:var(--color-track);border-radius:0}[data-scroll]::-webkit-scrollbar-thumb{background-color:var(--color-scroll);border:2px solid var(--color-track);border-radius:var(--radius);cursor:default}@supports not selector(::-webkit-scrollbar){[data-scroll]{scrollbar-color:var(--color-scroll) var(--color-track);scrollbar-width:thin}}@media (any-hover:hover) and (pointer:fine){html::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-height)}html::-webkit-scrollbar-track{background-color:var(--color-track);border-radius:0}html::-webkit-scrollbar-thumb{background-color:var(--color-scroll);border:2px solid var(--color-track);border-radius:var(--radius);cursor:default}@supports not selector(::-webkit-scrollbar){html{scrollbar-color:var(--color-scroll) var(--color-track);scrollbar-width:thin}}}@media (orientation:landscape){[data-scroll].horizontal,[data-scroll=horizontal]{overflow:scroll hidden}html:has(#content.scroll-horizontal){overflow:scroll hidden}}}@layer components{#content,.content{--overlayY:0}#content:not(.page-home):after,.content.page-home:after,#content>main .banner:after{content:"";background:linear-gradient(0deg, var(--color-200-900) 50%, var(--color-200-000) 100%);width:100vw;height:200vh;z-index:var(--z-overlay);transform:translateY(calc(-1% * var(--overlayY)));opacity:var(--overlay-opacity,1);pointer-events:none;position:fixed;top:100vh;left:0}.content.page-home:after{z-index:0;top:-100vh}#content:is(.page-projects,.page-project):after{content:none}html.is-changing:is([data-choreography=veil],[data-choreography=homeToPage]) #content:is(.page-projects,.page-project):after{content:""}.content{width:100vw;height:var(--maxSvh);pointer-events:none;position:fixed;top:0;left:0;overflow:hidden}.content .menu,.content .btn.close-project{visibility:hidden}.content .archives .thead{background-color:#0000}.is-leaving.from-route-home .content{z-index:var(--z-menu)}.is-leaving.to-route-home #content>.menu{z-index:var(--z-leaving-menu)}.is-leaving.to-route-home #content>main{z-index:var(--z-leaving-main);position:relative}.is-leaving.to-route-home .content{z-index:var(--z-leaving-incoming);height:calc(var(--maxSvh) - var(--menu-height))}.btn.mode .moon{transform:rotate(-8deg)}.btn.mode .sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn.mode .moon{display:none}:root:not([data-theme=light]) .btn.mode .sun{display:block}}:root[data-theme=dark] .btn.mode .moon{display:none}:root[data-theme=dark] .btn.mode .sun{display:block}.btn.mode{border:none}.btn.mode:before{display:none}.btn.mode svg{fill:none;stroke:var(--color-500);stroke-width:var(--line);height:calc(var(--btn-height) - var(--line) * 2);transition:all var(--duration-md) var(--ease);position:absolute;overflow:visible}.btn.mode .grow{background-color:var(--color-800);border-radius:400vw;width:max(270vw,270vh);height:max(270vw,270vh);position:fixed;transform:scale(0)}html.is-theming .btn.mode{z-index:var(--z-theming)}html.is-theming .btn.mode .grow{z-index:1;transition:transform var(--duration-xl) var(--ease-in);transform:scale(1)}html.is-retheming,html.is-retheming *,html.is-retheming :before,html.is-retheming :after{transition:none!important}@media (any-hover:hover) and (pointer:fine){.btn.mode:hover svg{fill:var(--color-800);stroke:var(--color-800);transform:rotate(-36deg)}}.btn{min-width:0;height:var(--btn-height);border:var(--line) solid;cursor:pointer;z-index:var(--z,0);transition:color var(--duration-xs) var(--ease), background-color var(--duration-xs) var(--ease), border-color var(--duration-xs) var(--ease);border-radius:100vw;align-items:center;padding:.375em .75em;display:flex;position:relative;overflow:hidden}.btn:not(.close){border-color:var(--color-500)}.pages .btn{background-color:var(--color-200)}.btn.active,.pages .btn.active{color:var(--color-200);border-color:var(--color-800);background-color:var(--color-800)}.btn.active:focus-visible{outline-offset:2px}.btn span{white-space:nowrap}.btn.dot{z-index:inherit;width:var(--btn-height);justify-content:center;padding:0}.btn.dot:before{content:none}.btn.dot>span{text-transform:uppercase;font-size:.8125rem}.btn.close-project{top:var(--pad-block);right:var(--pad-inline);box-shadow:var(--shadow-800);pointer-events:none;opacity:0;background-color:var(--color-800-500);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);transition:all var(--duration-md) var(--ease);border:none;position:fixed;transform:scale(.75)translateY(3em)}:root[data-theme=dark] .btn.close-project .icon{color:var(--color-800)}.page-archives .btn.close-project{z-index:var(--z-close-project)}.archives.expanded~.btn.close-project,.page-project .btn.close-project{opacity:1;transform:scale(1)rotate(45deg)}.archives.expanded~.btn.close-project{transition:all var(--duration-md) .2s var(--ease)}.page-project .btn.close-project{pointer-events:auto}.is-leaving .page-projects .btn.close-project{z-index:var(--z-close-project-leaving);opacity:1;transition:all var(--duration-md) .15s var(--ease);transform:scale(1)rotate(45deg)}.is-leaving .page-project .btn.close-project{pointer-events:none;opacity:0;transform:scale(.75)rotate(0)}.btn.close{z-index:var(--z-local);pointer-events:none;border:var(--line) solid;transition:background-color var(--duration-xs) var(--ease), border-color var(--duration-lg) var(--ease);border-color:#0000;margin-left:auto;position:relative}.menu:is([aria-expanded=true],:has([aria-expanded=true])) .btn.close{pointer-events:all;border-color:var(--color-500);transition:background-color var(--duration-xs) var(--ease), border-color var(--duration-max) .2s var(--ease)}.btn.close[aria-expanded=false]:focus-visible{outline-color:var(--color-200);outline-offset:-4px}.btn.close .icon{color:var(--color-200);transition:transform var(--duration-lg) var(--ease), color var(--duration-xs) var(--ease);transform:rotate(45deg)}.menu:is([aria-expanded=true],:has([aria-expanded=true])) .btn.close .icon{color:var(--color-800);transition:transform var(--duration-sm) .2s var(--ease), color var(--duration-xs) var(--ease);transform:rotate(0)}@media (any-hover:hover) and (pointer:fine){.btn.close-project{display:none}.btn:where(:not(.mode)):hover{color:var(--color-200);border-color:var(--color-800);background-color:var(--color-800)}.menu:is([aria-expanded=true],:has([aria-expanded=true])) .btn.close:hover .icon{color:var(--color-200)}}@media (orientation:landscape){.btn.close-project{display:none}}@media (width>=833px) and (any-hover:hover) and (pointer:fine){.btn{transition:color var(--duration-md) var(--ease), box-shadow var(--duration-md) var(--ease), background-color var(--duration-md) var(--ease), border-color var(--duration-md) var(--ease)}.btn.dot,.btn.dot:hover{transition:color var(--duration-md) var(--ease), background-color var(--duration-md) var(--ease), border-color var(--duration-md) var(--ease)}.btn-infos,.btn-infos:not(.active):hover,.links .btn,.page-error main .btn{background-color:#0000}.btn:not(.active):where(:not(.mode)):hover{box-shadow:var(--shadow-200);transition:color .6s var(--ease), box-shadow var(--duration-max) var(--ease), background-color var(--duration-xs) var(--ease), border-color var(--duration-xl) var(--ease)}.btn:before{content:"";left:var(--x,50%);top:var(--y,50%);width:calc(var(--btn-width,20vw) * 2);height:calc(var(--btn-width,20vw) * 2);background-color:var(--color-800);pointer-events:none;transition:transform var(--duration-sm) var(--ease-out);transform:translate(-50%, -50%) scale(var(--scale,0));z-index:-1;border-radius:200vw;position:absolute}.btn:hover,.btn.active{--scale:1}.pages .btn.active:before,.btn:hover:before{transition:transform var(--duration-sm) var(--ease-in)}}.menu{width:100vw;height:var(--menu-height);padding:var(--pad-block) var(--pad-inline);background-color:var(--color-200);z-index:var(--z-menu);grid-template:1fr/1fr auto;place-content:center end;display:grid;position:fixed;left:0}.menu:after{content:"";height:calc(100vh + var(--menu-height));z-index:-2;pointer-events:none;opacity:0;background-color:var(--color-500);transition:opacity var(--duration-xxl) var(--ease);position:fixed;left:0;right:0}:root[data-theme=dark] .menu:after{background-color:var(--color-100)}.menu:before{content:"";pointer-events:none;background-color:var(--color-200);z-index:-1;width:100%;height:100%;position:absolute}.menu.top,.menu.top:after{top:0}.menu.bottom,.menu.bottom:after{bottom:0}.menu:is([aria-expanded=true],:has([aria-expanded=true])){height:var(--menu-height-expanded)}.menu:is([aria-expanded=true],:has([aria-expanded=true])):after{opacity:.3;pointer-events:all}@media (width<=52em){.menu:is([aria-expanded],:has([aria-expanded])).clicked.is-collapsing{height:var(--menu-height-expanded)}}.menu:is([aria-expanded],:has([aria-expanded])).clicked.is-moving,.menu:is([aria-expanded],:has([aria-expanded])).is-moving,.menu.is-moving{height:var(--maxSvh)}.menu .pages{gap:0 var(--gap-inline);z-index:1;left:var(--pad-inline);right:var(--pad-inline);top:var(--pad-block);grid-template:repeat(5,1fr)/1fr;display:grid;position:absolute}.menu.bottom:is([aria-expanded],:has([aria-expanded])).is-collapsing .pages,.menu.bottom.is-collapsing .pages{top:var(--pad-block);bottom:initial}.menu.top:is([aria-expanded],:has([aria-expanded])).is-collapsing .pages,.menu.top.is-collapsing .pages,.menu.bottom:is([aria-expanded],:has([aria-expanded])) .pages{top:initial;bottom:var(--pad-block)}.menu:is([aria-expanded=true],:has([aria-expanded=true])) .pages{top:var(--menu-gap-block);gap:.625rem var(--gap-inline)}.menu.bottom:is([aria-expanded=true],:has([aria-expanded=true])) .pages{top:initial;bottom:var(--menu-gap-block)}@media (width<=52em){.menu .pages .btn[aria-current]{grid-area:current}.menu:is([aria-expanded=false],:has([aria-expanded=false])) .pages .btn,.menu:is([aria-expanded],:has([aria-expanded])).is-collapsing .pages .btn{grid-area:current/1}.menu:is([aria-expanded=true],:has([aria-expanded=true])) .pages .btn{grid-area:auto}}.menu .dots{gap:var(--gap-inline);grid-template-rows:var(--btn-height);grid-template-columns:repeat(3, var(--btn-height)) 1fr;width:100%;display:grid}@media (width<=52em){.menu.bottom .dots{align-content:end}.menu.is-collapsing .dots{opacity:0;transition:all var(--duration-sm) var(--ease)}}.menu .btn.close{justify-self:end}.menu.bottom:is([aria-expanded],:has([aria-expanded])).is-collapsing .dots{top:var(--pad-block);left:var(--pad-inline)}.menu.top:is([aria-expanded],:has([aria-expanded])).is-collapsing .dots{bottom:var(--pad-block);left:var(--pad-inline)}.page-project .menu{transform:translateY(-100%)}html:not(.is-changing) .page-project .menu:has(:focus-visible){transition:transform var(--duration-sm) var(--ease-out);transform:none}.page-project .menu [data-target=projects]{color:var(--color-200);border-color:var(--color-800);background-color:var(--color-800);z-index:var(--z-local)}.page-project .menu [data-target=projects]:focus-visible{outline-offset:2px}.menu [data-target=projects].split>span>span:first-of-type{margin-right:.2em}@media (width>=833px){.menu{gap:0 var(--gap-inline)}.menu .pages{gap:.625rem var(--gap-inline);grid-template:1fr/repeat(5,1fr);position:static}.menu.top.is-collapsing{align-items:end}.menu .dots{grid-template-columns:repeat(3, var(--btn-height))}.menu .btn.close{display:none}}@media (width>=833px) and (any-hover:hover) and (pointer:fine){.pages .btn,.pages .btn.active,.pages .btn:not(.active):hover{background-color:#0000}}@media (width>=833px) and (width<=66em){.menu [data-target=projects]:not(.split)>span,.menu [data-target=projects].split>span>span>span:first-of-type{text-transform:capitalize}}.page-home>main{height:var(--maxSvh);padding-bottom:var(--menu-height);grid-template-rows:auto 1fr;display:grid}.marquee{width:100vw;height:var(--marquee-height);cursor:grab;display:flex;overflow:hidden}.marquee ul{padding:var(--marquee-pad) 0;flex-wrap:nowrap;list-style:none;display:flex}.marquee li{width:calc(var(--graphics-height) * var(--ratio));height:var(--graphics-height);margin:calc(var(--graphics-safespace) * -1) 0}.marquee svg{-webkit-backface-visibility:hidden;--gpu-layer:translate3d(0, 0, 0)}.marquee svg *{-webkit-transform:var(--gpu-layer)}.marquee svg [fill]{fill:currentColor}.page-about footer .marquee{height:auto}@media (any-hover:hover) and (pointer:fine){.marquee:active:hover{cursor:grabbing}}.banner{width:var(--content-width);border-radius:var(--radius);background-color:var(--color);margin:0 auto;position:relative;overflow:hidden}.banner picture,.banner .video{z-index:calc(var(--total) - var(--i));background-color:var(--color);visibility:hidden}.banner .visible,.banner.single picture,.banner.single .video{visibility:visible}.banner>*,.banner>*>*{object-fit:cover;width:100%;height:100%;position:absolute}.banner .video.bw video{filter:grayscale()}.banner>.contain>*{object-fit:contain}.noise{z-index:var(--z-noise);opacity:.4;background-image:var(--noise);mix-blend-mode:screen;background-size:100px}.selectedprojects{width:100vw}.selectedprojects .slides{flex-direction:column;display:flex}.selectedproject{--parallax-y:var(--parallax-live);--cover-height:calc((100vw - var(--pad-inline) * 2) / var(--ratio) - 2 * var(--parallax-y));height:calc(var(--cover-height) + var(--menu-height) * 2);width:100vw;padding-top:calc(var(--menu-height) - var(--pad-block));margin-top:calc((var(--menu-height) - var(--pad-block)) * -1);flex:1 0 auto}.selectedproject:first-of-type{margin-top:calc(var(--marquee-height) - var(--menu-height))}.selectedproject a{grid-template-rows:auto var(--menu-height);padding-top:var(--pad-block);border-radius:var(--radius-focus);display:grid}.selectedproject .cover{border-radius:var(--radius);width:calc(100vw - var(--pad-inline) * 2 - 2 * var(--parallax-x));height:calc((100vw - var(--pad-inline) * 2) / var(--ratio) - 2 * var(--parallax-y));background-color:var(--color);margin:0 auto;position:relative;overflow:hidden}.selectedproject .cover>*{left:calc(-1 * var(--parallax-x));top:calc(-1 * var(--parallax-y));width:calc(100% + 2px + 2 * var(--parallax-x));height:calc(100% + 2px + 2 * var(--parallax-y));object-fit:cover;transition:transform var(--duration-md) var(--ease-in-out);position:absolute;transform:scale(1)}.selectedproject .cover>img{max-width:calc(100% + 2 * var(--parallax-x))}.selectedproject header{height:var(--menu-height);background-color:var(--color-200);padding:0 var(--pad-inline);flex-direction:column;order:2;justify-content:center;display:flex;overflow:hidden}.selectedproject .title{color:var(--color-800);white-space:nowrap;font-weight:700}.selectedproject .details{overflow:hidden}.selectedproject .details p{color:var(--color-500);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.selectedproject.clicked.is-animating{z-index:var(--z-local)}.selectedproject.clicked.is-animating a{height:var(--maxSvh);border-radius:0;position:fixed;top:0}.selectedproject.clicked.is-animating .cover{z-index:3}.selectedproject.clicked.is-animating .cover>*{transition:none;transform:scale(1)}.selectedproject.clicked.is-animating header{z-index:4;width:100%;position:absolute;bottom:0}.selectedproject:not(.clicked) .cover{z-index:-1}.selectedproject:not(.clicked) a{overflow:initial}.slider-temp{pointer-events:none;z-index:1;position:fixed;top:0;left:0}.page-project .slider-temp{opacity:0;z-index:-1;width:100vw;display:flex;top:0;bottom:0;left:0}.page-project .slider-temp .selectedproject.clicked{visibility:hidden}.slider-temp ul{gap:var(--pad-block);flex-direction:column;list-style:none;display:flex}.slider-temp li{background-color:var(--color);width:100vw;height:calc(100vw / var(--ratio) - 2 * var(--parallax-y));--parallax-y:var(--parallax-live);overflow:hidden}.slider-temp li:first-of-type{opacity:0}.slider-temp li>*{width:100vw;height:calc(100vw / var(--ratio));left:calc(-1 * var(--parallax-x));top:calc(-1 * var(--parallax-y));position:relative}.slider-temp li>*>*{object-fit:cover;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute}.slider-temp .prevnext{display:none}.slider-temp[data-transit]{scrollbar-width:none}.slider-temp[data-transit]::-webkit-scrollbar{display:none}.slider-temp[data-transit=vertical]{bottom:0;overflow:hidden}.slider-temp[data-transit=horizontal]{right:0;overflow:hidden}.slider-temp[data-transit=horizontal] ul{width:max-content}@media (orientation:portrait){.selectedproject.clicked.is-animating a{background-color:var(--color-200);margin:0;padding:0}.selectedproject.clicked.is-animating .cover{width:100vw;height:calc(100vw / var(--ratio) - 2 * var(--parallax-y));border-radius:0;margin:0;left:0}.selectedproject header{color:#0000;overflow:visible}.selectedproject.clicked.is-animating header{color:var(--color-200);overflow:visible}.selectedproject header:after{content:"";height:100vh;left:0;right:0;top:calc(var(--menu-height) - var(--line));z-index:-1;background-color:currentColor;display:block;position:absolute}}@media (orientation:landscape){.page-projects main{height:var(--maxSvh);align-content:end;width:fit-content;display:grid}.selectedprojects{width:100%}.selectedprojects .slides{flex-direction:row}.selectedproject{--parallax-x:var(--parallax-live);--parallax-y:0px;height:calc(var(--maxSvh) - var(--marquee-height) + var(--pad-block) / 2);width:calc((var(--maxSvh) - var(--marquee-height) - var(--menu-height)) * var(--ratio) + var(--pad-inline) * 2 - 2 * var(--parallax-x));padding:0 var(--pad-inline);margin:0 calc(var(--pad-inline) * -1) 0 0}.selectedproject:first-of-type{margin:0 calc(var(--pad-inline) * -1) 0 0}.selectedproject a{padding:calc(var(--pad-block) / 2) calc(var(--pad-inline) / 2) 0;margin:0 calc(var(--pad-inline) / -2)}.selectedproject .cover{width:calc((var(--maxSvh) - var(--marquee-height) - var(--menu-height)) * var(--ratio) - 2 * var(--parallax-x));height:calc(var(--maxSvh) - var(--marquee-height) - var(--menu-height));padding-bottom:initial}.slider-temp li{--parallax-x:var(--parallax-live);--parallax-y:0px}.selectedproject header{padding:0}.selectedproject .details{display:none}.selectedproject.clicked.is-animating a{overflow:initial;left:calc(var(--pad-inline) / 2);right:0}.selectedproject.clicked.is-animating .cover{left:var(--pad-inline);top:var(--pad-block);border-top-left-radius:calc(var(--radius) / var(--scale,1));border-bottom-left-radius:calc(var(--radius) / var(--scale,1));height:calc(var(--maxSvh) - var(--menu-height) - var(--pad-block));width:calc((var(--maxSvh) - var(--menu-height) - var(--pad-block)) * var(--ratio) - 2 * var(--parallax-x));border-top-right-radius:0;border-bottom-right-radius:0;margin:0;position:fixed}.selectedproject.clicked.is-animating header{padding:0 var(--pad-inline);background-color:#0000}.slider-temp{top:var(--pad-block);left:var(--pad-inline)}.slider-temp ul{gap:calc(var(--pad-inline) / 2);flex-direction:row}.slider-temp li{height:calc(var(--maxSvh) - var(--menu-height) - var(--pad-block));width:calc((var(--maxSvh) - var(--menu-height) - var(--pad-block)) * var(--ratio) - 2 * var(--parallax-x));overflow:hidden}.slider-temp li>*{height:calc(var(--maxSvh) - var(--menu-height) - var(--pad-block));width:calc((var(--maxSvh) - var(--menu-height) - var(--pad-block)) * var(--ratio));overflow:hidden}.page-project .slider-temp{top:calc(var(--marquee-height) - var(--pad-block) / 2);bottom:inherit;height:inherit;align-items:flex-end;display:flex}}@media (orientation:landscape) and (height>=32em){.selectedproject .details{display:grid}}@media (width>=540px){.selectedproject .title{font-size:var(--font-500)}}@media (width>=651px){.selectedproject header{height:var(--menu-height);flex-direction:row;justify-content:flex-start;align-items:baseline;gap:2em;display:flex}.selectedproject .title,.selectedproject .details p{line-height:var(--menu-height)}}@media (width>=833px) and (height>=48em){.selectedproject .title,.selectedproject .details{font-size:var(--font-600)}}@media (any-hover:hover) and (pointer:fine){.selectedproject:not(.clicked) a:hover .cover>*{transform:scale(1.0125)}}.prevnext{display:none}@media (orientation:landscape){.prevnext{pointer-events:none;z-index:var(--z-local);justify-content:space-between;display:flex;position:fixed;left:0;right:0}.selectedprojects .prevnext{top:var(--marquee-height);bottom:calc(var(--menu-height) - var(--pad-block) / 2)}.project .prevnext{top:var(--pad-block);bottom:calc(var(--menu-height) - var(--pad-block) / 2)}.archive .prevnext{top:0;bottom:var(--thead-height);position:absolute}.archive[aria-expanded=false] .prevnext button{pointer-events:none}.prevnext button{pointer-events:all;width:10vw}.prevnext button[data-slide=prev]{cursor:w-resize}.prevnext button[data-slide=next]{cursor:e-resize}}.project header{gap:0 var(--pad-inline);background-color:var(--color-200);height:var(--menu-height);width:100vw;padding:0 var(--pad-inline);z-index:var(--z-project-header);grid-template-columns:1fr min-content;grid-template-areas:"title btn""details btn";align-content:center;align-items:center;display:grid;position:fixed;bottom:0;left:0}.project .title{color:var(--color-800);white-space:nowrap;grid-area:title;font-weight:700}.project .details{grid-area:details;overflow:hidden}.project .details>:nth-child(n+2){display:none}.project .details p{color:var(--color-500);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.project .btn-infos{grid-area:btn}.project .btn-infos span.icon{color:currentColor;transform-origin:100%;width:0;transition:all var(--duration-md) var(--ease);transform:scaleX(0)rotate(0)}.project .btn-infos.active .icon{width:2em;margin-right:-.5em;transform:scaleX(1)rotate(0)}.project .gallery{cursor:pointer}.project .gallery .slides{flex-direction:column;list-style:none;display:flex}.slides.fixed{top:var(--scrollY,0);position:fixed;left:0}.project .visual{--parallax-y:var(--parallax-live);margin-bottom:var(--pad-block);z-index:calc(-1 * var(--i));width:100vw;height:calc(100vw / var(--ratio) - 2 * var(--parallax-y));position:relative;overflow:hidden}.project .visual:last-of-type{margin-bottom:0}.project .visual>*{background-color:var(--color);width:100%;height:100%;position:absolute}.project .visual>*>*{left:calc(-1 * var(--parallax-x));top:calc(-1 * var(--parallax-y));width:calc(100% + 2px + 2 * var(--parallax-x));height:calc(100% + 2px + 2 * var(--parallax-y));object-fit:cover;position:absolute}.project .visual>*>img{max-width:calc(100% + 2 * var(--parallax-x))}.page-project .project.is-ready .visual:first-of-type{z-index:var(--z-visual-first);overflow:visible}.page-project .project.is-ready .visual:first-of-type>*{width:100vw;height:calc(100vw / var(--ratio) - 2 * var(--parallax-y));z-index:var(--z-visual-first);padding:0;position:absolute;left:0;overflow:hidden}.page-project .project.is-ready.sticky .visual:first-of-type>*{top:calc(-100vw / var(--ratio));position:fixed}.page-project .project.is-ready.is-animating .visual:first-of-type>*{left:var(--pad-inline);width:calc(100vw - var(--pad-inline) * 2);height:calc((100vw - var(--pad-inline) * 2) / var(--ratio) - 2 * var(--parallax-y));border-radius:var(--radius);top:calc(var(--top) + var(--menu-height));position:fixed}.page-project .project.is-ready .visual:first-of-type>*>*{left:calc(-1 * var(--parallax-x));top:calc(-1 * var(--parallax-y));width:calc(100% + 2px + 2 * var(--parallax-x));height:calc(100% + 2px + 2 * var(--parallax-y));object-fit:cover;position:relative}.page-project .project.is-ready .visual:first-of-type>*>img{max-width:calc(100% + 2 * var(--parallax-x))}.page-project .project.is-animating header{z-index:var(--z-project-header-animating)}.is-leaving .page-project .project .gallery{pointer-events:none;overflow:hidden!important}.project .infos.pinned{top:var(--pin-top,0);left:var(--pin-left,0);width:var(--pin-width,auto);height:var(--pin-height,auto);z-index:var(--z-local);position:fixed}.project:has(.gallery .slides.fixed) .infos:not(.pinned){display:none}html:has(.project .infos.overlay,.project .infos[aria-expanded=true]){overflow-y:hidden}.project .infos{background-color:var(--color-200)}.project .infos>div{flex-direction:column;justify-content:space-between;display:flex}.project .infos.overlay,.project .infos[aria-expanded=true]{width:100vw;height:calc(var(--maxDvh) - var(--menu-height));z-index:var(--z-infos);opacity:0;transition:transform var(--duration-xl) var(--ease), opacity var(--duration-md) .5s;position:fixed;top:100%;left:0;overflow-y:auto}.project .infos.overlay.open,.project .infos[aria-expanded=true]{opacity:1;transform:translateY(calc(-100% - var(--menu-height)));transition:transform var(--duration-xl) var(--ease)}.project .infos.overlay>div,.project .infos[aria-expanded=true]>div{width:100vw;height:100%}@media (orientation:portrait){.project header:after{content:"";background-color:var(--color-200);height:100vh;left:0;right:0;top:inherit;z-index:-1;display:block;position:fixed;bottom:0;transform:translateY(100%)}.page-project .project.is-animating header{top:calc(var(--bottom) - var(--menu-height));bottom:auto}.page-project .project.is-animating header:after{top:auto}.project .infos{padding-bottom:var(--menu-height)}.project:has(.infos.overlay,.infos[aria-expanded=true]) .gallery{padding-bottom:var(--menu-height)}.project .infos.overlay,.project .infos[aria-expanded=true]{top:0;bottom:var(--menu-height);background-color:#0000;flex-direction:column;height:auto;padding-bottom:0;display:flex;overflow:clip}.project .infos.overlay.open,.project .infos[aria-expanded=true]{transform:none}.project .infos.overlay>div,.project .infos[aria-expanded=true]>div{width:auto;height:auto;max-height:min(100%, calc(var(--maxDvh) - var(--menu-height)));background-color:var(--color-200);transition:transform var(--duration-xl) var(--ease);margin-block-start:auto;overflow:hidden auto;transform:translateY(100%)}.project .infos.overlay.open>div,.project .infos[aria-expanded=true]>div{transform:none}}@media (orientation:landscape){.page-project main{height:var(--maxSvh);width:fit-content}.slides.fixed{top:calc(var(--marquee-height) - var(--pad-block) / 2);left:var(--scrollX,0)}.project{height:var(--maxSvh);flex-direction:row;display:flex}.project .gallery{flex:none;align-self:flex-start}.project .gallery .slides{--slides-height:calc(var(--maxSvh) - var(--menu-height));padding-top:var(--pad-block);height:var(--slides-height);grid-template-rows:50% 50%;grid-auto-flow:column;display:grid}.page-project .project.is-ready .slides{top:0}.project .visual:last-of-type{padding:0 var(--pad-inline);margin-right:calc(var(--pad-inline) * -1)}.project .visual{--parallax-x:var(--parallax-live);--parallax-y:0px;width:calc((var(--maxSvh) - var(--pad-block) - var(--menu-height)) * var(--ratio) + var(--pad-inline) * 2 - 2 * var(--parallax-x));height:calc(var(--maxSvh) - var(--pad-block) - var(--menu-height));padding:0 var(--pad-inline);margin:0 calc(var(--pad-inline) * -1.5) 0 0;grid-row:span 2}.project .visual.half{width:calc(( (var(--maxSvh) - var(--pad-block) + var(--gap-inline) - var(--menu-height)) * var(--ratio) + var(--pad-inline) * 2 ) / 2 + var(--gap-inline) - 2 * var(--parallax-x));height:calc(((var(--maxSvh) - var(--pad-block) - var(--gap-inline) - var(--menu-height)) / 2));grid-row:span 1}.project .visual.half>*{--visual-height:calc((var(--maxSvh) - var(--pad-block) - var(--gap-inline) - var(--menu-height)) / 2);width:calc(var(--visual-height) * var(--ratio) - 2 * var(--parallax-x));height:var(--visual-height)}.project .visual.half+.visual.half{margin-top:auto}.project .visual.half+.visual.half>*{bottom:0}.project .visual>*{width:calc((var(--maxSvh) - var(--pad-block) - var(--menu-height)) * var(--ratio) - 2 * var(--parallax-x));height:calc(var(--maxSvh) - var(--pad-block) - var(--menu-height));margin:0;padding:0;overflow:hidden}.project .visual:first-of-type>*{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.project .visual:last-of-type>*{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.page-project .project.is-ready .visual:first-of-type>*{width:calc((var(--maxSvh) - var(--pad-block) - var(--menu-height)) * var(--ratio) - 2 * var(--parallax-x));height:calc(var(--maxSvh) - var(--pad-block) - var(--menu-height));bottom:0;left:var(--left)}.page-project .project.is-ready.sticky .visual:first-of-type>*{left:calc(((var(--maxSvh) - var(--pad-block) - var(--menu-height)) * var(--ratio)) * -1);top:0}.page-project .project.is-ready.is-animating .visual:first-of-type>*{left:calc(var(--left) + var(--pad-inline));width:calc((var(--maxSvh) - var(--marquee-height) - var(--menu-height)) * var(--ratio) - 2 * var(--parallax-x));height:calc(var(--maxSvh) - var(--marquee-height) - var(--menu-height));top:var(--marquee-height);z-index:var(--z-visual-first)}.project header{top:calc(var(--maxSvh) - var(--menu-height));background-color:#0000;grid-template-areas:"title btn";position:fixed}.page-project .project.is-ready.is-animating header{bottom:0;left:var(--left)}.project .details{display:none}.project .infos{width:min(50vw,32em);height:calc(var(--maxSvh) - var(--menu-height));z-index:var(--z-infos);flex-direction:row-reverse;flex:none;display:flex;overflow-y:auto}.project .infos>div{background-color:var(--color-200);width:100%;height:auto}.project .infos.overlay,.project .infos[aria-expanded=true]{width:100%;height:calc(var(--maxDvh) - var(--menu-height));opacity:1;background-color:#0000;top:0;left:100%}.project .infos.overlay.open,.project .infos[aria-expanded=true]{transform:translate(-100%)}.project .infos.overlay>div,.project .infos[aria-expanded=true]>div{width:min(50%,32em);height:auto}}@media (orientation:landscape) and (height>=32em){.project .details{display:grid}.project header{top:calc(var(--maxSvh) - var(--menu-height));grid-template-areas:"title btn""details btn";position:fixed}}@media (width>=540px){.project .title{font-size:var(--font-500)}}@media (width>=651px){.project header{height:var(--menu-height);flex-direction:row;justify-content:space-between;align-items:baseline;gap:2em;display:flex}.project .btn-infos{margin-left:auto}.project .title,.project .details p{line-height:var(--menu-height)}}@media (width>=833px) and (height>=48em){.project .title,.project .details{font-size:var(--font-600)}}.project .description,.archive .description{padding:calc(var(--pad-block) * 1.5) var(--pad-inline) var(--pad-block);text-wrap:pretty;max-width:60ch}.project .description{padding:calc(var(--pad-block) * 1.5 + var(--gap-block)) var(--pad-inline) var(--pad-block)}.description p{font-family:var(--font-text)}.project .description h2,.archive .description h2{font-size:var(--font-300);text-transform:uppercase;margin-bottom:.375em;font-weight:700}.project .description p:not(:last-of-type),.archive .description p:not(:last-of-type){margin-bottom:calc(var(--pad-block) * 2)}.project .datas,.archive .datas{width:100%;color:var(--color-500);padding:var(--pad-block) var(--pad-inline)}.datas tr{justify-content:space-between;align-items:baseline;gap:var(--pad-inline);border-top:var(--line) solid;width:100%;padding:.5em 0;display:flex}.datas tr:last-of-type{border-bottom:var(--line) solid}.archive .datas tr:first-of-type{border-top:var(--line) solid}.archive .datas tr,.archive .datas tr:last-of-type{border-top:none;border-bottom:var(--line) solid}.datas th{font-size:var(--font-300);text-transform:uppercase}.datas td{text-align:right;text-wrap:balance}.datas td a,.details p a{transition:color var(--duration-md) var(--ease)}.datas td a:hover,.datas td a:focus-visible,.datas td a:active,.details p a:hover,.details p a:focus-visible,.details p a:active{color:var(--color-800)}@media (orientation:landscape){.project .description,.project .datas,.archive .datas{background-color:var(--color-200)}.project .description{padding:calc(var(--pad-block) * 1.5) var(--pad-inline) var(--pad-block) calc(var(--pad-inline) * 2.5)}.project .datas{padding-bottom:0;padding-left:calc(var(--pad-inline) * 2.5)}}@media (width>=540px){.project .description,.archive .description{font-size:var(--font-500)}}@media (width>=833px) and (height>=48em){.project td,.archive td{font-size:var(--font-500)}.project .description h2,.archive .description h2,.project th,.archive th{font-size:var(--font-400)}}.archives{--thead-font:var(--font-350);--thead-height:var(--menu-height)}.archives .thead{width:100vw;height:calc(var(--menu-height) + var(--thead-height) - var(--pad-block));align-items:flex-end;gap:var(--pad-inline);background-color:var(--color-200);z-index:var(--z-thead);display:flex;position:fixed;top:0;left:0;overflow-x:auto}.archives .thead:after{content:"";bottom:0;left:var(--pad-inline);right:var(--pad-inline);height:var(--line);background-color:var(--color-500);position:absolute}.archives .thead>*{height:var(--thead-height);font-size:var(--thead-font);text-transform:uppercase;transition:color var(--duration-md) var(--ease);cursor:pointer;align-items:center;display:flex}.archives .thead button.active{color:var(--color-500)}.archives .thead button.year{margin-left:var(--pad-inline)}.archives .thead button:last-of-type{margin-right:var(--pad-inline)}.archives .thead .label-project{display:none}.archive{flex-direction:column-reverse;display:flex}.archives .list{padding-top:calc(var(--menu-height) + var(--thead-height) - var(--pad-block));grid-template-columns:100vw;grid-template-rows:repeat(var(--archives), 1fr);list-style:none;display:grid}.archives:after{content:"";background-color:var(--color-500);opacity:0;transition:opacity var(--duration-xl) var(--ease);pointer-events:none;z-index:var(--z-archives-veil);position:fixed;inset:0}.archives.expanded:after{opacity:.3}.archive header{width:100%;height:var(--menu-height);padding:0 var(--pad-inline);cursor:pointer;border:var(--line) solid;border-top:0;border-left:0;border-right:0;border-image:linear-gradient(to right, var(--color-200) var(--pad-inline), var(--color-500) var(--pad-inline), var(--color-500) calc(100vw - var(--pad-inline)), var(--color-200) calc(100vw - var(--pad-inline))) 1;flex-direction:column;justify-content:center;display:flex;position:relative}.archive:last-of-type header{border-bottom:0}.archive .title{color:var(--color-800);white-space:nowrap;font-weight:700}.archive header .btn{--btn-size:calc(var(--btn-height) * .875);width:var(--btn-size);height:var(--btn-size);position:absolute;right:0}.archive header .btn.open:before,.archive header .btn.open:after{content:"";width:50%;height:var(--line);background-color:var(--color-800);position:absolute}.archive header .btn.open:after{transform:rotate(90deg)}.archive header .btn.expand{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath stroke='currentColor' fill='none' d='m1 4 6.5 7L14 4'/%3E%3C/svg%3E") 50% no-repeat;border:none}.archive .details{height:1.25em;display:grid;position:relative;overflow:hidden}.archive .details p{color:var(--color-500);white-space:nowrap;text-overflow:ellipsis;opacity:0;width:100%;transition:opacity var(--duration-md) var(--ease-power2-in-out);grid-area:1/1;overflow:hidden}.archives[data-details=year] .archive .details p.year,.archives[data-details=category] .archive .details p.category,.archives[data-details=deliverable] .archive .details p.deliverable,.archives[data-details=industry] .archive .details p.industry{opacity:1}.archives[data-details=category] .archive .data-category,.archives[data-details=year] .archive .data-year,.archives[data-details=industry] .archive .data-industry,.archives[data-details=deliverable] .archive .data-deliverable{display:none}.archive .title,.archive .details{transition:opacity var(--duration-md) var(--ease)}.archives.expanded .archive[aria-expanded=false] .title,.archives.expanded .archive[aria-expanded=false] .details{opacity:.5}.archive header,.archive .slider{background-color:var(--color-200)}.archive[aria-expanded=true],.archive.is-expanding{z-index:var(--z-archive-open)}.archive[aria-expanded=true] header{bottom:calc(var(--line) * -1);z-index:2;position:fixed;left:0}.archive .slider{width:100%;height:0;bottom:var(--menu-height);overflow:hidden}.archive[aria-expanded=true] .slider{top:0;bottom:var(--menu-height);height:auto;position:fixed;overflow-y:scroll}.archive .slides{justify-content:space-between;gap:var(--gap-block) 0;flex-direction:column;width:100vw;min-height:100%;list-style:none;display:flex}.archive .slides .visual{--parallax-y:var(--parallax-live);width:calc(100vw - var(--pad-inline) * 2);height:calc((100vw - var(--pad-inline) * 2) / var(--ratio) - 2 * var(--parallax-y));background-color:var(--color);margin:0 auto;overflow:hidden}.archive .slides .visual:first-of-type{margin-top:var(--pad-block);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.archive .slides .visual:nth-last-of-type(2){border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.archive .visual>*{width:calc(100% + 2 * var(--parallax-x));height:0;padding-bottom:calc(100% / var(--ratio));left:calc(-1 * var(--parallax-x));top:calc(-1 * var(--parallax-y));background-color:var(--color);position:relative;overflow:hidden}.archive .visual>*>*{object-fit:cover;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute}html:has(.archive[aria-expanded=true]){overflow-y:hidden}@media (orientation:landscape){html:has(.archive[aria-expanded=true]){overflow-y:scroll}.archives{--archive-slider-height:min(32em, 50vh);--archive-height:calc(var(--archive-slider-height) + var(--menu-height) + var(--pad-block))}.archives:after{display:none}.archives .thead{z-index:var(--z-thead-landscape)}.archives .list{grid-template-columns:100%;grid-template-rows:repeat(var(--archives), auto);height:calc((var(--thead-height) + var(--line)) * (var(--archives) + 1) + var(--archive-slider-height) + var(--pad-block) - var(--line));align-content:start}.archive{position:relative;overflow:hidden}.archives.expanded .archive[aria-expanded=false]{opacity:1}.archive[aria-expanded=true]{height:var(--archive-height)}.archive[aria-expanded=true],.archive.is-expanding{z-index:0}.archive[aria-expanded=false]{height:var(--thead-height)}.archive[aria-expanded=true] header{position:relative;bottom:0}.archive.is-expanding header{z-index:var(--z-visual-first)}.archive .slider{height:0;bottom:calc(var(--pad-block) * -1);flex:1;position:relative;overflow:hidden}.archive[aria-expanded=true] .slider{top:var(--pad-block);height:calc(var(--archive-slider-height) + var(--menu-height) - var(--line));cursor:pointer;z-index:var(--z-local);background-color:#0000;position:absolute;overflow:scroll hidden}.archive .slides{flex-direction:row;justify-content:space-between;width:auto;height:100%}.archive .slider.temp .slides{justify-content:flex-start}.archive .slides .visual{--parallax-x:var(--parallax-live);--parallax-y:0px;width:calc((var(--archive-slider-height)) * var(--ratio) - 2 * var(--parallax-x));height:var(--archive-slider-height);padding-bottom:initial;margin:0 var(--pad-inline) 0 0;flex-shrink:0}.archive .slides .visual>*{width:calc(100% + 2 * var(--parallax-x));height:calc(100% + 2 * var(--parallax-y))}.archive .slides .visual:first-of-type{margin-left:var(--pad-inline);border-radius:var(--radius) 0 0 var(--radius);margin-top:0}.archive .slides .visual:nth-last-of-type(2){border-radius:0 var(--radius) var(--radius) 0}.archive .slides .visual:first-of-type:nth-last-of-type(2){border-radius:var(--radius)}.archive .slider:not(.temp) .slides .visual:nth-last-of-type(2){margin-right:0}.archive .slides .infos{justify-content:space-between;gap:var(--pad-block) 0;width:min(100vw,32em);padding:0 var(--pad-inline) 0 calc(var(--pad-inline) * 1.5);height:var(--archive-slider-height);flex-direction:column;flex-shrink:0;margin:0 0 0 auto;display:flex}.archive .slides .infos>*{padding:0}.archives.expanded .archive[aria-expanded=false] .title,.archives.expanded .archive[aria-expanded=false] .details{opacity:1}}@media (width>=540px){.archive .title{font-size:var(--font-500)}}@media (width>=651px){.archive header{height:var(--menu-height);flex-direction:row;justify-content:space-between;align-items:center;gap:2em;display:flex}.archive .title,.archive .details p{line-height:var(--menu-height)}.archive .details{height:var(--menu-height);flex:1}.archives .thead{justify-content:space-between}.archives .thead .label-project{margin:0 auto 0 var(--pad-inline);cursor:default;color:var(--color-500);display:flex}.archives .thead button.year{margin-left:0;margin-right:var(--pad-inline);order:5}.archives .thead button:last-of-type{margin-right:0}.archive .details p{text-align:right}}@media (width>=833px){.archives .thead{height:9.5em;position:sticky}.archives .list{padding-top:0}}@media (orientation:landscape) and (width>=833px){.archives .list{height:calc((var(--thead-height) + var(--line)) * (var(--archives) + 1) + var(--archive-slider-height) + var(--pad-block) - var(--line) - (var(--menu-height) + var(--thead-height) - var(--pad-block)))}}@media (width>=833px) and (height>=48em){.archive .title,.archive .details{font-size:var(--font-600)}}@media (width>=70em){.archives{--menu-btn-width:calc((100vw - var(--btn-height) * 3 - var(--gap-inline) * 7) / 5)}.archives .thead{grid-template-columns:1fr repeat(3, auto) calc(9rem + var(--pad-inline));display:grid}.archives .thead button.year{color:var(--color-500);pointer-events:none;justify-self:end}.archive .details{gap:0 var(--pad-inline);grid-template-columns:repeat(3,auto) 9rem}.archive .details p{grid-area:1/1/1/span 3}.archive .details p.year{text-align:right;grid-area:1/4;opacity:1!important}.archive .data-year{display:none}}@media (width>=82em){.archives .thead{grid-template-columns:calc(min(28vw, 22.5rem) + var(--pad-inline)) repeat(2, auto) 1fr calc(9rem + var(--pad-inline))}.archives .thead button.industry{color:var(--color-500);pointer-events:none;justify-self:end}.archive header{grid-template-columns:min(28vw,22.5rem) 1fr;gap:1em;display:grid}.archive .details{grid-template-columns:1fr auto auto 9rem}.archive .details p{text-align:left;grid-area:1/1/1/span 2}.archive .details p.industry{text-align:right;grid-area:1/3;opacity:1!important}.archive .data-industry{display:none}}@media (width>=100em){.archives .thead{grid-template-columns:calc(min(28vw, 22.5rem) + var(--pad-inline)) max(16rem, 18vw) 1fr 1fr calc(9rem + var(--pad-inline))}.archives .thead button.deliverable,.archives .thead button.category{color:var(--color-500);pointer-events:none}.archive .details{grid-template-columns:max(16rem,18vw) auto auto 9rem}.archive .details p.category{grid-area:1/1;opacity:1!important}.archive .details p.deliverable{text-align:left;grid-area:1/2;opacity:1!important}.archive .data-deliverable{display:none}}@media (width>=126em){.archives .thead{grid-template-columns:calc(var(--menu-btn-width) + .75rem) calc(var(--menu-btn-width) - .75rem) 1fr 1fr calc(9rem + var(--pad-inline))}.archive header{grid-template-columns:calc(var(--menu-btn-width) - var(--pad-inline) + .75rem) 1fr}.archive .details{grid-template-columns:calc(var(--menu-btn-width) - .75rem) auto auto 9rem}}.slider-preview{--archive-preview-slider-height:min(50vh, 25rem);opacity:0;transform-origin:0 0;z-index:var(--z-preview);border-radius:var(--radius);pointer-events:none;box-shadow:var(--shadow-200);background-color:var(--color-500);margin:1em;display:none;position:fixed;top:0;left:0;overflow-x:hidden}.slider-preview .slides{justify-content:space-between;gap:var(--gap-block) 0;transition:width var(--duration-xl) var(--ease);width:calc(var(--archive-preview-slider-height) * var(--ratio));height:var(--archive-preview-slider-height);flex-direction:row;display:flex}.slider-preview .slides li{list-style:none}.slider-preview .slides .visual>*{width:calc((var(--archive-preview-slider-height)) * var(--ratio) + 2px);height:calc(var(--archive-preview-slider-height) + 2px);padding-bottom:initial;background-color:var(--color)}.slider-preview .visual>*>*{width:calc((var(--archive-preview-slider-height)) * var(--ratio));height:var(--archive-preview-slider-height)}html.is-changing .slider-preview{z-index:var(--z-preview-changing)}@media (orientation:landscape) and (any-hover:hover) and (pointer:fine){.slider-preview{display:block}}.page-about>main{padding-top:var(--menu-height)}.page-about ul{list-style:none}.page-about .intro{padding-left:var(--pad-inline);padding-right:var(--pad-inline)}.page-about :is(.bio,.offer-text,.deliverables,.client-list,.answer>div){font-family:var(--font-text);font-size:var(--font-400)}.page-about h3{font-size:var(--font-500);font-weight:700;line-height:var(--leading-text)}.presentation{text-wrap:balance;max-width:32ch;margin:.375em 0 0;font-size:clamp(2.25rem,.3396rem + 5.6604vw,6rem);font-weight:700}.mention{gap:1em var(--pad-inline);margin-top:var(--space-content);display:grid}.mention,.page-about .lead{font-size:var(--font-lead);line-height:var(--leading-lead)}.page-about .lead{text-wrap:balance}.mention p,.page-about .lead p{padding-right:var(--pad-inline);max-width:40ch}.page-about .lead p+p{margin-top:1em}.page-about .section{margin:var(--space-section) var(--pad-inline) 0;padding-top:var(--space-heading);border-top:var(--line) solid var(--color-500)}.page-about .section-title{font-size:var(--font-300);text-transform:uppercase;color:var(--color-500);margin-bottom:1rem;font-weight:400}.page-about .section-body{gap:var(--space-content) var(--pad-inline);align-items:start;display:grid}.page-about .section.team{margin-top:var(--space-heading)}.team-photo{margin-bottom:2.5rem}.team-photo>*{--parallax-y:var(--parallax-live);width:100%;height:calc(clamp(var(--content-width) / var(--ratio), (833px - 2rem) / var(--ratio), var(--content-width)) - 2 * var(--parallax-y));border-radius:var(--radius);position:relative;overflow:hidden}.team-photo>*>*{left:calc(-1 * var(--parallax-x));top:calc(-1 * var(--parallax-y));width:calc(100% + 2 * var(--parallax-x));height:calc(100% + 2 * var(--parallax-y));object-fit:cover;object-position:var(--focus,50% 50%);position:absolute}.team-photo>*>img{max-width:calc(100% + 2 * var(--parallax-x))}.members{gap:2rem var(--pad-inline);display:grid}.members .flag{vertical-align:baseline;width:auto;height:.7em;margin-left:.4em;display:inline-block}.members .bio{margin-top:.5rem}.page-about .section.services{margin-top:var(--space-heading)}.offers{column-gap:var(--pad-inline);margin:var(--space-content) 0 -4rem;display:grid}.offers>li{grid-row:span 4;grid-template-rows:subgrid;padding-bottom:4rem;display:grid}.offers .offer-gallery{grid-row:1}.offers h3{grid-row:2}.offers .offer-text{grid-row:3}.offers .offer-text p+p{margin-top:1rem}.offers .deliverables{grid-row:4;align-self:start}.offer-gallery{--parallax-y:var(--parallax-live);box-sizing:content-box;padding:0 var(--parallax-y);aspect-ratio:1;isolation:isolate;border-radius:var(--radius);background-color:var(--color-500-400);touch-action:pan-y;-webkit-user-select:none;user-select:none;margin-bottom:1.5rem;position:relative;overflow:hidden}.offer-gallery li{position:absolute;inset:0}.offer-gallery li+li,.offer-gallery.is-ready li{visibility:hidden}.offer-gallery.is-ready li:is(.is-current,.is-peek){visibility:visible}.offer-gallery li>*{width:100%;height:100%;display:block;position:relative;overflow:hidden}.offer-gallery li>*>:is(img,video){left:0;top:calc(-1 * var(--parallax-y));width:100%;height:calc(100% + 2 * var(--parallax-y));object-fit:cover;object-position:var(--focus,50% 50%);-webkit-user-drag:none;position:absolute}.offer-gallery video{filter:grayscale()}.offer-zone{z-index:1;cursor:pointer;position:absolute;top:0;bottom:0}.offer-zone[data-step="-1"]{width:25%;left:0}.offer-zone[data-step="1"]{width:75%;right:0}.offer-text{max-width:48ch;padding-right:var(--pad-inline);margin-top:.25rem}.deliverables{grid-template-rows:repeat(var(--rows,1), auto);color:var(--color-500);grid-auto-flow:column;justify-content:start;column-gap:1.5rem;margin-top:1.5rem;display:grid}.filters-bar{top:calc(var(--menu-height) - var(--pad-block));z-index:var(--z-filters);margin:calc(var(--space-content) - var(--pad-block)) calc(-1 * var(--pad-inline)) calc(var(--pad-block) * -1);padding:var(--pad-block) 0;background-color:var(--color-200);position:sticky}html.chrome-hidden .filters-bar{top:0}html:not(.js) .filters-bar{display:none}.filters{gap:.625rem var(--gap-inline);min-inline-size:0;padding:0 var(--pad-inline);border:0;flex-wrap:wrap;margin:0;display:flex}.filters .btn:focus-visible{outline-offset:2px}.client-list{columns:2;column-gap:var(--pad-inline);margin-top:var(--space-content)}.js .filters-bar+.client-list{margin-top:calc(2.5rem - var(--pad-block))}.client-list li{break-inside:avoid;transition:color var(--duration-md) var(--ease)}.client-list li.is-dimmed{color:var(--color-500)}.questions{border-bottom:var(--line) solid var(--color-500)}.questions details{border-top:var(--line) solid var(--color-500)}.questions{--faq-num:calc(2ch + var(--pad-inline))}.questions summary,.questions .answer{font-family:var(--font-display);font-size:var(--font-500)}.questions summary{cursor:pointer;align-items:center;padding:1.125rem 0;list-style:none;display:flex}.questions .faq-num{width:var(--faq-num);color:var(--color-500);font-size:var(--font-400);font-variant-numeric:tabular-nums;line-height:var(--leading-text);flex:none}.questions .answer{padding-left:var(--faq-num)}.questions,.questions *{-webkit-tap-highlight-color:transparent}.questions summary::-webkit-details-marker{display:none}.questions .answer>div{max-width:40em;padding-bottom:1.75rem}.questions .answer p+p{margin-top:.75em}.links{gap:calc(var(--gap-inline) * 1.25) var(--gap-inline);margin-top:calc(var(--space-content) * 2);flex-wrap:wrap;display:flex}.links .btn{max-width:calc(100vw - var(--pad-inline) * 2)}.links .btn>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-about .footer{margin-top:var(--space-heading)}@media (width>=540px){.client-list{columns:3}.page-about :is(.bio,.offer-text,.client-list,.answer>div){font-size:var(--font-500)}}@media (width>=651px){.members{grid-template-columns:repeat(3,1fr)}.offers{grid-template-columns:repeat(2,1fr)}}@media (width>=833px){.page-about h3,.questions summary,.questions .answer{font-size:var(--font-600)}.client-list{columns:4}}@media (width>=833px) and (height>=48em){.page-about .section-title{font-size:var(--font-400)}}@media (width>=833px) and (any-hover:hover) and (pointer:fine){.filters .btn,.filters .btn.active,.filters .btn:not(.active):hover{background-color:#0000}}@media (width>=70em){.client-list{columns:5}}@media (width>=80em){.mention{grid-template-columns:repeat(3,1fr)}.page-about .section-body{grid-template-columns:repeat(2,1fr)}.page-about .section.services{margin-top:var(--space-section)}.offers{grid-template-columns:repeat(4,1fr)}}@media (width>=100em){.client-list{columns:6}}@media (width<=105em){.presentation br{display:none}}.page-error main{padding:var(--menu-height) var(--pad-inline) var(--pad-block);min-height:var(--maxSvh);flex-direction:column;justify-content:space-between;gap:3em;display:flex}.page-error .text h1{max-width:28ch;margin:.375em 0 .5em;font-size:clamp(2rem,7.0588vw - .6471rem,5rem);font-weight:700}.page-error main p{text-wrap:balance;max-width:82ch;font-weight:700;font-size:var(--font-400)}.page-error main a{margin:1.5em 0 0;display:inline-block}.page-error .visual{max-width:84ch}.page-error .visual>*{width:100%;aspect-ratio:var(--ratio);border-radius:var(--radius);position:relative;overflow:hidden}.page-error .visual>*>*{object-fit:cover;width:100%;height:100%;position:absolute}@media (width>=540px){.page-error main p{font-size:var(--font-500)}}@media (width>=833px) and (height>=48em){.page-error main p{font-size:var(--font-600)}}.icon{color:var(--color-200);width:var(--btn-height);height:var(--btn-height);justify-content:center;align-items:center;display:flex;transform:rotate(-45deg)}.icon:before,.icon:after{content:"";width:50%;height:var(--line);transition:all var(--duration-md) var(--ease);background-color:currentColor;position:absolute}.icon:before{transform:rotate(-45deg)}.icon:after{transform:rotate(45deg)}.cursor{z-index:var(--z-cursor);pointer-events:none;opacity:0;box-shadow:var(--shadow-400);border:var(--line) solid var(--color-500-400);background-color:var(--color-800);border-radius:100vw;display:none;position:fixed;top:0;left:0}.cursor .icon{transition:all var(--duration-md) var(--ease)}.cursor[data-state=hover] .icon{opacity:0;width:.5rem;height:.5rem}.cursor[data-state=default] .icon{opacity:0;width:1rem;height:1rem}.cursor[data-state=close] .icon,.cursor[data-state=prev] .icon,.cursor[data-state=next] .icon{transform:rotate(0)}.cursor[data-state=prev] .icon:before{transform-origin:0;transform:translate(18%)rotate(-45deg)scaleX(.675)}.cursor[data-state=prev] .icon:after{transform-origin:0;transform:translate(18%)rotate(45deg)scaleX(.675)}.cursor[data-state=next] .icon:before{transform-origin:100%;transform:translate(-18%)rotate(-45deg)scaleX(.675)}.cursor[data-state=next] .icon:after{transform-origin:100%;transform:translate(-18%)rotate(45deg)scaleX(.675)}@media (any-hover:hover) and (pointer:fine){*,:before,:after{cursor:none!important}.cursor{display:block}}}@layer utilities{.sr{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width>=833px) and (width<=66em){.menu [data-target=projects]>span>span:first-of-type{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.ns,.btn,button,a,.archive header{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.project .gallery,.offer-gallery{-webkit-tap-highlight-color:transparent}.cover,.visual>*,picture,.video{background-position:50%;background-repeat:no-repeat;background-size:cover}.no-hyphens{-webkit-hyphens:manual;hyphens:manual}}@layer states{@property --overlayY{syntax:"<number>";inherits:true;initial-value:0}@property --overlay-opacity{syntax:"<number>";inherits:true;initial-value:1}:root{--z-cursor:10000;--z-theming:9999;--z-skip-link:9998;--z-leaving-incoming:6000;--z-leaving-menu:5000;--z-preview:5000;--z-close-project:5000;--z-leaving-main:4000;--z-archive-open:3000;--z-menu:2000;--z-archives-veil:2000;--z-overlay:1500;--z-preview-changing:1400;--z-thead-landscape:1000;--z-filters:1000;--z-close-project-leaving:500;--z-noise:200;--z-project-header-animating:150;--z-visual-first:100;--z-project-header:50;--z-infos:20;--z-thead:10;--z-local:10}.inactivable{transition:opacity var(--duration-xl) var(--ease-power2-in-out)}.inactive{opacity:.3}html.has-mediaload :is(img[loading=lazy],video[preload=none]):not([data-loaded]){opacity:0}:is(img[loading=lazy],video[preload=none])[data-loaded]{opacity:1;transition:opacity var(--duration-md) var(--ease-power2-in-out)}video[poster]{background-image:var(--poster,none);background-repeat:no-repeat;background-size:cover;background-position:var(--focus,50% 50%)}.contain>video[poster]{background-size:contain}.selectedproject .cover>:is(img[loading=lazy],video[preload=none])[data-loaded]{transition:opacity var(--duration-md) var(--ease-power2-in-out), transform var(--duration-md) var(--ease-in-out)}@property --parallax-live{syntax:"<length>";inherits:true;initial-value:0}@property --parallax-x{syntax:"<length>";inherits:true;initial-value:0}@property --parallax-y{syntax:"<length>";inherits:true;initial-value:0}html.has-parallax{--parallax-live:var(--parallax)}@media (prefers-reduced-motion:reduce){html.has-parallax{--parallax-live:0px}}html.has-parallax :is(.selectedproject a,a.archive){-webkit-user-drag:none}.menu.is-adopting,.menu.is-adopting *,.menu.is-adopting :before,.menu.is-adopting :after{transition:none}@media (prefers-reduced-motion:reduce){.btn.close-project{transition:opacity var(--duration-xs) var(--ease);transform:scale(1)rotate(45deg)}.btn.close,.btn.close .icon,.menu .dots,.inactivable{transition:none}#content:after,.content.page-home:after,#content>main .banner:after{content:none}.archives:after,.archive .title,.archive .details{transition:none}.page-project .menu:has(:focus-visible){transition:none}.btn.mode:hover svg{transform:none}.project .btn-infos span.icon{transition:opacity var(--duration-xs) var(--ease)}.noise{background-image:var(--noise-static,var(--noise))}.project .infos.overlay,.project .infos.overlay.open,.project .infos[aria-expanded=true]{transition:none}}@media (orientation:portrait) and (prefers-reduced-motion:reduce){.project .infos.overlay>div,.project .infos[aria-expanded=true]>div{transition:none}}@media (prefers-reduced-motion:reduce) and (width>=833px) and (any-hover:hover) and (pointer:fine){.btn:before{opacity:var(--scale,0);transition:opacity .1s var(--ease);transform:translate(-50%,-50%)scale(1)}.pages .btn.active:before,.btn:hover:before{transition:opacity .1s var(--ease)}}}