@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--container-xl: 1200px;--container-m: 100%;--padding: 15px;--font-size-m: .938rem;--font-size-l: 1.05rem;--font-size-s: .75rem}@font-face{font-family:FavoritMono;src:url(/assets/ABCFavoritMono-Book-Trial-BxOh8VDl.otf) format("opentype")}@font-face{font-family:Favorit;src:url(/assets/ABCFavorit-Light-Trial-yhz86kEe.otf) format("opentype")}body{background-color:#000;font-family:FavoritMono;overflow:hidden}a{color:#fff;cursor:pointer;text-transform:uppercase;font-family:FavoritMono;font-size:var(--font-size-m);padding:0;margin:0;text-decoration:none}.subtitle{text-transform:uppercase;color:#fff;font-size:var(--font-size-s)}.title{text-transform:uppercase;color:#fff;font-size:var(--font-size-m)}.paragraph{font-family:Favorit;color:#fff;font-size:var(--font-size-m);line-height:1.2}.app{width:100vw;height:100vh;overflow:hidden;position:relative}.app__container{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}.header{width:100%;background-color:#000;padding:17.5px 0 var(--padding) 0;z-index:10;opacity:0}.header__container{width:calc(var(--container-xl) - 2 * var(--padding));margin:0 auto;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:1200px){.header__container{width:calc(var(--container-m) - 2 * var(--padding))}}.main{flex-grow:1;position:relative}.gradient__top{position:absolute;top:-5px;left:50%;transform:translate(-50%);width:125%;height:15dvh;background:linear-gradient(to bottom,black,transparent);z-index:4;filter:blur(2px)}.gradient__bottom{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:125%;height:15dvh;background:linear-gradient(to top,black,transparent);z-index:4;filter:blur(2px)}.background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.background__black{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}.background__image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;opacity:0;z-index:2;transition:opacity .5s ease-in-out}.background__image--active{opacity:.5;transition-delay:.5s}.home{width:100%;height:100%;display:grid;grid-template-columns:repeat(1fr,1fr);position:absolute;top:0;left:0;z-index:3;pointer-events:none}.grid__cell{width:100%;box-sizing:border-box}.grid__cell--active{position:relative;transition:.5s ease-in-out}.grid__cell--active:before{content:"";position:absolute;top:0;left:0;width:100%;height:80%;background-color:#fff;filter:blur(5px);z-index:-1}.grid__cell--active--hidden{pointer-events:none;opacity:0}.grid__item{width:calc(var(--container-xl) - 2 * var(--padding));margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);padding:0 var(--padding);height:100%;align-items:center;color:#fff;text-transform:uppercase}.grid__item p{padding-bottom:3px;font-size:var(--font-size-m)}.grid__cell--active .grid__item{pointer-events:auto;cursor:pointer;color:#000}@media screen and (max-width:1200px){.grid__item{width:calc(var(--container-m) - 2 * var(--padding))}}.grid__item-number{grid-area:1 / 1 / 2 / 2}.grid__item-title{grid-area:1 / 2 / 2 / 7}.grid__item-type{grid-area:1 / 7 / 2 / 12}.grid__item-year{grid-area:1 / 12 / 2 / 13;text-align:right}@media screen and (max-width:767px){.grid__item{grid-template-columns:repeat(6,1fr)}.grid__item-title{grid-area:1 / 1 / 2 / 6}.grid__item-number{grid-area:1 / 6 / 2 / 7;text-align:right}.grid__item-type,.grid__item-year{display:none}}.project{width:calc(100% - 2 * var(--padding));height:calc(100% - 1 * var(--padding));padding:0 var(--padding);position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 45%,transparent 55%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 45%,transparent 55%,transparent 100%);-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-position:0% 100%;mask-position:0% 100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project::-webkit-scrollbar{display:none}.project__container,.project__banner{width:100%;height:100%}.project__banner video{object-fit:cover;width:100%;height:100%}.project__banner img{object-fit:cover;width:100%;height:100%}.project__content{width:calc(var(--container-xl) - 2 * var(--padding));margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto}.project__informations{grid-area:1 / 1 / 2 / 7;display:flex;flex-direction:column;justify-content:center;height:60dvh;padding:10dvh 0 0}.project__informations h3{margin-bottom:15px}.project__informations p{margin-bottom:10px}.project__gallery{grid-area:2 / 1 / 3 / 13;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;grid-column-gap:20px;grid-row-gap:0px;grid-auto-flow:row}.project__gallery__item{height:80dvh;display:flex;align-items:center;justify-content:center;padding:10vh 0}.project__gallery__item.full{grid-column:1 / 13}.project__gallery__item.half{grid-column:span 6}.project__gallery__item.third{grid-column:span 4}.project__gallery__item.quarter{grid-column:span 3}.project__gallery__item img,.project__gallery__item video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.project__gallery__item iframe{width:min(100%,calc(100dvh * (16 / 9)));height:min(100%,100dvh);aspect-ratio:16 / 9;border:none}@media screen and (max-width:1200px){.project__content{width:var(--container-m)}}@media screen and (max-width:767px){.project__informations{grid-area:1 / 1 / 2 / 13}.project__gallery__item.half,.project__gallery__item.quarter,.project__gallery__item.third{grid-column:1 / 13}}.footer{width:calc(100% - 2 * var(--padding));justify-content:space-between;padding:var(--padding);position:absolute;bottom:0;z-index:10}.footer__container{width:calc(var(--container-xl) - 2 * var(--padding));margin:0 auto;display:flex;justify-content:space-between;position:relative}.footer__close__button{position:absolute;width:25px;height:25px;bottom:10px;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;cursor:pointer;transition:.5s ease-in-out}.footer__close__button--active{opacity:1;pointer-events:auto}.footer__close__button__trait{height:100%;width:1.5px;background-color:#fff;position:absolute;top:0;left:50%;transform:translate(-50%) rotate(45deg)}.footer__close__button__trait:nth-child(2){transform:translate(-50%) rotate(-45deg)}.footer__case{display:flex;flex-direction:column;gap:5px;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;padding-bottom:10px;width:40%;cursor:pointer;padding-top:20px}.footer__case:nth-child(3){align-items:end;text-align:right}.footer__case--active{opacity:1;pointer-events:auto}@media screen and (max-width:1200px){.footer__container{width:var(--container-m)}}