*,:after,:before{box-sizing:border-box}*{margin:0;padding:0;font:inherit;color:inherit;line-height:calc(1.1em + .25rem)}html:focus-within{scroll-behavior:smooth}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-variant-ligatures:normal}canvas,img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a:not([class]){text-decoration-skip-ink:auto}button,input,select{cursor:pointer;border:none;outline:0;background:0 0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}:root{--hue: 34;--clr-100: hsl(var(--hue), 20%, 84%);--clr-200: hsl(var(--hue), 20%, 75%);--clr-500: hsl(var(--hue), 5%, 50%);--clr-900: hsl(var(--hue), 20%, 10%);--line: 1px;--s14: .875em;--s16: 1em;--s18: 1.125em;--s20: 1.25em;--s24: 1.5em;--s68: 4.25em;--fs-300: var(--s14);--fs-400: var(--s16);--fs-500: var(--s18);--fs-700: var(--s24);--fs-900: var(--s68);--gap-side: clamp(1rem, -.7143rem + 3.5714vw, 2.5rem);--gap-col: clamp(1rem, -.7143rem + 3.5714vw, 2.5rem);--gap-row: calc(var(--fs-700) + var(--gap-side));--spd-100: .15s;--spd-300: .3s;--spd-500: .45s;--spd-600: .6s;--spd-900: 1s;--rad: .25rem;--cols: 1;--scrollbar: .75em;--doc-height: 100vh;--doc-width: calc(100vw - var(--scrollbar));--main-width: calc(var(--doc-width) - var(--gap-side) * 2);--header-height: clamp(3.25rem, 2.1071rem + 2.381vw, 4.25rem);--nav-ratio: 3 / 4;--portrait-ratio: 3 / 4.5;--landscape-ratio: 3 / 2;--logo-ratio: 222 / 96;--logo-scale: 1;--logo-width: calc((var(--main-width) - (var(--cols) - 1) * var(--gap-col)) / var(--cols) * var(--logo-scale));--logo-height: calc(var(--logo-width) / (var(--logo-ratio)))}@media (min-width: 38em){:root{--cols: 2;--logo-scale: .975}}@media (min-width: 58em){:root{--cols: 3}}@media (min-width: 82em){:root{--cols: 4}}@media (min-width: 143.75em){:root{--cols: 5}}@font-face{font-family:DAAA-Serif;src:url(/dist/assets/millionaire-roman-zjHy6KKA.woff2) format("woff2"),url(/dist/assets/millionaire-roman-pEUbn7Sp.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:DAAA-Sans;src:url(/dist/assets/haasgrot-roman-sdcxh40z.woff2) format("woff2"),url(/dist/assets/haasgrot-roman-I4aYANCU.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:DAAA-Sans;src:url(/dist/assets/haasgrot-medium-CTH2csxq.woff2) format("woff2"),url(/dist/assets/haasgrot-medium-CCfi8Ko0.woff) format("woff");font-weight:700;font-style:normal}.landscape{--ar: var(--landscape-ratio) }.portrait,.projects .portrait{--ar: var(--portrait-ratio) }.square{--ar: 1 / 1 }body{font-family:DAAA-Sans,Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:clamp(.9375rem,.8986rem + .1946vw,1rem)}.serif{font-family:DAAA-Serif,Times New Roman,Times,serif}.page-project h1.title{font-size:clamp(1.5rem,-.125rem + 8.125vw,8rem);text-align:center;margin-top:.175em}.text,.text>p{text-transform:none;font-size:clamp(1.125rem,.8915rem + 1.1673vw,1.5rem);line-height:1.45em;max-width:72ch}.text a,.articles article a,section.legal a{text-decoration:underline;text-decoration-thickness:var(--line);text-underline-offset:.175em;text-decoration-color:var(--clr-500)}.sr{border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.ns{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{text-decoration:none}.no-transition{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes clipFromRight{0%{clip-path:inset(0 0 0 100%);background-position:10% center}to{clip-path:inset(0 0 0 0);background-position:center center}}@keyframes clipToLeft{0%{clip-path:inset(0 0 0 0);background-position:center center}to{clip-path:inset(0 100% 0 0);background-position:-10% center}}@keyframes slideXTo{0%{transform:translate(0)}to{transform:translate(var(--slide))}}@keyframes slideXFrom{0%{transform:translate(var(--slide))}to{transform:translate(0)}}@keyframes slideYTo{0%{transform:translateY(0)}to{transform:translateY(var(--slide))}}@keyframes slideYFrom{0%{transform:translateY(var(--slide))}to{transform:translateY(0)}}html{height:var(--doc-height);height:100svh}body{color:var(--clr-900);background-color:var(--clr-100);width:100%;min-height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-color:var(--clr-900)}.welcoming:not(.welcomed) body{position:fixed}body::-webkit-scrollbar{width:var(--scrollbar)}body::-webkit-scrollbar-track{background-color:var(--clr-100);border-left:var(--line) solid var(--clr-200)}body::-webkit-scrollbar-thumb{background-color:var(--clr-900);border-left:var(--line) solid var(--clr-200)}#app{position:relative;min-height:var(--doc-height);height:100%;display:flex;flex-direction:column}#app>*{padding-left:var(--gap-side);padding-right:var(--gap-side)}::-moz-selection{background-color:var(--clr-200);color:var(--clr-900);text-shadow:none}::selection{background-color:var(--clr-200);color:var(--clr-900);text-shadow:none}*:focus{outline:none!important}*:focus-visible{background-color:var(--clr-200)}.logo{display:inline-block;width:var(--logo-width);height:var(--logo-height)}.logo path{fill:var(--clr-900)}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}picture{aspect-ratio:var(--ar);background-size:cover;background-position:center;background-color:var(--clr-200);background-repeat:no-repeat;overflow:hidden}picture img{width:100%;height:100%;object-fit:cover}img.lazy{opacity:0;transition:opacity var(--spd-600) ease}img.lazy.loaded{opacity:1}@supports not (aspect-ratio: 1 / 1){picture{position:relative;width:100%;height:0;padding-bottom:calc(100% / (var(--ar)))}picture img{position:absolute}}.icon{aspect-ratio:1 / 1;width:1em;height:1em;stroke:var(--clr-900);stroke-width:var(--line);fill:none;overflow:visible}.is-rendering a,.is-leaving a{pointer-events:none!important}.is-animating .site-header{top:0}.is-leaving .site-header:not(.sticky){transition:var(--spd-600) ease}.site-header{width:100%;max-width:100vw;overflow:hidden;height:var(--header-height);display:flex;justify-content:space-between;gap:1em;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) * -1);background-color:var(--clr-100);z-index:1000;transition:top var(--spd-600) ease}.site-header.sticky{top:0}.site-header:after{content:"";position:absolute;height:var(--line);bottom:0;left:var(--gap-side);right:var(--gap-side);background-color:var(--clr-900)}.site-header>*{display:flex;align-items:center}.site-header a,.menu-btn{padding:0 .5em;margin:.5em -.5em 0}.site-header .daaa{gap:clamp(.9375rem,-.0353rem + 4.8638vw,2.5rem)}.daaa>*{white-space:nowrap}@media (max-width: 24.5em){.daaa .prefix,.project-footer span span{display:none}.site-footer .address span{display:block}.site-footer .address span.separator{display:none}}.site-header .slogan{transition:all var(--spd-300) var(--spd-300) ease}@media (max-width: 42em){.site-header.expanded .slogan,.site-header:has(#menu a:focus-visible) .slogan{opacity:0;transform:translate(-.25em);transition:all var(--spd-300) ease}}.menu-btn{justify-content:center}.menu-btn span{color:transparent;background-color:var(--clr-900);height:var(--line);width:1em;position:relative;justify-content:center}.menu-btn span:before,.menu-btn span:after{content:"";position:absolute;width:100%;height:var(--line);background-color:var(--clr-900);left:0;top:0;transition:all var(--spd-300) ease}.menu-btn span:before{transform:translateY(-.375em)}.menu-btn span:after{transform:translateY(.375em)}#menu[aria-expanded=true]+.menu-btn span:before,#menu[aria-expanded=true]+.menu-btn span:after{transform:translateY(0);opacity:0}#menu{height:var(--header-height);display:flex;align-items:stretch;justify-content:flex-end;gap:clamp(1.5rem,.8774rem + 3.1128vw,2.5rem);position:absolute;left:var(--gap-side);right:calc(var(--gap-side) + 2em);pointer-events:none}#menu[aria-expanded=false]{pointer-events:none}#menu a{text-decoration:none;white-space:nowrap;display:flex;align-items:center;pointer-events:none;opacity:0;position:relative;transform:translate(.25em);transition:all var(--spd-300) calc((2 - var(--index)) * .05s) ease}#menu[aria-expanded=true] a{transition:all var(--spd-300) calc((4 - var(--index)) * .05s) ease}#menu a:before,#menu a:after{position:absolute;opacity:0;transition:all var(--spd-300) ease}#menu a:before,.welcoming:not(.welcomed) #menu a.current:before{content:"(";left:.25em}#menu a:after,.welcoming:not(.welcomed) #menu a.current:after{content:")";right:.25em}#menu a.current:before,#menu a.current:after{opacity:1}#menu a.current:before{left:0}#menu a.current:after{right:0}.welcoming:not(.welcomed) #menu a.current:before,.welcoming:not(.welcomed) #menu a.current:after{opacity:0}@media (any-hover: hover){#menu a:hover:before{left:0!important;opacity:1!important}#menu a:hover:after{right:0!important;opacity:1!important}}#menu a.lang:before,#menu a.lang:after{content:none}.site-header.expanded #menu a,.site-header:has(#menu a:focus-visible) #menu a{pointer-events:all;opacity:1;transform:translate(0)}.is-leaving.from-route-home .site-footer,.is-leaving.from-route-project .site-footer{--slide: 100%;animation:slideYTo var(--spd-500) ease-in forwards}.is-rendering.to-route-project .site-footer,.is-rendering.to-route-home .site-footer{--slide: 100%;animation:slideYFrom var(--spd-600) ease forwards}.is-leaving.from-route-about .site-footer{transition:var(--spd-500)}.is-leaving.from-route-about .site-footer>*{--slide: 16rem;animation:slideYTo var(--spd-500) ease-in forwards}.site-footer{z-index:100;width:100%;display:grid;margin-top:auto;padding-top:var(--gap-row);padding-bottom:var(--gap-side);text-align:center;align-items:flex-end;gap:0 var(--gap-col);grid-template-columns:repeat(var(--cols),1fr);grid-template-areas:"daaa" "address" "tel" "links" "logo"}.site-footer .logo{grid-area:logo;margin-top:2em}.site-footer .daaa{grid-area:daaa;margin-bottom:.5em}.site-footer .address{grid-area:address}.site-footer .tel{grid-area:tel;margin-bottom:.5em}.site-footer .links{grid-area:links;margin-bottom:.5em}.links ul{display:flex;flex-wrap:wrap;list-style:none}.links a{text-decoration:none}.site-footer .links ul{justify-content:center}.links li:not(:last-of-type):after{content:"/";margin:0 .25em}.is-rendering.to-route-home main{transition:calc(var(--spd-600) + var(--spd-300) + .1s) ease}.welcoming.welcomed.is-leaving.from-route-home main{transition:var(--spd-900) ease}.is-leaving.from-route-home main{transition:.65s ease}.intro{display:none}.welcoming .intro{position:fixed;top:var(--header-height);left:var(--gap-side);right:var(--gap-side);bottom:0;padding:var(--gap-side) 0;overflow:hidden;cursor:pointer;display:grid;gap:var(--gap-side) 0;--intro-height: calc(var(--doc-height) - var(--header-height) - var(--logo-height) - var(--gap-side) * 4);grid-template-columns:auto 1fr;grid-template-rows:min(var(--intro-height),var(--main-width) / (var(--portrait-ratio))) auto;z-index:50}.welcomed .intro{pointer-events:none}.intro .logo{opacity:0;position:fixed;bottom:var(--gap-side);animation:fadeIn var(--spd-900) var(--spd-300) ease forwards}.welcomed .intro .logo{transform:translateY(calc(200% + var(--gap-side)));opacity:0;transition:transform var(--spd-300) ease-in,opacity 0s var(--spd-300)}.intro .pictures{overflow:hidden;position:relative;background-color:var(--clr-100);grid-column-start:2;grid-row-start:1}.intro .pictures:before,.intro .pictures:after{content:"";top:-1px;left:-1px;right:-1px;bottom:-1px;position:absolute;background-color:var(--clr-100)}.intro .pictures:before{z-index:99;mix-blend-mode:multiply}.intro .pictures:after{--slide: -100%;animation:slideXTo var(--spd-900) .5s ease forwards;z-index:200}.welcomed .intro .pictures,.welcoming.is-leaving:not(.welcomed) .intro .pictures{animation:clipToLeft var(--spd-600) ease-in forwards}.intro picture{position:absolute;width:100%;height:100%;object-fit:cover;z-index:calc(-1 * var(--index));clip-path:inset(0 0 0 100%)}.intro picture.active{z-index:10!important;background-position:10% center;animation:clipFromRight var(--spd-900) ease forwards}.intro picture.prev{z-index:9!important;clip-path:inset(0 0 0 0);animation:clipToLeft var(--spd-900) ease forwards}.intro picture img{--slide: 10%;transform:translate(var(--slide))}.intro picture.active img{animation:slideXFrom var(--spd-900) ease forwards}.intro picture.prev img{--slide: -10%;animation:slideXTo var(--spd-900) ease forwards}.welcoming.welcomed .intro picture img{--slide: -10%;animation:slideXTo var(--spd-600) ease-in forwards}nav.projects{padding:var(--gap-side) 0 var(--gap-row);position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--gap-row) var(--gap-col);border-bottom:var(--line) solid}nav.projects a{text-align:center}.welcoming:not(.welcomed) nav.projects a{pointer-events:none}nav.projects picture{position:relative;overflow:hidden}nav.projects a picture:before,nav.projects a picture:after{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--clr-100)}nav.projects a picture:before{content:"";mix-blend-mode:multiply;opacity:0;transform:scale(1);transition:opacity var(--spd-600) ease;z-index:10}nav.projects a picture:after{z-index:20}.welcoming nav.projects picture:after,.is-rendering nav.projects picture:after,.is-leaving nav.projects picture:after{content:""}.welcoming.is-leaving:not(.welcomed) nav.projects{visibility:hidden}.welcoming.welcomed nav.projects picture:after{--slide: -100%;transform:translate(0);animation:slideXTo var(--spd-600) calc(var(--spd-600) + .1s * var(--index)) ease-out forwards}.is-rendering.to-route-home nav.projects picture:after{--slide: 100%;animation:slideXTo var(--spd-600) calc(var(--spd-300) + .1s * var(--index)) ease-out forwards}.is-leaving.from-route-home nav.projects picture:after{--slide: 100%;transform:translate(var(--slide));animation:slideXFrom var(--spd-500) .2s ease-in forwards}nav.projects a picture img{opacity:0;--slide: 10%;transition:filter var(--spd-600) ease,opacity var(--spd-600) ease;-webkit-transform:translateZ(0);-webkit-perspective:1000;-webkit-backface-visibility:hidden}nav.projects a:first-of-type picture img,nav.projects a picture img.lazy.loaded{opacity:1}.welcoming nav.projects picture img{transform:translate(var(--slide))}.welcoming.welcomed nav.projects picture img{animation:slideXFrom var(--spd-600) calc(var(--spd-300) + .1s * var(--index)) ease-out forwards}.is-rendering.to-route-home nav.projects picture img{--slide: -10%;transform:translate(var(--slide));animation:slideXFrom var(--spd-600) calc(var(--spd-300) + .1s * var(--index)) ease-out forwards}.is-leaving.from-route-home nav.projects picture img{--slide: -15%;transform:translate(0);animation:slideXTo var(--spd-500) .2s ease-in forwards}@media (any-hover: hover){.is-hovering nav.projects a picture:before{opacity:1}.is-hovering nav.projects a.hovered picture:before{opacity:0}.is-hovering nav.projects a picture:not(.loaded){background-blend-mode:luminosity;background-color:#fff}.is-hovering nav.projects a.hovered picture:not(.loaded){background-blend-mode:normal;background-color:var(--clr-100)}.is-hovering nav.projects a img{filter:grayscale(1)}.is-hovering nav.projects a.hovered img{filter:grayscale(0)}}nav.projects .title{font-size:var(--fs-700);margin:1em 0 .375em}.welcoming nav.projects .title,.welcoming nav.projects .details,.is-rendering nav.projects .title,.is-rendering nav.projects .details{opacity:0}.welcoming.welcomed nav.projects .title,.is-rendering.to-route-home nav.projects .title{animation:fadeIn var(--spd-900) calc(var(--spd-600) + .1s * var(--index)) ease forwards}.welcoming.welcomed nav.projects .details,.is-rendering.to-route-home nav.projects .details{animation:fadeIn var(--spd-900) calc(var(--spd-600) + .1s + .1s * var(--index)) ease forwards}.is-leaving.from-route-home nav.projects .title{opacity:1;animation:fadeOut var(--spd-500) .1s ease forwards}.is-leaving.from-route-home nav.projects .details{opacity:1;animation:fadeOut var(--spd-500) ease forwards}.is-rendering.to-route-project main{transition:var(--spd-600);--slide: 3vw;animation:slideXFrom var(--spd-600) ease forwards}.is-leaving.to-route-home.from-route-project main{transition:var(--spd-300);--slide: 3vw;animation:slideXTo var(--spd-300) ease-in forwards}.is-leaving.to-same-route.from-route-project main,.is-leaving.to-route-about.from-route-project main{transition:var(--spd-300);--slide: -3vw;animation:slideXTo var(--spd-300) ease-in forwards}.is-rendering.to-route-project .project-header .title,.is-rendering.to-route-project .project-header .text,.is-rendering.to-route-project .project-header .details,.is-rendering.to-route-project .gallery,.is-rendering.to-route-project .project-footer{opacity:0;animation:fadeIn var(--spd-600) var(--delay, 0s) ease forwards}.is-leaving .project-header .title,.is-leaving .project-header .text,.is-leaving .project-header .details,.is-leaving .gallery,.is-leaving .project-footer{animation:fadeOut var(--spd-300) ease-in forwards}.project-header{padding:var(--gap-side) 0 calc(var(--gap-side) * .75)}.project-header .title{margin:.25em 0 .375em}.project-header .text{--delay: .1s;text-align:center;margin:1.25em auto 1.75em}.project-header .details{--delay: .2s;display:flex;gap:1em;justify-content:space-between}.gallery{--delay: .3s}.gallery,.gallery div{display:grid;gap:var(--gap-col)}.gallery div{grid-template-columns:1fr}.project-footer .credits,.project-footer nav{display:flex;align-items:center;justify-content:space-between;gap:1em;border-bottom:var(--line) solid;margin-top:var(--line);padding:.5em 0;min-height:var(--header-height)}.project-footer p,.project-footer a{padding:.5em 0}.project-footer p:nth-of-type(2),.project-footer .next{text-align:right}.project-footer a{display:flex;align-items:center;gap:.5em}.project-footer a>span{transition:transform var(--spd-300) ease}.project-footer .back{margin-left:-.125em}.project-footer .line{transition:transform var(--spd-300) ease}.project-footer .back .line{transform-origin:left}.project-footer .next{margin-right:-.125em}.project-footer .next .line{transform-origin:right}@media (any-hover: hover){.project-footer .back:hover>span{transform:translate(.5em);transition:transform var(--spd-300) .1s ease}.project-footer .next:hover>span{transform:translate(-.5em);transition:transform var(--spd-300) .1s ease}.project-footer a:hover .line{transform:scaleX(1.5)}}.is-rendering.to-route-about main{transition:calc(var(--spd-600) + .2s);transform:translate(3vw);--slide: 3vw;animation:slideXFrom var(--spd-600) ease forwards}.is-leaving.from-route-about main{transition:var(--spd-300);--slide: 3vw;animation:slideXTo var(--spd-300) ease-in forwards}.is-rendering.to-route-about .about-nav,.is-rendering.to-route-about section{opacity:0;animation:fadeIn var(--spd-600) var(--delay, 0s) ease forwards}.is-rendering.to-route-about .about-nav{--delay: .2s}.is-leaving.from-route-about .about-nav,.is-leaving.from-route-about section{animation:fadeOut var(--spd-300) ease-in forwards}.about-nav{display:none}.page-about main{padding-top:var(--gap-side)}section.expandable .title,.about-nav a{font-size:var(--fs-700)}section.expandable{--height: 0}section.expandable .title{border-top:var(--line) solid;border-bottom:var(--line) solid;background-color:var(--clr-100);margin:calc(var(--line) * -1) 0;padding:calc(var(--gap-row) * .5) 0;cursor:pointer;position:sticky;top:calc(var(--line) * -1);transition:top var(--spd-600) ease;z-index:2}.page-about .site-header.sticky+main section.expandable .title{top:calc(var(--header-height) - var(--line))}section.expandable .title:before,section.expandable .title:after{content:"";width:.75em;height:var(--line);background-color:var(--clr-900);position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform var(--spd-300) ease}section.expandable .title:after{transform:rotate(90deg) translateY(-50%)}section.expandable.expanded .title:after{transform:rotate(90deg) translateY(-50%) scaleX(0)}section.expandable>div{position:relative}section.expandable>div[aria-expanded]{height:var(--height);overflow:hidden;transition:height var(--spd-600) ease-out}section.expandable>div[aria-expanded=true]{height:var(--height);overflow:hidden;transition:height var(--spd-600) ease-in}section .content{padding-bottom:var(--gap-row)}section.expandable .content{padding-top:calc(var(--gap-row) * .75);width:100%}section.expandable>div[aria-expanded] .content{position:absolute}section.presentation .content{display:grid;gap:var(--gap-row)}.text>p:not(:last-of-type){margin-bottom:1em}section.team .members{--cols: 2;list-style:none;display:grid;gap:var(--gap-row) var(--gap-col);grid-template-columns:repeat(var(--cols),1fr)}.member{display:flex;flex-direction:column;gap:.75em}.member .portrait{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden}.member .portrait>*{position:absolute;width:100%;height:100%;object-fit:cover}.member .portraits .portrait1{display:none}@media (any-hover: hover){.member .portraits .portrait1{display:block}.member .portraits .portrait2{transition:clip-path var(--spd-300) ease;clip-path:inset(100% 0 0 0)}.member .portraits img{transition:transform var(--spd-300) ease}.member .portraits .portrait2 img{transform:translateY(5%)}.member .portraits:hover .portrait2{clip-path:inset(0 0 0 0)}.member .portraits:hover .portrait2 img{transform:translateY(0)}.member .portraits:hover .portrait1 img{transform:translateY(-5%)}}.member .name{text-transform:none}.member .role,.project-footer p{font-size:clamp(.8125rem,.6484rem + .6696vw,1rem)}.member .role{text-wrap:balance}section.contact .infos{--cols: 1;display:grid;gap:1.5em var(--gap-col);grid-template-columns:repeat(var(--cols),1fr)}section.contact .subsection:not(:first-of-type){padding-top:var(--gap-row)}section.contact .subsection:not(:last-of-type){padding-bottom:var(--gap-row);border-bottom:var(--line) solid}section.contact .newproject .text,section.contact .recruitment .text{margin-bottom:calc(var(--gap-row) * .675)}section.contact .newproject .buttons{display:grid;gap:1em var(--gap-col);grid-template-columns:1fr}section.contact .subtitle{margin-bottom:.25em}.btn{width:100%;padding:1em;color:var(--clr-100);background-color:var(--clr-900);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;position:relative;overflow:hidden;border-radius:var(--rad);transition:letter-spacing var(--spd-600) ease}@media (any-hover: hover){.btn:hover{letter-spacing:.05em}.btn:after{content:"";position:absolute;display:block;height:100%;width:100%;left:0;background:linear-gradient(90deg,hsla(var(--hue),5%,50%,0),hsla(var(--hue),5%,50%,1),hsla(var(--hue),5%,50%,0));transform:translate(-100%);mix-blend-mode:screen;opacity:.4;pointer-events:none}.btn:hover:after{animation:btnGlow var(--spd-900) ease forwards}}@keyframes btnGlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.page-about main{--cols: 1}form{--cols: 1;--pad: 1em;display:grid;grid-template-columns:repeat(var(--cols, 1),1fr);gap:calc(var(--gap-side) * .75)}.trap{position:absolute;left:-9999px}.field{position:relative}.field abbr{text-decoration:none;color:var(--clr-500)}.field *{cursor:text}.field input{padding:var(--pad);transition:all var(--spd-300) ease}.field input:focus-visible{padding:calc(var(--pad) * 1.4) var(--pad) calc(var(--pad) * .6)}.field input,.field textarea{width:100%;color:var(--clr-900);border:var(--line) solid;background-color:var(--clr-100)}form:has(.field input:focus-visible) .field input:not(:focus-visible),form:has(.field input:focus-visible) .field textarea,form:has(.field textarea:focus-visible) .field input{border-color:var(--clr-500)}.field[data-unit]:after{content:attr(data-unit);text-transform:none;padding:var(--pad);position:absolute;top:var(--line);right:var(--line)}.field[data-unit] input{padding-right:3em}.field label{color:var(--clr-500);padding:calc(var(--pad) * .25);margin:calc(var(--pad) * .75);position:absolute;top:var(--line);left:var(--line);right:var(--line);transform-origin:top left;transition:all var(--spd-300) ease;z-index:1}.field input:focus~label,.field input:focus-visible~label,.field input:not(:placeholder-shown)~label{padding:0;margin:var(--pad);transform:scale(.675) translateY(-.75em)}.field input:has(~.alert.error){border-color:#cd5c5c}.field input:not(:placeholder-shown):not(:focus-visible)~label{opacity:0}.field textarea{padding:var(--pad);resize:vertical;min-height:3.5em;transition:border-color var(--spd-300) ease}.field input::placeholder{color:transparent;opacity:0}.field textarea::placeholder{color:var(--clr-500);opacity:1;text-transform:uppercase}form>.btn{padding:0}input[type=submit]{text-transform:uppercase;padding:var(--pad);width:100%;height:100%}.field .alert.error{margin-top:.25em;display:inline-block;color:#cd5c5c}section.result{position:fixed;width:100%;height:var(--doc-height);color:var(--clr-900);background-color:var(--clr-100);z-index:10;top:0;left:0;padding:calc(var(--header-height) + var(--gap-side)) var(--gap-side) var(--gap-side);display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:0 var(--gap-col);align-items:center}body:has(section.result:not(.closed)){position:fixed}section.result.closed{pointer-events:none;animation:fadeOut var(--spd-600) ease forwards}section.result .alert>*,.page-error .message>*{opacity:0;animation:fadeIn var(--spd-600) var(--delay, 0s) ease forwards}section.result h2,.page-error .message h1{--delay: var(--spd-300);font-size:2.75em;margin-bottom:.5em}section.result p,.page-error .message p{margin-bottom:1.75em;--delay: calc(var(--spd-300) + .05s)}section.result .btn,.page-error .message .btn{width:12em;--delay: calc(var(--spd-300) + .1s);text-transform:uppercase}section .content.articles{--cols: 1;display:grid;gap:0 var(--gap-col);grid-template-columns:repeat(var(--cols),1fr);padding-bottom:var(--line)}.articles article{display:flex;flex-direction:column;gap:.75em;padding:2em 0;border-bottom:var(--line) solid}.articles article:first-of-type{padding-top:0}.articles article .date{order:-1;margin-bottom:-.5em}.articles article a{display:flex;flex-wrap:nowrap;align-items:center;gap:.125em;margin-top:auto}.articles article p:not(.date){text-transform:none}section.legal{margin-top:2em;color:var(--clr-500)}section.legal p{text-transform:none;margin-bottom:.75em;font-size:.9375em}section.legal p:last-of-type{margin-bottom:0}section.legal a{text-decoration-color:var(--clr-200);transition:all .3s ease}section.legal a:hover{text-decoration-color:var(--clr-500)}.page-error main{display:flex;width:100%;height:var(--doc-height);align-items:center;position:absolute;justify-content:center;padding-bottom:calc(var(--logo-height) + var(--gap-side));padding-top:var(--header-height)}.page-error .message{display:flex;flex-direction:column;align-items:center;text-align:center}.page-error .site-footer>*{display:none}.page-error .site-footer>.logo{display:inline-block}@media (max-width: 38em){nav.projects .details{margin-bottom:.5em}}@media (min-width: 38em){.is-rendering.to-route-home main{transition:calc(var(--spd-600) + var(--spd-300) + .1s * 3) ease}nav.projects{border-bottom:none}.gallery div{grid-template-columns:repeat(var(--cols),1fr)}.site-footer{grid-template-rows:1fr auto auto auto;grid-template-areas:"logo daaa" "logo address" "logo tel" "logo links"}.site-footer .logo{margin-top:0}.site-footer .links{margin-bottom:0}section .content.articles{--cols: 2}.articles article:nth-of-type(2){padding-top:0}section.legal{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-col);margin-bottom:2em}section.legal p{margin-bottom:0}}@media (min-width: 38em) and (max-width: 40em){.site-footer .address span{display:block}.site-footer .address span.separator{display:none}}@media (min-width: 48em){.welcoming .intro{--intro-height: calc(var(--doc-height) - var(--header-height) - var(--gap-side) * 2);gap:var(--gap-side);grid-template-columns:1fr 1fr}.welcoming .intro .pictures{grid-row:span 2;height:var(--intro-height)}#menu{right:var(--gap-side)}#menu a{pointer-events:all;opacity:1;transform:translate(0)}.menu-btn{display:none}}@media (min-width: 58em){.is-rendering.to-route-home main{transition:calc(var(--spd-600) + var(--spd-300) + .1s * 5) ease}.site-footer{grid-template-rows:1fr auto auto auto;grid-template-areas:"logo . daaa" "logo . address" "logo . tel" "logo . links"}.page-about main,section.result{--cols: 3;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:0 var(--gap-col)}.page-about section,section.result>div{grid-column-start:2;grid-column-end:4}.about-nav{display:flex;flex-direction:column;align-items:flex-start;align-self:flex-start;position:sticky;top:var(--gap-side);transition:top var(--spd-600) ease;gap:0}.page-about .site-header.sticky+main .about-nav{top:calc(var(--gap-side) + var(--header-height) - var(--line))}.about-nav a{margin:0;padding:.125em 0;position:relative}.about-nav a:before{content:"";position:absolute;height:var(--line);width:1em;background-color:var(--clr-900);top:52%;left:0;transition:transform var(--spd-300) ease;transform-origin:left;transform:scaleX(0)}.about-nav a span{transition:transform var(--spd-300) ease;display:inline-block}.about-nav a.active:before{transform:scaleX(1)}.about-nav a.active span{transform:translate(1.25em)}@media (any-hover: hover){.about-nav a:hover:before{transform:scaleX(1)}.about-nav a:hover span{transform:translate(1.25em)}}.page-about section.presentation{padding-top:calc(var(--header-height) + var(--gap-side));margin-top:calc((var(--header-height) + var(--gap-side)) * -1)}section.expandable .title{font-size:2.75em;line-height:1em;cursor:default;position:relative;position:static;pointer-events:none}section.expandable .title:before,section.expandable .title:after{content:none}.page-about .logo{position:fixed;bottom:var(--gap-side);left:var(--gap-side)}}@media (min-width: 82em){.is-rendering.to-route-home main{transition:calc(var(--spd-600) + var(--spd-300) + .1s * 7) ease}.site-footer{min-height:clamp(13.3125rem,4.2014rem + 11.1111vw,21.5625rem);grid-template-rows:1fr auto;grid-template-areas:"logo daaa tel links" "logo daaa address links"}.site-footer .daaa,.site-footer .tel{margin-bottom:0}.page-about main{--cols: 4}.page-about section,section.result>div{grid-column-end:5}section.team .members,section.contact .infos,section .content.articles{--cols: 3}section.contact .newproject .buttons:has(.btn:nth-child(2)){grid-template-columns:1fr 1fr}.articles article:nth-of-type(3){padding-top:0}section.legal{grid-template-columns:repeat(3,1fr)}}@media (min-width: 90em){form{--cols: 2}form .field.textarea,form>.btn{grid-column:span 2}}@media (min-width: 106.25em){section.team .members,section .content.articles{--cols: 4}.articles article:nth-of-type(4){padding-top:0}section.legal{grid-template-columns:repeat(2,1fr)}.page-about .text,.page-about .text>p{max-width:none}.page-about .presentation .text,.page-about .newproject .text,.page-about .recruitment .text{columns:2;column-gap:var(--gap-col)}}@media (min-width: 143.75em){.page-about main{--cols: 5}.is-rendering.to-route-home main{transition:calc(var(--spd-600) + var(--spd-300) + .1s * 9) ease}.site-footer{grid-template-areas:"logo logo daaa tel links" "logo logo daaa address links"}.page-about section,section.result>div{grid-column-start:2;grid-column-end:6}section.team .members,section .content.articles{--cols: 5}.articles article:nth-of-type(5){padding-top:0}section.legal{grid-template-columns:2fr 2fr 1fr}}