/*! Based on ligthelm.work (design Mouthwash Studio, development Guillaume Colombel). Direction mock-up. */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:var(--hermes);color:#fff;text-shadow:none}::selection{background:var(--hermes);color:#fff;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}@font-face{font-family:Akkurat;src:url(/static/fonts/Akkurat/AkkuratMonoLLWeb-Regular.woff) format("woff"),url(/static/fonts/Akkurat/AkkuratMonoLLWeb-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:NeueMontreal;src:url(/static/fonts/NeueMontreal/NeueMontreal-Regular.eot);src:url(/static/fonts/NeueMontreal/NeueMontreal-Regular.otf) format("truetype"),url(/static/fonts/NeueMontreal/NeueMontreal-Regular.ttf) format("ttf"),url(/static/fonts/NeueMontreal/NeueMontreal-Regular.woff) format("woff"),url(/static/fonts/NeueMontreal/NeueMontreal-Regular.woff2) format("woff2"),url(/static/fonts/NeueMontreal/NeueMontreal-Regular.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}.loading{position:absolute;top:0;left:0;width:100vw;height:100vh;height:calc(var(--vh,1vh)*100);z-index:101;display:none}.loading .h-art{width:100%;height:100%}.p-t{opacity:0;display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;height:calc(var(--vh,1vh)*100);background:#000;z-index:99}.p-t .h-art{width:25%;height:25%}@media all and (max-width:767px){.p-t .h-art{width:100%;height:100%}}header{z-index:100;position:fixed;left:0;top:24px;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;mix-blend-mode:difference;opacity:0}@media all and (max-width:767px){header{width:100vw}}header nav{display:flex;justify-content:space-between}header nav a{display:flex;font-family:Akkurat;font-size:.78125vw;text-transform:uppercase;color:#fff;text-decoration:none}@media all and (max-width:767px){header nav a{font-size:10px;font-size:.625rem;line-height:14px;line-height:.875rem}}@media all and (min-width:1979px){header nav a{font-size:16px}}header nav a:first-child{margin-left:16px}@media all and (max-width:767px){header nav a:first-child{order:3;margin-left:0;margin-right:16px}}header nav a:last-child{margin-right:16px}@media all and (max-width:767px){header nav a:last-child{order:2;margin-right:0}}.logo{margin:0 auto}@media all and (max-width:767px){.logo{position:relative;order:1;width:auto;margin-left:16px;margin-right:0;opacity:1!important;z-index:1}}.logo .wordmark{display:block;width:713.9px;max-width:55vw;height:auto;overflow:visible}@media all and (min-width:1979px){.logo .wordmark{max-width:35vw}}@media all and (max-width:767px){.logo .wordmark{display:none}}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:16px;grid-row-gap:24px;padding:0 16px;counter-reset:item;padding-top:10vh;padding-top:calc(var(--vh,1vh)*10)}@media all and (min-width:1979px){.grid{padding-top:5vh;padding-top:calc(var(--vh,1vh)*5)}}@media all and (max-width:767px){.grid{padding-top:5vh;padding-top:calc(var(--vh,1vh)*5);grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-row-gap:16px;grid-column-gap:8px}}.grid .q-i_item{position:absolute;top:0;opacity:0;pointer-events:none}.grid .projet-item{position:relative;counter-increment:item;cursor:pointer;opacity:0}.grid .projet-item:hover .img-hover{transition:opacity .5s;opacity:1}.grid .projet-item a{color:#fff;text-decoration:none;height:100%}.grid .projet-item.fake-ethos01,.grid .projet-item.fake-ethos02{display:none}@media all and (max-width:767px){.grid .projet-item.fake-ethos01,.grid .projet-item.fake-ethos02{display:flex}.grid .projet-item.fake-ethos01{order:5!important}.grid .projet-item.fake-ethos01 h2::before{content:"03"!important}.grid .projet-item.fake-ethos02{order:7!important}.grid .projet-item.fake-ethos02 h2::before{content:"07"!important}}.grid .projet-item h2{display:block;font-family:Akkurat;font-size:.78125vw;margin-bottom:10px;text-transform:uppercase}@media all and (min-width:1979px){.grid .projet-item h2{font-size:16px}}@media all and (max-width:767px){.grid .projet-item h2{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:7px;font-size:.4375rem;line-height:12px;line-height:.75rem;margin-bottom:4px}}.grid .projet-item h2::before{content:counter(item,decimal-leading-zero) " ";margin-right:18px}@media all and (max-width:767px){.grid .projet-item h2::before{margin-right:6px}}.grid .projet-item .img-hover{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:62.6%;margin-top:-62.6%;transition:opacity .49s;opacity:0}@media all and (max-width:767px){.grid .projet-item .img-hover{pointer-events:none}}.grid .projet-item .img-src{position:relative;background-color:#161616;background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:62.6%;transition:opacity .49s}.grid .projet-item img{object-fit:cover;width:100%}.grid .projet-item p{font-family:Akkurat;font-size:.78125vw;line-height:1.5;text-transform:uppercase;margin-left:calc(18px + 1.4vw)}@media all and (min-width:1979px){.grid .projet-item p{font-size:16px;margin-left:calc(18px + 1.1vw)}}@media all and (max-width:767px){.grid .projet-item p{font-size:7px;font-size:.4375rem;line-height:12px;line-height:.75rem;margin-left:calc(18px + .3vw)}}.grid .projet-item p.w-t{transition:opacity .49s}.grid .projet-item.w-text .img-src{opacity:0}@media all and (max-width:767px){.grid .projet-item.w-text .img-src{opacity:1}}.grid .projet-item.w-text:hover img{opacity:1;transition:opacity .5s}.grid .projet-item.w-text a img{opacity:0;transition:opacity .5s}@media all and (max-width:767px){.grid .projet-item.w-text a img{opacity:1}}.grid .projet-item.w-text p{position:absolute;top:calc(.7483vw + 10px);z-index:-1}@media all and (max-width:767px){.grid .projet-item.w-text p{display:none}}.grid .projet-item.ethos{min-height:16vw}@media all and (max-width:767px){.grid .projet-item.ethos{min-height:120px}}.grid .projet-item.big{grid-column-end:span 2;grid-row-end:span 2;min-height:34vw}@media all and (max-width:767px){.grid .projet-item.big{margin-bottom:16px}}@media all and (max-width:767px){.grid .projet-item.big .img-src{padding-bottom:62.6%}}.grid .projet-item.big .img-hover,.grid .projet-item.big .img-src{position:absolute;height:calc(100% - (.7483vw + 10px));padding-bottom:0;margin-top:0;top:calc(.7483vw + 10px);width:100%}@media all and (max-width:767px){.grid .projet-item.big .img-hover,.grid .projet-item.big .img-src{height:100%;top:calc(.7483vw + 13px)}}@media all and (max-width:767px){.grid .projet-item.big .img-src{aspect-ratio:2/1;position:relative;height:100%;top:0}}.grid .projet-item .e-c{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.grid .projet-item .e-c .h-art{width:9vw;height:9vw}@media all and (max-width:767px){.grid .projet-item .e-c .h-art{width:24vw;height:24vw}}.b-t{display:flex;justify-content:center;text-align:center;width:100%;font-family:Akkurat;font-size:.78125vw;text-transform:uppercase;padding-top:10.5vh;padding-top:calc(var(--vh,1vh)*10.5);padding-bottom:5vh;padding-bottom:calc(var(--vh,1vh)*5)}@media all and (min-width:1979px){.b-t{font-size:16px}}@media all and (max-width:767px){.b-t{width:auto;font-size:10px;font-size:.625rem;line-height:14px;line-height:.875rem;margin-top:46px;margin-bottom:16px;justify-content:start;margin-left:16px}}.b-t a{color:#fff;text-decoration:none}.b-t a:hover{opacity:.5;cursor:pointer}@media all and (max-width:767px){.b-t a.h-m{display:none}}.b-t a.s-m{text-decoration:underline}@media all and (max-width:767px){.b-t a.s-m{display:block}}.ethos-active .projet-item a:hover{cursor:auto}.ethos-active .projet-item.ethos{pointer-events:initial}.ethos-active .projet-item .img-hover,.ethos-active .projet-item .img-src{opacity:0!important}.ethos-active .projet-item h2{visibility:hidden}.ethos-active .projet-item h2::before{visibility:visible}.ethos-active .w-text .q-i_item{top:0}.ethos-active .q-i .w-t{opacity:0}.ethos-active .q-i .q-i_item{opacity:1;transition:opacity .49s}.ethos-active .q-i .q-i_item.hide{opacity:0!important}.ethos-active .img-src,.ethos-active .projet-item.w-text:hover img,.ethos-active .w-t{opacity:0;transition:opacity .49s}.filters{padding:72px 16px 0 16px}.filters h2{display:block;font-family:Akkurat;font-size:.78125vw;margin-bottom:4px;text-transform:uppercase;opacity:.4;cursor:pointer;transition:opacity .5s}@media all and (min-width:1979px){.filters h2{font-size:16px}}@media all and (max-width:767px){.filters h2{font-size:10px;margin-bottom:4px}}.filters h2.active,.filters h2:hover{opacity:1}.a-container .filters{padding:0 16px 5vh 16px;padding:0 16px calc(var(--vh,1vh)*5) 16px;margin-top:-60px}@media all and (min-width:1979px){.a-container .filters{padding:0 16px 24px 16px}}@media all and (max-width:767px){.a-container .filters{padding:0 16px 24px 16px}}.quotes{display:none}.project-container{font:.78125vw Akkurat;line-height:1.4;text-transform:uppercase;opacity:0}@media all and (min-width:1979px){.project-container{font-size:16px}}@media all and (max-width:767px){.project-container{font-size:10px;font-size:.625rem;line-height:14px;line-height:.875rem}}@media all and (max-width:767px){.project-container.video-active #p-video{z-index:99;transition:all .4s}}.project-container .play{position:absolute;text-transform:uppercase;width:100%;height:92.375vh;height:calc(var(--vh,1vh)*92.375);right:-24px;z-index:99;pointer-events:none}@media all and (max-width:767px){.project-container .play{display:flex;align-items:center;justify-content:center;right:0}}.project-container .play span{opacity:0;transform:scale(1.5);transition:transform ease 1s,opacity ease .3s}@media all and (max-width:767px){.project-container .play span{opacity:1}}.project-container .play.cursor-active span{opacity:1;transform:scale(1)}.project-container .v-head{display:flex;align-items:center;justify-content:center;height:100vh;height:calc(var(--vh,1vh)*100)}.project-container .v-head .thumb-video{position:absolute;top:0;height:92.375vh;height:calc(var(--vh,1vh)*92.375);width:100%;background-position:center;background-size:cover;z-index:10}.project-container .v-head #p-video,.project-container .v-head iframe,.project-container .v-head video{width:100vw;height:100vh;height:calc(var(--vh,1vh)*100);object-fit:initial}.project-container .v-head #p-video:hover,.project-container .v-head iframe:hover,.project-container .v-head video:hover{cursor:pointer}@media all and (max-width:767px){.project-container .v-head #p-video,.project-container .v-head iframe,.project-container .v-head video{object-fit:initial;height:30vh;height:calc(var(--vh,1vh)*30)}}@media all and (max-width:767px){.project-container .v-head #p-video{position:relative;display:flex;align-items:center;justify-content:center}}.project-container .v-head .c-player{position:absolute;height:80%;width:100%;z-index:9}@media all and (max-width:767px){.project-container .v-head .c-player{height:36%}}.project-container .v-infos{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;background:#000;margin-top:-7.625vh;margin-top:calc(var(--vh,1vh)*-7.625);height:7.625vh;height:calc(var(--vh,1vh)*7.625)}@media all and (max-width:767px){.project-container .v-infos{z-index:99}}.project-container .v-infos .v-n{margin-left:16px}.project-container .v-infos .v-n span{margin-right:20px}.project-container .v-infos .v-m{position:absolute;justify-content:center;display:flex;width:100%}@media all and (max-width:767px){.project-container .v-infos .v-m{justify-content:flex-end;right:16px}}.project-container .v-infos .v-m:hover{cursor:pointer}.project-container .v-infos .v-d{margin-right:16px}@media all and (max-width:767px){.project-container .v-infos .v-d{display:none}}.project-container .v-description{background:#000;display:flex;margin-top:6vh;margin-top:calc(var(--vh,1vh)*6);margin-bottom:16.5vh;margin-bottom:calc(var(--vh,1vh)*16.5);margin-left:16px;margin-right:16px}@media all and (max-width:767px){.project-container .v-description{flex-direction:column}}.project-container .v-description .v-credits{display:flex;width:50vw}@media all and (max-width:767px){.project-container .v-description .v-credits{flex-direction:column;width:100%;margin-bottom:48px}}.project-container .v-description .v-credits_t{width:20%}@media all and (max-width:767px){.project-container .v-description .v-credits_t{width:100%;margin-bottom:24px}}.project-container .v-description .v-credits_n{width:100%}.project-container .v-description .v-credits_n strong{display:inline-flex;width:30%}@media all and (max-width:767px){.project-container .v-description .v-credits_n strong{width:50%}}.project-container .v-description .v-credits button{all:unset;text-decoration:underline;text-transform:uppercase;margin-top:24px}.project-container .v-description .v-credits button:hover{cursor:pointer}.project-container .v-description .v-others{display:flex;width:50vw}@media all and (max-width:767px){.project-container .v-description .v-others{flex-direction:column;width:70%}}.project-container .v-description .v-others_citation{width:40%;margin-right:8vw}@media all and (max-width:767px){.project-container .v-description .v-others_citation{width:100%;margin-right:25%}}@media all and (max-width:767px){.project-container .v-description .v-others_location{margin-top:48px}}.project-container .v-stills{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:12px;grid-row-gap:12px;padding:0 16px;margin-bottom:30vh;margin-bottom:calc(var(--vh,1vh)*30)}@media all and (max-width:767px){.project-container .v-stills{grid-template-columns:1fr;grid-column-gap:0;margin-bottom:20vh;margin-bottom:calc(var(--vh,1vh)*20)}}.project-container .v-stills div:nth-child(3n){grid-column-end:span 2;grid-row-end:span 2}@media all and (max-width:767px){.project-container .v-stills div:nth-child(3n){grid-column-end:initial;grid-row-end:initial}}.project-container .v-stills div img{object-fit:cover;width:100%;height:100%}.project-container .v-rebound{display:flex;justify-content:space-between;align-items:flex-start;margin-left:16px;margin-right:16px;padding-bottom:16px}@media all and (max-width:767px){.project-container .v-rebound{align-items:flex-end;padding-bottom:32px}}.project-container .v-rebound img{width:100%;height:100%;object-fit:cover}.project-container .v-rebound .v-next,.project-container .v-rebound .v-prev{position:relative;opacity:0;width:25vw;height:25vh;height:calc(var(--vh,1vh)*25);overflow:hidden}@media all and (max-width:767px){.project-container .v-rebound .v-next,.project-container .v-rebound .v-prev{width:100%;height:auto}}.project-container .v-rebound .v-next:hover .i-s,.project-container .v-rebound .v-prev:hover .i-s{opacity:1}.project-container .v-rebound .v-next:hover .i-a,.project-container .v-rebound .v-prev:hover .i-a{opacity:0}.project-container .v-rebound .v-next .i-a,.project-container .v-rebound .v-prev .i-a{transition:opacity .5s}.project-container .v-rebound .v-next .i-s,.project-container .v-rebound .v-prev .i-s{left:0;position:absolute;opacity:0;transition:opacity .5s;top:calc(.7483vw + 10px)}@media all and (max-width:767px){.project-container .v-rebound .v-next .i-s,.project-container .v-rebound .v-prev .i-s{display:none}}@media all and (max-width:767px){.project-container .v-rebound .v-prev{display:none}}@media all and (max-width:767px){.project-container .v-rebound .v-next img{width:calc(50% - 16px);height:12vh;height:calc(var(--vh,1vh)*12)}}.project-container .v-rebound a{color:#fff;text-decoration:none}@media all and (max-width:767px){.project-container .v-rebound a{display:flex;justify-content:space-between}}.project-container .v-rebound p{margin-bottom:8px}@media all and (max-width:767px){.project-container .v-rebound p{display:flex;flex-direction:column;justify-content:space-between;margin-right:24px;margin-bottom:0}}.project-container .v-rebound p .s-m{display:none}@media all and (max-width:767px){.project-container .v-rebound p .s-m{display:block;margin-bottom:-2.5vh;margin-bottom:calc(var(--vh,1vh)*-2.5)}}.project-container .v-rebound p .s-top{display:none}@media all and (max-width:767px){.project-container .v-rebound p .h-m{display:none}}.project-container .v-rebound span{margin-right:16px}.is-ipad .play{display:flex;align-items:center;justify-content:center;right:0}.is-ipad .play span{opacity:1!important}.is-ipad #p-video,.is-ipad iframe,.is-ipad video{object-fit:initial!important;height:30vh!important;height:calc(var(--vh,1vh)*30)!important}.is-ipad #p-video{position:relative;display:flex;align-items:center;justify-content:center}.biography,.contact,.p-50,.recognition{position:relative;display:flex}.biography,.contact,.p-50{padding-top:50vh;padding-top:calc(var(--vh,1vh)*50)}@media all and (max-width:767px){.biography,.contact,.p-50{padding-top:5vh;padding-top:calc(var(--vh,1vh)*5)}}.recognition{padding-top:50vh;padding-top:calc(var(--vh,1vh)*50)}@media all and (max-width:767px){.recognition{padding-top:5vh;padding-top:calc(var(--vh,1vh)*5)}}.mt-50{position:relative;display:flex;left:33.594vw;width:66.406vw;height:50vh}.rc-container{position:absolute;top:0;left:0;bottom:0;right:0;width:100vw;z-index:-1}.r-title{padding-top:50vh}.b-title,.c-title,.r-title{position:absolute;left:16px}@media all and (max-width:767px){.b-title,.c-title,.r-title{display:none;top:0}}.b-title h2,.c-title h2,.r-title h2{display:block;font-family:Akkurat;font-size:.78125vw;text-transform:uppercase}@media all and (min-width:1979px){.b-title h2,.c-title h2,.r-title h2{font-size:16px}}@media all and (max-width:767px){.b-title h2,.c-title h2,.r-title h2{font-size:7px;font-size:.4375rem;line-height:12px;line-height:.75rem}}.b-content,.c-content,.r-content{margin-left:33.594vw;margin-right:4vw}@media all and (max-width:767px){.b-content,.c-content,.r-content{margin-left:16px;margin-right:16px}}.biography{z-index:2}.biography .b-content{display:block;font-family:NeueMontreal,sans-serif;opacity:0}.biography .b-content p{font-size:1.6rem;line-height:1.2;text-indent:4vw}@media all and (min-width:1979px){.biography .b-content p{font-size:30px;font-size:1.875rem;line-height:35px;line-height:2.1875rem}}@media all and (max-width:767px){.biography .b-content p{font-size:2.4vh;font-size:calc(var(--vh,1vh)*2.4);line-height:1.2}}.biography .b-content p .l-p{display:inline-flex!important;overflow:hidden}.biography .b-content p img{display:inline-flex;height:1em;width:auto;transition:transform .3s cubic-bezier(.46,.03,.52,.96)}.biography .b-content p img::after{content:"";position:absolute;width:2rem;height:1em;background:#fff}@media all and (max-width:767px){.biography .b-content p img{display:none}}.biography .b-content .show-image{display:inline-flex;width:1.6em;height:.8em;background-color:var(--hermes);margin:-2px 6px;transition:all .3s cubic-bezier(.46,.03,.52,.96)}.biography .b-content .show-image:hover{cursor:auto;background-color:#000}@media all and (max-width:767px){.biography .b-content .show-image{display:none}}.biography .b-img{margin-top:calc(-1.4vw + 20px)}.biography .b-img .h-art{display:none;position:absolute;left:0;height:46vh;height:calc(var(--vh,1vh)*46);width:28vw;opacity:0}@media all and (max-width:767px){.biography .b-img{display:none}}.i-swipe{display:none}@media all and (max-width:767px){.i-swipe{display:block;width:100%;text-align:center;position:absolute;bottom:16px;font-family:Akkurat;font-size:10px;font-size:.625rem;line-height:14px;line-height:.875rem;text-transform:uppercase;transition:all .25s}}.contact{z-index:1}.contact .c-content{column-count:2}@media all and (max-width:767px){.contact .c-content{display:grid;grid-column-gap:20px;grid-template-columns:none}}.contact .c-item{width:30.781vw;margin-bottom:68px}@media all and (max-width:767px){.contact .c-item{width:100%;margin-bottom:42px}}.contact .c-item h3{display:block;font-family:Akkurat;font-size:.78125vw;text-transform:uppercase;margin-bottom:10px}@media all and (min-width:1979px){.contact .c-item h3{font-size:16px}}@media all and (max-width:767px){.contact .c-item h3{font-size:10px;font-size:.625rem;line-height:14px;line-height:.875rem;margin-bottom:0}}.contact .c-item a,.contact .c-item p{display:block;font-family:NeueMontreal,sans-serif;font-size:20px;font-size:1.25rem;line-height:25px;line-height:1.5625rem;text-transform:uppercase;text-decoration:none;color:#fff}@media all and (min-width:1979px){.contact .c-item a,.contact .c-item p{font-size:30px;font-size:1.875rem;line-height:35px;line-height:2.1875rem}}@media all and (max-width:767px){.contact .c-item a,.contact .c-item p{font-size:15px;font-size:.9375rem;line-height:25px;line-height:1.5625rem}}.recognition{font-family:Akkurat;text-transform:uppercase}.recognition h3{font-size:.78125vw}@media all and (min-width:1979px){.recognition h3{font-size:16px}}@media all and (max-width:767px){.recognition h3{display:none}}.recognition .r-content_grid{column-count:2;padding-top:48px;font-size:.9375vw}@media all and (min-width:1979px){.recognition .r-content_grid{font-size:18px}}@media all and (max-width:767px){.recognition .r-content_grid{padding-top:0;display:grid;grid-column-gap:20px;grid-template-columns:none}}.recognition .r-content_grid p{width:30.781vw;margin-bottom:20px;line-height:1.2}@media all and (max-width:767px){.recognition .r-content_grid p{width:100%;font-size:10px;font-size:.625rem;line-height:15px;line-height:.9375rem}}.a-footer{display:flex;padding-bottom:24px;text-transform:uppercase}@media all and (max-width:767px){.a-footer{display:none}}.a-footer button{all:unset;position:absolute;left:16px;display:block;font-family:Akkurat;font-size:.78125vw;transition:opacity 1s}@media all and (min-width:1979px){.a-footer button{font-size:16px}}@media all and (max-width:767px){.a-footer button{font-size:7px;font-size:.4375rem;line-height:12px;line-height:.75rem}}.a-footer button:hover{transition:opacity .15s;cursor:pointer;opacity:.5}.a-footer h4{font-family:Akkurat;font-size:.78125vw;margin-bottom:28px}@media all and (min-width:1979px){.a-footer h4{font-size:16px}}@media all and (max-width:767px){.a-footer h4{font-size:7px;font-size:.4375rem;line-height:12px;line-height:.75rem}}.a-footer_grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:20px;padding-top:48px;margin-left:33.594vw;margin-right:44px;font-size:.9375vw}@media all and (min-width:1979px){.a-footer_grid{font-size:18px}}.a-footer_grid .credits,.a-footer_grid .social{width:30.781vw}.a-footer_grid .link::after{bottom:0}.a-footer_grid .social .s-g{display:grid;grid-template-columns:repeat(2,1fr)}.a-footer_grid .social a{color:#fff;font-family:NeueMontreal,sans-serif;text-decoration:none;font-size:20px;font-size:1.25rem;line-height:25px;line-height:1.5625rem;width:fit-content}@media all and (min-width:1979px){.a-footer_grid .social a{font-size:30px;font-size:1.875rem;line-height:35px;line-height:2.1875rem}}.a-footer_grid .credits p{font-family:NeueMontreal,sans-serif;font-size:20px;font-size:1.25rem;line-height:25px;line-height:1.5625rem}@media all and (min-width:1979px){.a-footer_grid .credits p{font-size:30px;font-size:1.875rem;line-height:35px;line-height:2.1875rem}}.a-footer_grid .credits p a{text-decoration:none;color:#fff}.film-logos{padding:30vh 20vh;padding:calc(var(--vh,1vh)*30) calc(var(--vh,1vh)*20)}@media all and (max-width:767px){.film-logos{padding:0;margin:36px 0}}.film-logos .g-3,.film-logos .g-4{display:grid;place-items:center}.film-logos .g-4{grid-template-columns:repeat(4,1fr);margin-bottom:10vh;margin-bottom:calc(var(--vh,1vh)*10)}@media all and (max-width:767px){.film-logos .g-4{margin-bottom:0}}.film-logos .g-4 img:first-child{max-height:10vh}.film-logos .g-4 img:nth-child(2){max-height:12vh}.film-logos .g-4 img:nth-child(3){max-height:3vh}@media all and (max-width:767px){.film-logos .g-4 img:nth-child(3){max-height:1vh!important}}.film-logos .g-4 img:nth-child(4){max-height:10vh}@media all and (max-width:767px){.film-logos .g-4 img{padding:12px 0;max-height:4vh!important}}.film-logos .g-3{grid-template-columns:repeat(5,1fr)}@media all and (max-width:767px){.film-logos .g-3{margin-bottom:44px;grid-column-gap:40px}}.film-logos .g-3 img:nth-child(2){max-height:5vh}.film-logos .g-3 img:nth-child(3){max-height:5vh}.film-logos .g-3 img:nth-child(4){max-height:5vh}@media all and (max-width:767px){.film-logos .g-3 img{padding:12px 0;max-height:3vh}}.film-logos img{display:block;width:100%;max-width:12vw;object-fit:contain}@media all and (max-width:767px){.film-logos img{max-width:100%}}.tab{display:none}@media all and (max-width:767px){.tab{display:flex;justify-content:space-between;margin-left:16px;margin-right:16px;margin-top:15vh;margin-top:calc(var(--vh,1vh)*15);z-index:99}}.tab a{font-family:Akkurat;color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;font-size:.625rem;line-height:14px;line-height:.875rem}.tab a.active{text-decoration:underline}.m-t{padding-top:20vh;padding-top:calc(var(--vh,1vh)*20)}@media all and (min-width:1979px){.m-t{padding-top:15vh;padding-top:calc(var(--vh,1vh)*15)}}@media all and (max-width:767px){.m-t{padding-top:15vh;padding-top:calc(var(--vh,1vh)*15)}}.m-f-t{padding-top:124px}.a-container{padding-bottom:5vh;padding-bottom:calc(var(--vh,1vh)*5);opacity:0}@media all and (max-width:767px){.a-container{padding-bottom:0}}.a-container:hover .a-list{opacity:.5!important}.a-container .a-list{display:flex;margin:0 16px;font-family:Akkurat;text-transform:uppercase;margin-bottom:20px;counter-increment:id;font-size:.78125vw}.a-container .a-list:hover{cursor:default;opacity:1!important}@media all and (min-width:1979px){.a-container .a-list{font-size:16px}}@media all and (max-width:767px){.a-container .a-list{font-size:10px;font-size:.625rem;line-height:14px;line-height:.875rem}}.a-container .a-list a{width:100%;color:#fff;text-decoration:none;display:flex}.a-container .a-id{width:20%}@media all and (max-width:767px){.a-container .a-id{width:10%}}.a-container .a-n{width:25%}@media all and (max-width:767px){.a-container .a-n{width:auto}}.a-container .a-p{width:25%}@media all and (max-width:767px){.a-container .a-p{width:auto;margin-left:6px}}.a-container .a-l{width:30%}@media all and (max-width:767px){.a-container .a-l{display:none}}@media all and (max-width:767px){.a-container .a-d{position:absolute;right:16px}}.i{display:flex;justify-content:center}.i .i-p{position:absolute;top:0;opacity:0}@media all and (max-width:767px){.i .i-p{display:none}}.i-c{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100vh;height:calc(var(--vh,1vh)*100);z-index:-1}@media all and (max-width:767px){.i-c{display:none}}.i-c img{position:absolute;width:40.234vw;height:auto;z-index:-1;opacity:0}.s-t{display:none}@media all and (max-width:767px){.s-t{display:block;font-family:Akkurat;font-size:10px;font-size:.625rem;line-height:14px;line-height:.875rem;margin-top:72px;margin-bottom:48px;margin-left:16px;color:#fff;text-transform:uppercase}}body,html{width:100vw;height:100vh;height:calc(var(--vh,1vh)*100)}.is-ipad body{overflow:auto}body{background:#000;color:#fff;font-family:NeueMontreal,sans-serif;overflow:hidden}@media all and (max-width:1025px){body{overflow:auto}}@media only screen and (min-device-width:1024px)and (max-device-width:1366px)and (-webkit-min-device-pixel-ratio:2){body{overflow:auto}}@media only screen and (min-device-width:834px)and (max-device-width:1112px)and (-webkit-min-device-pixel-ratio:2){body{overflow:auto}}@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (-webkit-min-device-pixel-ratio:2){body{overflow:auto}}.s-m{display:none}@media all and (max-width:767px){.s-m{display:flex}}.scroll-top{all:unset}.pt-20{padding-top:20vh;padding-top:calc(var(--vh,1vh)*20)}.link{text-decoration:none;position:relative;height:max-content;width:fit-content}.link::after{content:"";border-bottom:solid 1px var(--hermes);position:absolute;bottom:-6px;left:0;width:100%;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.65,.05,.36,1)}.link:hover::after{transform-origin:left;transform:scaleX(1)}@keyframes underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}body,html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}/*! locomotive-scroll v3.3.11 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100vh;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:var(--hermes);opacity:1;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}

