@font-face{font-family:Kern-m;src:url(./Kern-Medium.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Kern-b;src:url(./Kern-Bold.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:Lyon;src:url(./LyonText-Regular.woff2) format("woff2");font-weight:100;font-style:normal}@font-face{font-family:Lyon;src:url(./LyonText-Regular-Italic.woff2) format("woff2");font-weight:100;font-style:italic}main{-webkit-animation:fadein .9s;-moz-animation:fadein .9s;-ms-animation:fadein .9s;-o-animation:fadein .9s;animation:fadein .9s}@keyframes fadein{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@-moz-keyframes fadein{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@-webkit-keyframes fadein{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@-ms-keyframes fadein{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@-o-keyframes fadein{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}html,body{margin:0;font-size:1.3vw;line-height:115%;--m:2rem;--mtop:18vh;--blc:white;--blk:black;--indent:.3em;font-family:Lyon,sans-serif;color:var(--blk);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--blc);transition:background .5s;-webkit-overflow-scrolling:touch;min-height:100%;scroll-behavior:smooth}h1,h2{font-size:100%;font-weight:inherit;pointer-events:auto;display:inline-block}.big,h2{font-family:kern-r,sans-serif;font-size:270%;line-height:100%;word-break:break-word;font-style:normal}h1{font-family:kern-r,sans-serif;padding-bottom:calc(var(--m)*.4)}h2{margin-bottom:calc(var(--m)*.4)}.small{font-size:70%;line-height:120%}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;outline:none}a{text-decoration:none;color:inherit;transition:margin .3s,color .3s}p{margin-bottom:1rem}p:last-child{margin:0}.contact p{margin-bottom:1rem}.k{font-family:Kern-m,sans-serif;font-size:100%;line-height:103%;letter-spacing:-.03em}.li,.topsentence em{font-family:Lyon;font-style:italic;font-size:100%;letter-spacing:-.01rem;line-height:80%}img{display:block}.mobile{display:none}.multiple{display:inline-block;font-style:italic}.multiple:hover{cursor:pointer}.container{display:flex}.logo{position:fixed;top:0;left:0;z-index:9;padding:calc(var(--m)*1.1) var(--m) var(--m)}.logo a{display:flex;flex-direction:column;line-height:30%}.logo a span{transition:margin .4s}.logo a .k{line-height:70%;font-family:Kern-b,sans-serif}.logo a span:first-child{line-height:46%;font-size:100%}.indent{margin-left:var(--indent);transition:margin .4s}.logo a:hover span{margin-left:var(--indent)}.logo a:hover span.indent{margin-left:0}.up .logo{pointer-events:none}.menu-active .logo{font-size:100%!important}menu{position:sticky;position:-webkit-sticky;top:var(--mtop);width:20%;height:calc(100vh - var(--mtop));display:flex;flex-direction:column;padding:var(--m)}menu a{padding:0 0 calc(var(--m)*.6)}menu>*:last-child{padding:0;flex:auto;display:flex;align-items:flex-end}menu>*:last-child>*{padding:0}menu>*:last-child>*:hover{margin:0}menu a:hover,menu a.active{margin-left:var(--indent);color:var(--light)}menu .lang a:first-child::after{content:' / ';display:inline-block}menu .lang .percent{position:absolute;right:0}main{width:80%;position:relative;min-height:calc(100vh - var(--mtop));padding:0 0 var(--m) 0 var(--m);margin-top:var(--mtop);z-index:2;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 5%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 5%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 5%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}.home .topsentence{height:100vh;position:relative}.home.up .topsentence:hover{cursor:pointer}.home:not(.up) .topsentence{pointer-events:none}.topsentence{position:fixed;top:0;right:0;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right}.topsentence>div{width:41.3%;padding:var(--m)}body:not(.up) .topsentence>div{position:fixed;z-index:1;top:0;right:0}section{padding:var(--m);padding-bottom:var(--m)}.content{display:flex;gap:calc(var(--m)*1.2);width:100%;padding-bottom:calc(var(--m)*.5)}.content:last-child{padding-bottom:0}.projet .content{gap:calc(var(--m)/2);padding-bottom:var(--m);padding-bottom:calc(var(--m)/2)}.projet .content:last-child{padding-bottom:0}.content>*{flex:1}.content.single{flex-direction:column}.content>*.double{flex:2.15}.content>*.triple{width:100%}.content .quarter{width:calc(25% - var(--m)/3)}.content p{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;-ms-hyphenate-limit-chars:10 3 4;hyphenate-limit-chars:10 3 4;-ms-hyphenate-limit-lines:1;-webkit-hyphenate-limit-lines:1;hyphenate-limit-lines:1}.content img{width:100%}.content .k{margin-top:-.2em}.content .col2{column-count:2;column-gap:var(--m)}.content.footer{position:fixed;bottom:var(--m);width:calc(80% - var(--m));padding-top:calc(var(--m)*2);align-items:flex-end;transform:translateY(50%);opacity:0;transition:all .8s cubic-bezier(1,0,0,1)}.bottom .content.footer{transform:translateY(0);opacity:1}.blocs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:calc(var(--m)/2);grid-template-rows:auto;padding-bottom:calc(var(--m)*4)}.bloc.full{grid-column-end:span 4}.bloc.half{grid-column-end:span 2}.bloc.quarter{grid-column-end:span 1}.bloc p{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;-ms-hyphenate-limit-chars:10 3 4;hyphenate-limit-chars:10 3 4;-ms-hyphenate-limit-lines:1;-webkit-hyphenate-limit-lines:1;hyphenate-limit-lines:1}.bloc p:first-child{margin-top:.4rem}.list-img{position:fixed;z-index:3;left:20%;top:var(--m);display:flex;padding-left:var(--m);font-size:85%}.btn{border:solid 1px black;background:white;padding:.05rem .5rem 0;border-radius:1rem;margin-right:.5rem;transition:all .3s}.btn:hover,.btn:first-child{background:black;color:white;cursor:pointer}.img-active .btn{background:black;color:white}.img-active .btn:first-child{background:white;color:black}.projets section.projets-list a{display:inline-block;width:100%;line-height:250%}.projets section.projets-list a span{margin-right:calc(var(--m)*.3)}.projets section.projets-list a:hover{margin-left:calc(var(--m)*.5)}.projets-list .big{font-size:300%;line-height:80%}section{transition:opacity .5s;opacity:1}.img-active section.projets-list{display:none;opacity:0}section.projets-img{display:none;flex-wrap:wrap;justify-content:space-between;width:100%;background:white;min-height:100%;opacity:0;transition:opacity .5s;pointer-events:none;height:0;overflow:hidden}.img-active section.projets-img{display:flex;opacity:1;pointer-events:auto;height:auto;overflow:auto}section.projets-img a{display:block;width:calc(33% - (var(--m)/6));margin-bottom:calc(var(--m)/3)}section.projets-img a img{z-index:1}section.projets-img a .vignette-over{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:white;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .3s;opacity:0}section.projets-img a .vignette-over.big{font-size:150%;line-height:75%}section.projets-img a:hover .vignette-over{opacity:1}.projet .topsentence{z-index:3;width:80%}nav{width:100%;padding:var(--m);display:flex;justify-content:space-between}nav a span{opacity:0;transition:opacity .3s;margin-bottom:.5em}nav a:hover span{opacity:1}h1{margin-right:calc(var(--m)*.3)}figure{display:block;position:relative;width:100%;height:0;--w:5;--h:4;padding-bottom:calc(100% / var(--w) * var(--h));background:#eee;transition:background .3s;transition-delay:.3s;margin-bottom:.2rem}figure>*{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}figure img{width:100%;height:100%;object-fit:cover;font-size:0}figure.video-html5{width:100%;height:auto;padding-bottom:0;background:transparent}figure.video-html5 video{position:relative;width:100%;height:auto}figure.video{position:relative;width:100%;height:0;padding-bottom:56.25%}.carousel{width:100%;overflow:hidden;pointer-events:none}.carousel img{width:100%;height:auto}@media screen and (max-width:1024px) and (orientation:portrait){html,body{font-size:4.5vw;line-height:115%;--m:.9rem;--mtop:4rem;}.big,h2,.projets .big{font-size:140%}.mobile{display:block}.logo{width:100%;display:flex;justify-content:space-between;background:var(--blc)}.burger{position:relative;height:1rem;width:4rem;margin-top:.4rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;pointer-events:auto;transition:opacity .5s}.up .burger{opacity:0}.burger span{width:1.2rem;height:2px;display:block;background:black;transition:.5s}.menu-active .burger span{opacity:0;position:absolute;top:50%}.menu-active .burger span:first-child{opacity:1;transform:rotate(45deg)}.menu-active .burger span:last-child{opacity:1;transform:rotate(-45deg)}menu{position:fixed;z-index:10;top:calc(var(--mtop) - .5rem);height:calc(100vh - var(--mtop) + .5rem);left:100%;width:100%;background:var(--blc);text-align:right;padding-top:0;transition:left .2s ease;font-size:150%;line-height:110%}.menu-active menu{left:0}.menu-active{overflow:hidden}menu>*:last-child{display:block}menu .lang .percent{display:none}.home .topsentence,.home.up .topsentence{height:auto;position:fixed;bottom:0}.topsentence{text-align:left}.topsentence>div{width:100%;padding:var(--m)}body:not(.up) .topsentence>div{top:var(--mtop);height:15vh;display:flex;flex-direction:column;justify-content:center}body.home:not(.up) .topsentence>div{position:relative;height:auto}.projet .topsentence{width:100%;top:var(--mtop);z-index:0;height:15vh;display:flex;flex-direction:column;justify-content:center}nav a:hover span{opacity:0}main{width:100%;margin:0;padding-top:0;margin-top:30vh}.home main{margin-top:100vh}.content{flex-wrap:wrap;justify-content:space-between}.content>*,.content .half{flex:initial;width:100%}.content .quarter{width:calc(50% - var(--m)/2)}.content .col2{column-count:1}.list-img{z-index:9;left:inherit;top:calc(var(--m)*1.35);right:3rem}.projets section.projets-list a{line-height:110%;padding:var(--m) 0;border-bottom:1px solid black}.projets section.projets-list a span{display:block;line-height:105%;padding-bottom:.5rem}section.projets-img a{width:100%;padding-bottom:4rem}section.projets-img a .vignette-over{position:relative;padding-top:85%;top:0;left:0;z-index:1;width:100%;height:auto;background:transparent;display:block}section.projets-img a .vignette-over .big{font-size:4.5vw;padding-bottom:.5rem}section.projets-img a .vignette-over .big,section.projets-img a .vignette-over .li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav a span{display:none}.blocs{padding-bottom:35vh}.bloc.half{grid-column-end:span 4}.bloc.quarter{grid-column-end:span 2}.bloc.empty{display:none}.content.footer .quarter{width:100%}}