*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Zamparo;src:url(/dist/assets/StudioPro-Medium-716014e3.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Zamparo;src:url(/dist/assets/StudioPro-Bold-504f744d.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-grey-144: #909090;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-80: 80px;--spacing-160: 160px;--image-margin-s: var(--spacing-12);--image-margin-m: var(--spacing-16);--image-margin-l: var(--spacing-24);--active-image-margin: var(--image-margin-s);--font-family-primary-fallback: Arial, Helvetica, sans-serif;--font-family-primary-wanted: "Zamparo";--font-family-primary: var(--font-family-primary-wanted), var(--font-family-primary-fallback);--font-corporate-14: bold .875rem/143% var(--font-family-primary);--font-corporate-16: bold 1rem/137% var(--font-family-primary);--font-projet-14: 500 .875rem/114.28% var(--font-family-primary);--font-projet-22: 500 1.375rem/109% var(--font-family-primary);--font-projet-32: 500 2em/112.5% var(--font-family-primary);--font-projet-72: 500 72px/111.11% var(--font-family-primary);--font-copy-14: bold .875em/128.57% var(--font-family-primary);--font-copy-16: bold 1em/128.57% var(--font-family-primary);--paragraph-spacing: 1.2em;--full-height: calc(var(--vh, 1vh) * 100);--project-image-height-share: 85;--project-image-height: calc(var(--vh, 1vh) * var(--project-image-height-share) - var(--bottom-elements-spacing-total));--project-frame-max-width-computed: calc(var(--project-frame-max-width, 100vw) + var(--project-frame-spacing, 0) * 2);--prj-bottom-bar-padding-left: 0;--prj-bottom-bar-padding-bottom: 0;--prj-bottom-bar-padding-top: 0;--prj-title-padding-left: var(--spacing-32);--prj-title-padding-top: var(--spacing-24);--bottom-elements-spacing-total: calc( var(--prj-bottom-bar-padding-bottom) + var(--prj-bottom-bar-padding-top) + var(--prj-title-padding-top) )}@supports (height: 1dvh){:root{--full-height: 100dvh;--project-image-height: calc(var(--project-image-height-share) * 1dvh - var(--bottom-elements-spacing-total))}}html{overflow:hidden;font-family:var(--font-family-primary)}body{font:var(--font-copy);letter-spacing:.5px}[hidden]{display:none}.flow>*+*{margin-top:var(--paragraph-spacing)}.visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.l-project-list{display:grid;grid-template-columns:repeat(3,33.3333%);grid-template-rows:repeat(5,20%);height:100vh;height:var(--full-height);width:100vw;max-width:1600px;margin:0 auto}.l-project-list__item--job{background:black;color:#fff}.l-project-list__item--job .l-project-list__item-wrapper{--job-banner-padding: var(--spacing-12);--job-banner-font: var(--font-projet-14);display:flex;align-items:center;justify-content:left;padding:var(--job-banner-padding);line-height:normal;font:var(--job-banner-font);text-transform:uppercase;background:transparent;text-align:left;border:0;border-radius:0;cursor:pointer}.l-project-list__item-wrapper{display:inline-block;height:100%;position:relative;color:currentColor;text-decoration:none;width:100%}.l-project-list__item-wrapper:hover .l-project-list__item-image{opacity:.25}.l-project-list__item-image,.l-project-list__item-image img{height:100%;width:100%;max-width:100%;max-height:100%}.l-project-list__item-image img{object-fit:cover;transition:opacity .25s ease-in-out}.l-project-list__item-body{position:absolute;top:var(--spacing-16);left:var(--spacing-16);bottom:var(--spacing-16);right:var(--spacing-16);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transition:opacity .25s ease-in-out}.l-project-list__title{font:var(--font-corporate-16);text-transform:uppercase}.l-project-list__item-wrapper:hover .l-project-list__item-body,.l-project-list__item-wrapper:focus .l-project-list__item-body{opacity:1}@media (max-width: 43.75em){.l-project-list__item-body{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}}@media (orientation: landscape){.l-project-list{display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:repeat(3,33.33333%)}}.l-project__images{width:100%;position:relative;flex-grow:2}.l-project__images-container{scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;display:flex;height:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.l-project__images-container::-webkit-scrollbar{width:0;height:0;display:none}.l-project__image-wrapper{scroll-snap-align:center}.l-project__image,.l-project__image img{width:100vw;max-width:100vw;height:100%;object-fit:cover;object-position:center;max-height:var(--project-image-height)}.l-project__image-index{display:none;align-items:center;justify-content:center}.l-project__image-index-item{width:8px;height:8px;border-radius:8px;background:white;border:1px solid var(--color-grey-144);margin:8px 2px 0}@supports (gap: 10px) and (display: flex){.l-project__image-index{gap:4px}.l-project__image-index-item{margin:8px 0 0}}.l-project__image-index-item.active{background:var(--color-grey-144)}@media (max-width: 47.938em){:root{--prj-bottom-bar-padding-left: var(--spacing-24)}.l-project__image-index{display:flex}}@media (orientation: landscape) and (max-width: 63.938em),(max-height: 31.25em){.l-project>*:not(.l-project__images){display:none}.l-project__image,.l-project__image img{max-height:100vh}.l-project__image img{object-fit:contain}}@media (orientation: portrait) and (min-width: 48em),(orientation: landscape) and (min-width: 64em){:root{--prj-bottom-bar-padding-left: var(--spacing-32)}.l-project__image,.l-project__image img{width:auto;max-width:min(80vw - var(--project-frame-spacing) * 2,var(--project-frame-max-width, 100vw) / 100 * 80);max-height:calc(var(--vh, 1vh) * 80)}.l-project__image-wrapper:last-child .l-project__image{margin-right:0}.l-project__image-wrapper:first-child .l-project__image{margin-left:0}[data-image-container="1"] .l-project__image-wrapper :is(.l-project__image,.l-project__image img){max-width:min(var(--project-frame-max-width),100%)}[data-image-container="1"] .l-project__image-wrapper[data-orientation=portrait]{margin:0 auto}[data-image-container="1"] .l-project__image-wrapper[data-orientation=landscape]{width:100%}[data-image-container="1"] .l-project__image-wrapper[data-orientation=landscape] :is(.l-project__image,.l-project__image img){width:100%;max-width:none}}.l-project{display:flex;flex-direction:column;height:100vh;height:var(--full-height);padding:var(--project-frame-spacing, 0);max-width:var(--project-frame-max-width-computed, 100vw)}.l-project[aria-hidden=true] .l-project__images,.l-project[aria-hidden=true] .l-project__title,.l-project[aria-hidden=true] .l-project__bottom-bar{transition:.25s ease-in-out}.l-project[aria-hidden=true] .l-project__images{opacity:.8}.l-project[aria-hidden=true] .l-project__title,.l-project[aria-hidden=true] .l-project__bottom-bar{opacity:0}.l-project__bottom-bar{padding:var(--prj-bottom-bar-padding-top) var(--prj-bottom-bar-padding-left) var(--prj-bottom-bar-padding-bottom);display:flex;align-items:center;justify-content:space-between}.l-project__bottom-bar-action{background:transparent;border-radius:4px;border:none;padding:var(--spacing-12);margin:0;cursor:pointer;transition:background-color .1s ease-in-out;display:flex;align-items:center;justify-content:center}.l-project__bottom-bar-action:first-child{margin-left:calc(var(--spacing-12) * -1)}.l-project__bottom-bar-action:last-child{margin-right:calc(var(--spacing-12) * -1)}.overlay-open-action{transition:transform .25s ease-in-out}.overlay-open-action:focus{outline:2px solid transparent;box-shadow:0 0 0 2px #000}.overlay-open-action:focus:not(:focus-visible){background:transparent;box-shadow:none}.overlay-open-action[data-dialog-trigger=project-detail].opening,.overlay-open-action[data-dialog-trigger=project-detail]:hover{transform:rotate(90deg)}.l-project__title{--prj-title-font: var(--font-corporate-14);margin-top:auto;padding:var(--prj-title-padding-top) var(--prj-title-padding-left) 0;font:var(--prj-title-font)}.dialog-container,.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0}.dialog-container{z-index:2;display:flex}.dialog-container[aria-hidden=true]{display:none}.dialog-overlay{background-color:#080808cc;animation:fade-in .2s both}.dialog-content{--dialog-content-spacing: var(--spacing-24);margin:auto;z-index:2;position:fixed;top:0;bottom:0;right:0;left:0;padding:var(--dialog-content-spacing);overflow-y:auto;-webkit-overflow-scrolling:touch;color:#fff;animation:fade-in .4s .2s both,slide-up .4s .2s both;display:flex;flex-direction:column}.dialog-content p{cursor:text}.dialog-body{flex-grow:2;display:flex;flex-direction:column;max-width:var(--dialog-body-max-width)}.dialog-title{font:var(--font-projet);text-transform:uppercase;cursor:text}.l-overlay__subtitle{cursor:text}.dialog-header{display:flex;margin-bottom:var(--overlay-margin-top)}.dialog-close{width:44px;height:44px;border-radius:44px;border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}.dialog-close line{stroke:currentColor}.dialog-close:focus{outline:2px solid transparent;border:2px solid white}.dialog-close:focus:not(:focus-visible){border-color:transparent}.dialog-blocks h2{font:var(--font-projet)}.l-project-headline{text-transform:uppercase}.l-overlay__body{font:var(--font-copy);margin-top:2.5em;cursor:text}.l-project__email,.company-fullname{--negative-margin: calc(var(--dialog-content-spacing) * -1);text-transform:uppercase;padding-left:var(--dialog-content-spacing);padding-right:var(--dialog-content-spacing);margin-left:var(--negative-margin);margin-right:var(--negative-margin)}.l-project__email{padding-top:var(--dialog-content-spacing);padding-bottom:var(--dialog-content-spacing);color:currentColor;text-decoration:none;display:inline-block}.l-project__email:focus{outline:2px solid transparent}.contact-email{margin-top:auto}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(10%)}}.cursor-text{fill:#080808;white-space:pre;font-family:inherit;font-size:32;letter-spacing:.5px}[data-dialog=project-detail]{color:#fff}[data-dialog=project-detail] .dialog-body{color:#fff;max-width:var(--project-frame-max-width);margin:0 auto}[data-dialog=project-list] .dialog-overlay{background:white}[data-dialog=project-list] .dialog-content{color:#080808}[data-dialog=project-list] .dialog-body{margin:0 auto}[data-dialog=project-list] .dialog-header{margin-bottom:var(--spacing-24)}.c-project-list-dialog-body__project-list{list-style-type:none;padding-left:0;margin:0;display:flex;flex-direction:column;flex-wrap:wrap}.c-project-list-dialog-body__project-list-item{max-width:100%}.c-project-list-dialog-body__project{color:currentColor;text-decoration:none;display:inline-block;padding:var(--spacing-12) 0;display:flex}a.c-project-list-dialog-body__project *{cursor:pointer!important}.c-project-list-dialog-body__project-abbr{flex-basis:6.6em;padding-right:20px;flex-shrink:0;flex-grow:0;text-transform:uppercase}.c-project-list-dialog-body__project-title{text-transform:uppercase}@media (max-height: 35.5em) and (orientation: portrait){:root{--project-image-height-share: 77}}@media (max-width: 47.938em){:root{--font-projet: var(--font-projet-22);--font-copy: var(--font-copy-14);--overlay-margin-top: var(--spacing-80);--prj-bottom-bar-padding-top: var(--spacing-12);--prj-bottom-bar-padding-bottom: var(--spacing-12)}}@media (min-width: 48em){:root{--font-projet: var(--font-projet-32);--font-copy: var(--font-copy-16);--overlay-margin-top: var(--spacing-80);--dialog-body-max-width: 78.125%;--prj-title-padding-left: 0;--prj-title-padding-top: 0;--prj-bottom-bar-padding-left: 0;--prj-bottom-bar-padding-bottom: 0;--prj-bottom-bar-padding-top: 0}.l-project{row-gap:var(--spacing-24)}.l-project__images-container{position:absolute;top:0;right:0;bottom:0;left:0}.l-project-list__item--job .l-project-list__item-wrapper{--job-banner-font: var(--font-projet-22);--job-banner-padding: var(--spacing-16)}}@media (orientation: landscape) and (min-width: 64em),(orientation: portrait) and (min-width: 48em){:root{--project-frame-spacing: var(--spacing-32)}}@media (min-width: 75em){:root{--whitespace-x-project-list: var(--spacing-40);--project-frame-spacing: var(--spacing-40);--whitespace-x-project-list: clamp(var(--spacing-40), calc(-320px + 30vw), var(--spacing-160))}.l-project-list{height:calc(var(--vh, 1vh) * 100 - var(--whitespace-x-project-list) * 2);margin:var(--whitespace-x-project-list);width:calc(100vw - var(--whitespace-x-project-list) * 2)}[data-dialog=project-detail] .dialog-body{--padding-inline: calc(var(--project-frame-spacing) - var(--dialog-content-spacing) * 2);color:#fff;padding-inline:var(--padding-inline);max-width:calc(var(--project-frame-max-width) - var(--spacing-80) * 2);margin:0 auto;width:100%}[data-dialog=project-detail] .dialog-body>:where(*){max-width:56.25rem}}@media (min-width: 90em){:root{--font-projet: var(--font-projet-72)}.l-project__title{--prj-title-font: var(--font-corporate-16)}.l-project-list__item--job .l-project-list__item-wrapper{--job-banner-font: var(--font-projet-22);--job-banner-padding: var(--spacing-32)}}@media (min-width: 100em){:root{--project-frame-spacing: var(--spacing-160);--project-frame-max-width: 1600px}[data-dialog=project-detail] .dialog-body{padding-inline:calc(var(--project-frame-spacing, 0) - var(--dialog-content-spacing) + var(--spacing-80));max-width:calc(var(--project-frame-max-width-computed, 100vw) - var(--dialog-content-spacing) * 2)}.l-project-list{margin-left:auto;margin-right:auto;max-width:var(--project-frame-max-width)}.l-project{padding-bottom:var(--spacing-40);margin-left:auto;margin-right:auto}}@media (min-width: 120em){.l-project-list__item--job .l-project-list__item-wrapper{--job-banner-font: var(--font-projet-32)}}@media (min-width: 90em){.c-project-list-dialog-body{max-width:600px}.c-project-list-dialog-body__project-list{flex-direction:row;justify-content:space-between}.c-project-list-dialog-body__project-list-item{flex-basis:100%}}