@font-face{font-family:Metropolis;src:url(/font/Metropolis-Thin.otf) format("opentype");font-weight:100;font-style:normal}@font-face{font-family:Metropolis;src:url(/font/Metropolis-ThinItalic.otf) format("opentype");font-weight:100;font-style:italic}@font-face{font-family:Metropolis;src:url(/font/Metropolis-ExtraLight.otf) format("opentype");font-weight:200;font-style:normal}@font-face{font-family:Metropolis;src:url(/font/Metropolis-ExtraLightItalic.otf) format("opentype");font-weight:200;font-style:italic}@font-face{font-family:Metropolis;src:url(/font/Metropolis-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Metropolis;src:url(/font/Metropolis-LightItalic.otf) format("opentype");font-weight:300;font-style:italic}@font-face{font-family:Metropolis;src:url(/font/Metropolis-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Metropolis;src:url(/font/Metropolis-RegularItalic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Metropolis;src:url(/font/Metropolis-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Metropolis;src:url(/font/Metropolis-MediumItalic.otf) format("opentype");font-weight:500;font-style:italic}@font-face{font-family:Metropolis;src:url(/font/Metropolis-SemiBold.otf) format("opentype");font-weight:600;font-style:normal}@font-face{font-family:Metropolis;src:url(/font/Metropolis-SemiBoldItalic.otf) format("opentype");font-weight:600;font-style:italic}@font-face{font-family:Metropolis;src:url(/font/Metropolis-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Metropolis;src:url(/font/Metropolis-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:Metropolis;src:url(/font/Metropolis-ExtraBold.otf) format("opentype");font-weight:800;font-style:normal}@font-face{font-family:Metropolis;src:url(/font/Metropolis-ExtraBoldItalic.otf) format("opentype");font-weight:800;font-style:italic}@font-face{font-family:Metropolis;src:url(/font/Metropolis-Black.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Metropolis;src:url(/font/Metropolis-BlackItalic.otf) format("opentype");font-weight:900;font-style:italic}:root{--blanc: #FFFFFF;--couleur: #2D313A;--noir: #000000;--texte-petit: 1ex;--texte-base: calc(var(--texte-petit) * 1.618);--texte-moyen: calc(var(--texte-base) * 1.618);--texte-grand: calc(var(--texte-moyen) * 1.618);--texte-maxi: calc(var(--texte-grand) * 1.618);--texte-gigantesque: calc(var(--texte-maxi) * 1.618)}@media (max-width: 768px){:root{--texte-petit: .65ex;--texte-maxi: var(--texte-grand) }}html{scroll-behavior:auto!important;overflow-x:hidden}body{background-color:var(--blanc);scroll-behavior:auto!important}body::-webkit-scrollbar{display:none}h1{font-size:var(--texte-gigantesque);font-weight:800}h2{font-size:var(--texte-maxi);font-weight:700}h3{font-size:var(--texte-grand);font-weight:600}h1,h2,h3,h4,h5{font-family:Metropolis,sans-serif;color:var(--noir);width:fit-content;margin:0;text-transform:uppercase}p,span{font-family:Metropolis,sans-serif;color:var(--noir);line-height:1em}a,sup{font-family:Metropolis,sans-serif;color:var(--noir);text-decoration:none}.texte-petit{font-size:var(--texte-petit)}.texte-base{font-size:var(--texte-base)}.texte-moyen{font-size:var(--texte-moyen)}.texte-grand{font-size:var(--texte-grand)}.texte-maxi{font-size:var(--texte-maxi)}.texte-gigan{font-size:var(--texte-gigantesque)}.white-texte{color:var(--blanc)}.grey-texte{color:var(--couleur)}.black-texte{color:var(--noir)}.fw-100{font-weight:100}.fw-100-italic{font-weight:100;font-style:italic}.fw-200{font-weight:200}.fw-200-italic{font-weight:200;font-style:italic}.fw-300{font-weight:300}.fw-300-italic{font-weight:300;font-style:italic}.fw-400{font-weight:400}.fw-400-italic{font-weight:400;font-style:italic}.fw-500{font-weight:500}.fw-500-italic{font-weight:500;font-style:italic}.fw-700{font-weight:700}.fw-700-italic{font-weight:700;font-style:italic}.fw-800{font-weight:800}.fw-800-italic{font-weight:800;font-style:italic}.fw-900{font-weight:900}.fw-900-italic{font-weight:900;font-style:italic}.uppercase{text-transform:uppercase}canvas{pointer-events:none}.texte-smooth-word{width:fit-content;height:fit-content}.texte-smooth-word .word-wrapper{display:inline-block;overflow:hidden;margin-right:1em}.texte-smooth-word .word-wrapper .word{display:inline-block;padding-top:.2em}.texte-smooth-word .word-wrapper .word.bottom-to-top{transform:translateY(200%)}.texte-smooth-word .word-wrapper .word.top-to-bottom{transform:translateY(-200%)}.texte-smooth-counter{position:relative;width:100%;overflow:hidden;height:fit-content}.texte-smooth-word-loop{position:relative;width:100%;height:fit-content}.texte-smooth-word-loop .word-wrapper{transform:translateY(-50%);display:inline-block;overflow:hidden;width:100%;position:absolute;top:0;left:0}.texte-smooth-word-loop .word-wrapper .word{display:inline-block;padding-top:.2em}.texte-smooth-word-loop .word-wrapper .word.bottom-to-top{transform:translateY(200%)}.texte-smooth-word-loop .word-wrapper .word.top-to-bottom{transform:translateY(-200%)}.texte-smooth-up .word-wrapper{display:inline-block;overflow:hidden}.texte-smooth-up .word{display:inline-block;transform:translateY(50px)}.description-item{padding-top:2.75rem;padding-bottom:2.75rem}.z-2{z-index:2!important}.z-1{z-index:1!important}.z-0{z-index:0!important}.z--1{z-index:-1!important}#background-color{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1}main{position:absolute;display:grid;grid-template-columns:.25fr repeat(9,1fr) .25fr;background-color:#0000;column-gap:.5vw;width:100vw;z-index:1}@media (max-width: 768px){main{grid-template-columns:.25fr repeat(5,1fr) .25fr;column-gap:0;width:100vw}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:9999;display:flex;align-items:flex-end;justify-content:center;opacity:1;transition:opacity .5s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.progress-bar-container{width:80%;height:1px;overflow:hidden}.progress-bar{height:100vh;background-color:#000;transition:width .3s ease}.header{position:fixed;top:0;left:0;width:100vw;z-index:999}.header .header-title{height:fit-content;padding:3.5vw}.header .header-title .texte-smooth-word .word-wrapper{margin-right:.75em}.header .header-title .texte-smooth-word .word-wrapper .word{color:var(--noir)}.header .header-logo{height:calc(6vw + var(--texte-base));width:calc(6vw + var(--texte-base))}@media (max-width: 768px){.header .header-logo{height:calc(17.5vw + var(--texte-base));width:calc(17.5vw + var(--texte-base))}}.header .header-logo svg{height:35%;width:35%}.localisation{z-index:999;position:fixed;bottom:0;left:0}.localisation .texte-smooth-word{padding:3.5vw}.localisation .texte-smooth-word .word-wrapper{margin-right:.15em}.localisation .texte-smooth-word .word-wrapper .word{color:var(--noir)}.hero{display:grid;grid-template-rows:10vh 80vh 10vh;grid-template-columns:inherit;gap:inherit;grid-column:1 / -1;position:relative;overflow:hidden;margin-bottom:15vh}.hero .hero-title{grid-column:2 / 11;grid-row:2}.hero-video-container{position:absolute;top:0;left:0;grid-row:1;grid-column:2 / 11;height:100%;overflow:hidden}.hero-video{width:100%;height:auto;border-radius:var(--texte-petit)}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.methode{display:inherit;gap:inherit;grid-column:1 / -1;grid-template-columns:inherit;padding:0 0 15vh}.hero-container{grid-column:1 / -1;grid-row:1;display:inherit;gap:inherit;grid-template-columns:inherit;height:100vh}.hero-container .hero-title{grid-column:1 / -1}.methode-container-global{grid-column:1 / -1;grid-row:2;display:inherit;gap:inherit;grid-template-columns:inherit}@media (max-width: 768px){.methode{grid-template-columns:.25fr repeat(5,1fr) .25fr}}.methode-container-title{grid-column:2 / 4}@media (max-width: 768px){.methode-container-title{grid-column:2 / 2}}.methode-title{margin:17.5vh 0;position:sticky;height:fit-content;top:45vh;z-index:10;padding-top:2.75rem;padding-bottom:2.75rem}.methode-description{margin:17.5vh 0;grid-column:5 / 9}@media (max-width: 768px){.methode-description{grid-column:4 / 8}}.methode .methode-text{grid-column:2 / -1;width:fit-content}.showreel{display:inherit;gap:inherit;grid-column:1 / -1;grid-template-columns:inherit;padding:25vh 0}.showreel .showreel-video-container{grid-row:1;grid-column:3 / 10;overflow:hidden;border-radius:var(--texte-petit);max-height:80vh;box-shadow:0 19px 38px #0003,0 15px 12px #0000001f}@media (max-width: 768px){.showreel .showreel-video-container{grid-column:2 / 7}}.showreel .showreel-video-container .showreel-video{height:auto;width:100%}.projets{display:inherit;gap:inherit;grid-column:1 / -1;grid-template-columns:inherit;grid-template-rows:auto;padding:10vh 0}.projet{display:inherit;gap:inherit;grid-template-columns:inherit;grid-template-rows:auto;grid-column:1 / -1;padding:35vh 0;overflow:hidden}.projet-left-align .projet-description,.projet-left-align .projet-description-image .projet-title,.projet-left-align .projet-description-carrousel .projet-title{grid-column:6 / 10}.projet-left-align .projet-description-carrousel .image-carrousel{grid-column:2 / -1}@media (max-width: 768px){.projet-left-align .projet-description,.projet-left-align .projet-description-image .projet-title,.projet-left-align .projet-description-carrousel .projet-title{grid-column:3 / 7}.projet-left-align .projet-description-carrousel .image-carrousel{grid-column:2 / -1}}.projet-right-align .projet-description,.projet-right-align .projet-description-image .projet-title,.projet-right-align .projet-description-carrousel .projet-title{grid-column:3 / 7}.projet-right-align .projet-description-carrousel .image-carrousel{grid-column:1 / 11}@media (max-width: 768px){.projet-right-align .projet-description,.projet-right-align .projet-description-image .projet-title,.projet-right-align .projet-description-carrousel .projet-title{grid-column:2 / 6}.projet-right-align .projet-description-carrousel .image-carrousel{grid-column:1 / 11}}.projet .projet-description-image{display:inherit;gap:inherit;grid-template-columns:inherit;grid-column:1 / -1}.projet .projet-description-image .projet-title{grid-row:1;padding-bottom:2.5vh}@media (max-width: 768px){.projet .projet-description-image .projet-title{padding-bottom:5vh}}.projet .projet-description-image .projet-container{grid-row:2;grid-column:3 / 10;overflow:hidden;border-radius:var(--texte-moyen);max-height:80vh;box-shadow:0 5px 20px #00000026,0 15px 12px #0000001a;transition:.35s ease-in-out}@media (max-width: 768px){.projet .projet-description-image .projet-container{grid-column:2 / 7}}.projet .projet-description-image .projet-container:hover{scale:1.025;box-shadow:0 15px 40px #0000000d,0 15px 12px #00000014}.projet .projet-description-carrousel{display:inherit;gap:inherit;grid-template-columns:inherit;grid-column:1 / -1;max-width:100vw}.projet .projet-description-carrousel .projet-title{grid-row:1;padding-bottom:2.5vh}@media (max-width: 768px){.projet .projet-description-carrousel .projet-title{padding-bottom:5vh}}.projet .projet-description-carrousel .image-carrousel{overflow:visible;width:fit-content}.projet .projet-description-carrousel .image-carrousel .image-carrousel-container{overflow:hidden;border-radius:var(--texte-petit);height:65vh;width:65vh;box-shadow:0 5px 20px #00000026,0 15px 12px #0000001a;transition:.35s ease-in-out;margin-right:7.5vh}@media (max-width: 768px){.projet .projet-description-carrousel .image-carrousel .image-carrousel-container{height:45vh;width:45vh;margin-right:5vh}}.projet .projet-description-carrousel .image-carrousel .image-carrousel-container:hover{scale:1.025;box-shadow:0 15px 40px #0000000d,0 15px 12px #00000014}.projet .projet-description-carrousel .image-carrousel .image-carrousel-container img{-webkit-user-select:none;user-select:none}.projet .projet-description-carrousel .image-carrousel .image-carrousel-container .image-horizontal{height:100%;width:auto}.projet .projet-description-carrousel .image-carrousel .image-carrousel-container .image-vertical{width:100%;height:auto}.projet .projet-description-carrousel .carrousel-thumbnail{width:15vw;height:var(--texte-grand);border-radius:var(--texte-gigantesque);background-color:transparent;position:fixed;top:90vh;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #00000026,0 15px 12px #0000001a;box-shadow:inset 0 5px 10px #00000026,0 15px 12px #0000001a}.projet .projet-description-carrousel .carrousel-thumbnail .cursor{height:var(--texte-grand);min-width:var(--texte-grand);border-radius:var(--texte-gigantesque);background-color:var(--noir);transition:scale .35s ease-in-out;transform:translateY(-50%)}.projet .projet-description-carrousel .carrousel-thumbnail .cursor svg{width:auto;height:50%}@media (max-width: 768px){.projet .projet-description-carrousel .carrousel-thumbnail{width:40vw;height:var(--texte-gigantesque)}.projet .projet-description-carrousel .carrousel-thumbnail .cursor{height:var(--texte-gigantesque);min-width:var(--texte-gigantesque)}}.archives{display:inherit;gap:inherit;grid-column:1 / -1;grid-template-columns:inherit;grid-template-rows:auto;padding:25vh 0 35vh}.archives .archives-item{padding-bottom:10vh}@media (max-width: 768px){.archives .archives-item{padding-bottom:7.5vh}}.archives .archives-item:nth-child(odd){grid-column:6 / 10}@media (max-width: 768px){.archives .archives-item:nth-child(odd){grid-column:2 / 6}}.archives .archives-item:nth-child(2n+2){grid-column:3 / 7}@media (max-width: 768px){.archives .archives-item:nth-child(2n+2){grid-column:3 / 7}}.archives .archives-container{border-radius:var(--texte-petit);overflow:hidden;max-height:90vh;box-shadow:0 19px 38px #0003,0 15px 12px #0000001f}.archives .archives-container *{width:100%;height:auto}.archives .archives-description{margin:5vh 0}.contact{display:inherit;gap:inherit;grid-column:1 / -1;grid-template-columns:inherit;padding:32.5vh 0;position:relative;overflow-x:visible;background:linear-gradient(to bottom,#fff0,#fff 85%,#fff)}@media (max-width: 768px){.contact{overflow-x:hidden;padding:12.5vh 0 55vh}}.contact-description{grid-column:3 / 10;height:30vh;position:relative;transition:.35s ease-in-out}@media (max-width: 768px){.contact-description{grid-column:1 / -1;height:30vh;position:relative;transition:.35s ease-in-out}}.contact-description:hover{scale:1.025}.contact .contact-info{width:75%}@media (max-width: 1200px){.contact .contact-info{width:85%}}@media (max-width: 1100px){.contact .contact-info{width:100%}}.contact-description .contact-info .contact-j-ai-plus-d-idee-de-nom{width:100%;padding-top:5vh;overflow:hidden}.contact-description .contact-info .contact-j-ai-plus-d-idee-de-nom .logo-container{background-color:var(--noir);border-radius:var(--texte-gigantesque);width:var(--texte-maxi);height:var(--texte-maxi);transition:.35s ease-in-out}@media (max-width: 768px){.contact-description .contact-info .contact-j-ai-plus-d-idee-de-nom{flex-direction:column!important;justify-content:center!important;align-items:center}.contact-description .contact-info .contact-j-ai-plus-d-idee-de-nom .logo-container{width:calc(var(--texte-gigantesque)*1.618);height:calc(var(--texte-gigantesque)*1.618);transition:.35s ease-in-out}}.contact-description .contact-info .contact-j-ai-plus-d-idee-de-nom .logo-container:hover{scale:1.1!important}.contact-description .contact-info .contact-j-ai-plus-d-idee-de-nom .texte-smooth-up{width:fit-content}@media (max-width: 768px){.contact-description .contact-info .contact-j-ai-plus-d-idee-de-nom .texte-smooth-up{width:100%;justify-content:center}}.contact-description .contact-info .contact-j-ai-plus-d-idee-de-nom .logo-container svg{height:65%;width:65%}