/* ==========================================================================
   Gabriel Mihailesco — additions on top of ligthelm.work's stylesheet above
   ========================================================================== */

:root{
  --hermes:#0000f2;        /* Hermes Agent primary blue: the accent */
  --hermes-ink:#000091;
  --hermes-noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1 1 1 0 -1.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Wordmark: Cormorant Garamond, tracked to Ligthelm's logo proportions */
.logo .wordmark text{font-family:"Cormorant Garamond",Garamond,"Times New Roman",serif;font-weight:400;font-size:100px;letter-spacing:-5px;fill:#fff;text-rendering:geometricPrecision}

/* First paint: show the loader / transition cover before scripts run */
.first-load .loading{display:block}
.is-entering .p-t{display:flex;opacity:1}

/* Hermes art plate (art: hermes-agent.nousresearch.com). v2.1: the B/W art is inverted and multiplied onto
   Hermes blue, so it prints black on blue (Hermes shows it white on blue; the white read as too much here) */
.h-art{position:relative;margin:0;overflow:hidden;isolation:isolate;background-color:var(--hermes)}
.h-art img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}
.h-art .hw-noise{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;mix-blend-mode:multiply}
.h-art .hw-noise img{-webkit-filter:grayscale(1) contrast(1.6) invert(1);filter:grayscale(1) contrast(1.6) invert(1)}
.h-art .hw-noise::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hermes-noise);background-repeat:repeat;background-size:12.8rem 12.8rem;opacity:.6;-webkit-filter:invert(1);filter:invert(1);pointer-events:none}
/* Montage: Ligthelm's loaders are animated GIF montages; here the frames are Hermes plates cut in sequence */
.montage{position:relative;width:100%;height:100%}
.montage .h-art{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden}
.montage .h-art.is-on{visibility:visible}
.p-t .montage{width:25%;height:25%}
@media all and (max-width:767px){.p-t .montage{width:100%;height:100%}}
.h-art--hero img{object-fit:contain;mix-blend-mode:multiply;-webkit-filter:grayscale(1) contrast(1.6) invert(1);filter:grayscale(1) contrast(1.6) invert(1)} /* contrast first: the art's near-black (~#111) must land on pure blue, so no box shows */

