@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.roboto{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}*,*:before,*:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}ul[class],ol[class]{padding:0}h1,h2,h3,h4{font-weight:400}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}html{width:100%;-webkit-text-size-adjust:100%;height:-webkit-fill-available}body{scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.2}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;height:auto;display:inline-block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-main-1:#be8f64;--color-dark-1: #13161B;--cols:8;--gutter-base:2.7vw;--size-base:calc((100vw - var(--gutter-base) * 2) / var(--cols))}.orange{color:var(--color-main-1)}html,body{height:100%}body{margin:0;height:100%;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);overscroll-behavior:none}html{font-size:10.5px;font-size:clamp(8px,.7vw,10.5px)}body{background-color:#fff;color:#404040}#scroll{overflow-x:hidden;overflow-y:scroll}#app{font-family:Roboto,sans-serif}#app #phone path{fill:var(--color-main-1)}section.grid-lines{pointer-events:none;position:fixed;width:100%;min-height:100vh;z-index:200;opacity:.4;display:grid;grid-template-columns:2.7vw repeat(4,1fr) 2.7vw}section.grid-lines .line.line1{visibility:hidden}section.grid-lines .line{width:1px;height:100%;background-color:var(--color-main-1)}.grid{display:grid;grid-template-columns:2.7vw repeat(8,1fr) 2.7vw}.header{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header a{display:block;color:var(--color-main-1);text-decoration:none;font-weight:400}#header{position:relative;background-color:#fff;height:7.5vw;z-index:2;padding:2.7vw 2.7vw 0;margin-bottom:18vw}@media screen and (max-width:768px){#header{height:15vh;display:flex}}#header #arrondi{position:absolute;bottom:1px;left:-1px;right:-1px;z-index:-1;transform:translateY(100%)}#header .flex-h{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}@media screen and (max-width:768px){#header .flex-h{align-items:center}}#header .phone{display:flex;align-items:center;font-size:2em;font-family:Roboto;color:var(--color-main-1);text-transform:uppercase;line-height:1.2}#header .phone #phone{width:1em;margin-right:1em}#header .logo{width:calc(var(--size-base) * 1.5);margin-left:2rem}@media screen and (max-width:768px){#header .logo{width:calc(var(--size-base) * 2.4)}}.carousel{position:absolute;width:100%;height:100%;overflow:hidden;display:flex;align-items:center}.carousel:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#000;background:linear-gradient(211deg,#0000,#000)}.carousel-slide{position:relative;width:100%;height:100%;flex-shrink:0}.carousel-slide img{width:100vw;height:100%;object-fit:cover;position:absolute;transform:translateY(calc(var(--header-scroll) * 30%))}.slide-content{color:#fff;padding:1em;width:calc(var(--size-base) * 8);min-height:calc(var(--size-base) * .3);position:absolute;z-index:20;left:2.7vw;bottom:40%;transform:translateY(calc(var(--header-scroll) * 20%));display:flex;justify-content:space-between;align-items:stretch}.slide-content a{display:inline-block}.slide-content a svg{height:100%}.slide-content a.next svg{transform:translate(-100%)}.hero-content{position:relative;margin-bottom:2.7vw}@media screen and (max-width:1024px){.hero-content{margin-bottom:10vh}}.hero-content{transform:translateY(calc(var(--header-scroll) * -100%))}.hero-content h2{grid-column:2/span 5;grid-row:3/4;font-size:4.8em;font-family:Roboto;color:#fff;text-transform:uppercase;line-height:1.2;text-align:left;margin-bottom:1rem;max-width:30ch}@media screen and (max-width:1024px){.hero-content h2{grid-column:2/span 8}}@media screen and (max-width:768px){.hero-content h2{font-size:3em}}.hero-content h3{grid-row:5/6;grid-column:2/span 4;font-size:2.4em;font-family:Roboto;color:#fff;font-weight:700;text-transform:uppercase;line-height:1.2;text-align:left;max-width:47ch}@media screen and (max-width:1024px){.hero-content h3{grid-column:2/span 6}}@media screen and (max-width:768px){.hero-content h3{font-size:2em}}.about{padding:100px 0;grid-template-rows:repeat(2,min-content) 20vh 20vh min-content}@media screen and (max-width:768px){.about{grid-template-rows:min-content 20vh 20vh 20vh min-content}}.about .content{grid-column:6/span 3;grid-row:1}@media screen and (max-width:1024px){.about .content{grid-column:6/span 4}}@media screen and (max-width:768px){.about .content{grid-column:2/span 8}}.about h2{font-size:4.8em;text-transform:uppercase;color:var(--color-main-1);position:relative;padding-left:4rem;margin-bottom:1rem}.about img{width:100%;height:100%;object-fit:cover}.about .infos{grid-column:4/span 2;grid-row:5/span 2;background-color:var(--color-main-1);transform:translateY(calc(var(--about-scroll) * 10vh))}@media screen and (max-width:1024px){.about .infos{grid-column:3/span 3}}.about .infos p{margin-top:30vh;color:#fff}.about .infos p a{display:block;color:#fff;text-decoration:none;font-weight:400}.about .infos p.small{margin-top:2rem;font-size:1.2em}@media screen and (max-width:768px){.about .infos{grid-column:6/span 4;grid-row:5/6}.about .infos p{margin-top:4rem;font-size:2em}}.about .form .hidden{display:none}.about .form{display:none;grid-column:6/span 4;grid-row:4/span 3;margin-top:8rem}@media screen and (max-width:768px){.about .form{grid-column:2/span 8;grid-row:6}}.about .form h2{margin-bottom:4rem}.about .form .field{display:flex;flex-direction:row;justify-content:flex-end}@media screen and (max-width:1024px){.about .form .field{flex-direction:column}}.about .form .field{padding:.5em 4rem;margin-bottom:1em}.about .form .field label{font-size:1.6em;font-family:Roboto;text-transform:uppercase;line-height:1.2;color:var(--color-main-1);font-weight:200;flex:1}@media screen and (max-width:1024px){.about .form .field label{margin-bottom:1rem}}.about .form .field input,.about .form .field textarea{flex:3;padding:10px;border:1px solid var(--color-main-1)}.about .form .field input.error,.about .form .field textarea.error{border:1px solid red}.about .form .field textarea{min-height:200px}.about .form button[type=submit]{width:200px;padding:10px;border:1px solid var(--color-main-1);background:var(--color-main-1);border:0 none;cursor:pointer;font-size:1.6em;font-family:Roboto;text-transform:uppercase;line-height:1.2;font-weight:400;color:#fff}.about .illu{grid-column:4/span 2;grid-row:1/span 2;transform:translateY(calc(var(--about-scroll) * 10vh))}@media screen and (max-width:1024px){.about .illu{grid-column:3/span 3}}@media screen and (max-width:768px){.about .illu{grid-column:2/span 4;grid-row:2/span 2}}.about .illu2{grid-column:6/span 2;grid-row:2/span 2}@media screen and (max-width:1024px){.about .illu2{grid-column:6/span 3}}@media screen and (max-width:768px){.about .illu2{grid-column:6/span 4;grid-row:3/span 2}}.about .illu3{grid-column:3/span 3;grid-row:3/span 2;transform:translateY(calc(var(--about-scroll) * 10vh))}@media screen and (max-width:1024px){.about .illu3{grid-column:2/span 4}}@media screen and (max-width:768px){.about .illu3{grid-column:2/span 4;grid-row:4/span 2}}.about p{font-size:2.4em;line-height:1.5;font-weight:200;padding-left:1em;margin-bottom:2rem;padding-left:4rem}.materiaux{padding:100px 0 0;background-color:#edeee9;grid-template-rows:min-content min-content 1fr}@media screen and (max-width:1024px){.materiaux{height:70vh}}.materiaux h2{font-size:4.8em;text-transform:uppercase;color:var(--color-main-1);grid-column:4/span 4;grid-row:1;position:relative;margin-bottom:1em}@media screen and (max-width:1024px){.materiaux h2{grid-column:2/span 8}}.materiaux .illu{grid-column:1/span 10;grid-row:3;overflow:hidden}.materiaux .illu img{width:100%;height:100%;object-fit:cover}.materiaux p{grid-row:2;grid-column:3/span 6;font-size:2.4em;line-height:1.5;font-weight:200;padding-left:1em;margin-bottom:50px}@media screen and (max-width:1024px){.materiaux p{grid-column:2/span 8}}.savoir-faire{padding:100px 0;background-color:#fff;grid-template-rows:min-content min-content minmax(min-content,400px);min-height:100vh}@media screen and (max-width:1024px){.savoir-faire{grid-template-rows:min-content min-content minmax(min-content,auto)}}.savoir-faire h2{font-size:4.8em;text-transform:uppercase;color:var(--color-main-1);grid-column:3/span 3;grid-row:1;position:relative}@media screen and (max-width:1024px){.savoir-faire h2{grid-column:2/span 6}}.savoir-faire h2{transform:translateY(calc((1 - var(--header-scroll)) * 500% + var(--savoir-scroll) * -200%))}.savoir-faire .illu{grid-column:2/span 4;grid-row:2/span 2;height:auto;margin-top:50px;transform:translateY(calc((1 - var(--header-scroll)) * 3 * 100% + var(--savoir-scroll) * -200%))}@media screen and (max-width:1024px){.savoir-faire .illu{grid-column:1/span 10;grid-row:3/span 2;height:100%;object-fit:cover}}.savoir-faire p{grid-row:2;grid-column:6/span 4;font-size:2.4em;line-height:1.5;font-weight:200;padding-left:1em;margin-bottom:50px;transform:translateY(calc((1 - var(--header-scroll)) * 200% + var(--savoir-scroll) * -200%))}@media screen and (max-width:1024px){.savoir-faire p{grid-column:2/span 8;padding-left:0}}.savoir-faire .categories{background-color:var(--color-main-1);color:#fff;font-size:2.2em;line-height:2;display:flex;justify-content:flex-start;align-items:center;grid-column:6/span 3;grid-row:3/4;z-index:2}@media screen and (max-width:1024px){.savoir-faire .categories{grid-column:5/span 4;grid-row:3/4}}@media screen and (max-width:768px){.savoir-faire .categories{grid-column:3/span 6;grid-row:3/4}}.savoir-faire .categories{text-transform:uppercase;transform:translateY(calc((1 - var(--header-scroll)) * 40% + var(--savoir-scroll) * -40%))}.savoir-faire .categories ul{list-style:none}