/* v2 — Hermes tiles in the project grid: same box as a project still; title in Hermes blue */
.grid .projet-item.hermes h2{color:var(--hermes)}
.grid .projet-item .e-art{width:100%;height:0;padding-bottom:62.6%}
.grid .projet-item .e-art img{object-position:var(--pos,50% 50%);-webkit-transform:scale(var(--zoom,1.12));transform:scale(var(--zoom,1.12));transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.grid .projet-item.hermes:hover .e-art img{-webkit-transform:scale(calc(var(--zoom,1.12) + .08));transform:scale(calc(var(--zoom,1.12) + .08))}

/* v2 — blue type, sparingly: quote authors (quote mode) and the About section markers */
.q-author{color:var(--hermes)}
.b-title h2,.c-title h2,.r-title h2{color:var(--hermes)}

/* v2 — active filter: a Hermes-blue box with black type (same black-on-blue as the art).
   Padding is offset by negative margins, so the list keeps Ligthelm's exact spacing. */
.filters h2.active{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--hermes);color:#000;opacity:1;padding:1px 4px;margin:-1px 0 3px -4px}

/* v2 — hover in Hermes blue: the type itself turns blue */
@media (hover:hover){
  header nav a.link,.filters h2,.b-t a,.a-footer button,.c-item a.link,.a-footer_grid a.link,.grid .projet-item h2{transition:color .15s,opacity .5s}
  header nav a.link:hover,.filters h2:not(.active):hover,.b-t a:hover,.a-footer button:hover,.c-item a.link:hover,.a-footer_grid a.link:hover,.grid:not(.ethos-active) .projet-item:hover h2{color:var(--hermes);opacity:1}
}

/* ==========================================================================
   v3 — two voices only, as opposites (classical / machine)
   Roman = the classical side: names, titles, prose.  Mono = the machine side: labels, numbers, data, links.
   Neue Montreal, Ligthelm's neutral voice in between, is no longer used.
   ========================================================================== */
:root{--roman:"Cormorant Garamond",Garamond,"Times New Roman",serif;--mono:Akkurat,ui-monospace,Menlo,monospace}
body{font-family:var(--roman)}

/* titles: CLIENT in hard mono caps, the title in soft Roman italic */
.grid .projet-item h2 em{font-family:var(--roman);font-style:italic;font-weight:500;text-transform:none;font-size:1.5em;line-height:0;letter-spacing:0;margin-left:.15em}

/* quotes (quote mode): the words in Roman italic, the author in mono */
.grid .projet-item p.q-i_item{font-family:var(--roman);font-style:italic;font-weight:500;text-transform:none;font-size:1.25vw;line-height:1.15}
.grid .projet-item p.q-i_item .q-author{font-family:var(--mono);font-style:normal;font-weight:400;text-transform:uppercase;font-size:.78125vw;line-height:1.5;margin-left:.5em}
@media all and (min-width:1979px){.grid .projet-item p.q-i_item{font-size:24px}.grid .projet-item p.q-i_item .q-author{font-size:16px}}
@media all and (max-width:767px){.grid .projet-item p.q-i_item{font-size:11px;line-height:1.1}.grid .projet-item p.q-i_item .q-author{font-size:7px}}

/* biography: Roman prose (Garamond runs small, so it is set larger than Ligthelm's 25.6px sans) */
.biography .b-content{font-family:var(--roman);font-weight:500}
.biography .b-content p{font-size:2.05rem;line-height:1.08}
@media all and (min-width:1979px){.biography .b-content p{font-size:38px;line-height:41px}}
@media all and (max-width:767px){.biography .b-content p{font-size:3vh;font-size:calc(var(--vh,1vh)*3);line-height:1.08}}

/* contact: names in Roman caps, emails in mono */
.contact .c-item p{font-family:var(--roman);font-weight:500;font-size:1.6rem;line-height:1.1;margin-bottom:6px}
.contact .c-item a{font-family:var(--mono);font-size:.9375vw;line-height:1.6}
@media all and (min-width:1979px){.contact .c-item p{font-size:38px;line-height:41px}.contact .c-item a{font-size:18px}}
@media all and (max-width:767px){.contact .c-item p{font-size:19px;line-height:1.15}.contact .c-item a{font-size:10px;line-height:1.6}}

/* footer: platforms in mono, credits in Roman */
.a-footer_grid .social a{font-family:var(--mono);font-size:.9375vw;line-height:1.6}
.a-footer_grid .credits p{font-family:var(--roman);font-weight:500;font-size:1.6rem;line-height:1.1}
@media all and (min-width:1979px){.a-footer_grid .social a{font-size:18px}.a-footer_grid .credits p{font-size:38px;line-height:41px}}

/* the engraving's machine state: an ASCII redraw that appears on hover (drawn by js/main.js) */
.grid .projet-item .e-art .ascii{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .49s;pointer-events:none}
.grid .projet-item.hermes:hover .e-art .ascii.is-ready{opacity:1}

/* the name's machine state: blue mono glyphs that resolve into the Roman letters */
.logo .wordmark tspan.m{font-family:var(--mono);font-size:84px;font-weight:400;fill:var(--hermes)}

/* ==========================================================================
   Project page — Ligthelm's layout, in the same two voices
   ========================================================================== */
/* title bar and previous/next: CLIENT in mono caps, the title in Roman italic */
.project-container .v-n em,.project-container .v-rebound p em{font-family:var(--roman);font-style:italic;font-weight:500;text-transform:none;font-size:1.5em;line-height:0;letter-spacing:0;margin-left:.15em}
/* the "Play / Pause / Close" label that follows the cursor: a blue box with black type, like the active filter */
.project-container .play span{display:inline-block;background-color:var(--hermes);color:#000;padding:1px 4px}
/* credits: the role in mono, the name in Roman; the section label in blue */
.project-container .v-description .v-credits_t{color:var(--hermes)}
.project-container .v-description .v-credits_n p{font-family:var(--roman);font-weight:500;text-transform:none;font-size:1.25vw;line-height:1.3}
.project-container .v-description .v-credits_n strong{font-family:var(--mono);font-weight:400;text-transform:uppercase;font-size:.78125vw}
/* the description is prose: Roman. Place, coordinates and film stock stay mono (data) */
.project-container .v-description .v-others_citation p{font-family:var(--roman);font-weight:500;text-transform:none;font-size:1.5vw;line-height:1.15}
@media all and (min-width:1979px){.project-container .v-description .v-credits_n p{font-size:24px}.project-container .v-description .v-credits_n strong{font-size:16px}.project-container .v-description .v-others_citation p{font-size:29px}}
@media all and (max-width:767px){.project-container .v-description .v-credits_n p{font-size:14px}.project-container .v-description .v-credits_n strong{font-size:10px}.project-container .v-description .v-others_citation p{font-size:17px}}
/* hover: the type turns Hermes blue */
@media (hover:hover){
  .project-container .v-infos .v-m,.project-container .v-credits button,.project-container .v-rebound a p{transition:color .15s}
  .project-container .v-infos .v-m:hover,.project-container .v-credits button:hover,.project-container .v-rebound a:hover p{color:var(--hermes)}
}