@import url(https://fonts.googleapis.com/css?family=Syne:700);
@import url(https://fonts.googleapis.com/css?family=Albert+Sans:400,700,900);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}a{background-color:transparent}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{border:0 solid #e2e8f0;box-sizing:border-box}a{color:inherit;text-decoration:inherit}svg,video{display:block;vertical-align:middle}video{height:auto;max-width:100%}.bg-white{--bg-opacity:1;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-t{border-top-width:1px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-7{line-height:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.ml-12{margin-left:3rem}.-mt-px{margin-top:-1px}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.text-center{text-align:center}.text-gray-200{--text-opacity:1;color:#edf2f7;color:rgba(237,242,247,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.dark\:bg-gray-900{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.dark\:border-gray-700{--border-opacity:1;border-color:#4a5568;border-color:rgba(74,85,104,var(--border-opacity))}.dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.dark\:text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgba(107,114,128,var(--tw-text-opacity))}}.skip-to-content{left:-100%;padding:.5rem 1rem;position:fixed;top:0;z-index:100}.skip-to-content:focus{left:0}header{left:0;position:fixed;top:0;transition:all .5s ease;width:100%;z-index:20}header.solid{background-color:#1a1a1a}header.up{top:calc(-4.5vh + -4.5rem)}header .main-logo{width:300px}header .hamburger-box,header button{background:none}header .hamburger-box .hamburger{height:4.5vh;transform:rotate(-45deg);transition:all .3s ease}header .hamburger-box .hamburger.home,header .hamburger-box.open .hamburger{transform:none}header #nav-bar{position:relative;z-index:1000}header #nav-list{background-image:url(/images/nav_bg.png);background-position:100%;background-repeat:no-repeat;background-size:cover;height:0;opacity:0;position:fixed;right:0;top:0;transition:all 1s ease;width:0;z-index:100}header #nav-list.open{height:100vh;opacity:1;right:0;top:0;transition-delay:.7s;width:100vh}@media screen and (min-width:992px){header #nav-list.open{width:calc(50vw + 80px)}}@media screen and (min-width:1200px){header #nav-list.open{width:calc(50vw + 170px)}}@media screen and (min-width:1600px){header #nav-list.open{width:calc(50vw + 300px)}}header #nav-item-box{background:transparent;height:100%;opacity:0;transition:all .3s ease}header #nav-item-box.show{opacity:1;transition-delay:1.5s}header .nav-item{font-family:Syne,Arial,sans-serif;font-size:5vh;font-weight:700;height:11vh;line-height:11vh;margin-left:4vw;transition:all .3s ease;width:-moz-fit-content;width:fit-content}header .nav-item.active,header .nav-item:focus,header .nav-item:hover{color:#fff;font-size:9vh}header #nav-bottom{background:transparent;bottom:4vh;left:0;opacity:0;position:fixed;transform:translateX(-100%);transition-delay:0s;transition-duration:.3s;transition-property:left,transform,opacity;transition-timing-function:ease}header #nav-bottom.open{left:unset;opacity:1;transform:translateY(0);transition-delay:1.5s,1.5s,2s;transition-property:left,transform,opacity}header #nav-bottom .social img{display:inline-block;margin-bottom:2vw;margin-right:2vw;width:2vw}header #nav-bottom .lang-toggle{color:#fff;font-family:Albert Sans,Arial,sans-serif;font-size:1.5vw;font-style:normal;font-weight:900;line-height:normal;text-decoration-line:underline;text-transform:uppercase;transition:all .3s ease}header #nav-bottom .lang-toggle:hover{color:#ff8c00}header .pair-logo{height:4vw;margin-top:2rem;max-height:80px}header .rainbow-logo{margin-right:2rem}header .ecovadis-logo,header .rainbow-logo{height:4vw;margin-top:1rem;max-height:80px}@media screen and (max-height:800px) and (min-width:400px){header #nav-bar{padding-bottom:1vh!important;padding-top:4vh!important}header .main-logo{height:5vh;width:auto}}@media screen and (max-width:786px){header #nav-bar{max-width:calc(100vw - 6vh)}header.up{top:calc(-7vw + -3rem)}header .main-logo{height:7vw;width:unset}header .hamburger-box .hamburger{height:6vw}header #nav-list.open{height:100vw;width:100vw}header .nav-item{font-size:6vw;height:13vw;line-height:11vw;margin-left:2rem}header .nav-item:first-of-type{margin-top:26vw!important}header .nav-item.active,header .nav-item:focus,header .nav-item:hover{font-size:11vw;margin-bottom:3.3vw;margin-top:3.3vw}header .nav-item.active.fr,header .nav-item:focus.fr,header .nav-item:hover.fr{font-size:11vw}header #nav-bottom{width:88vw}header #nav-bottom .social img{display:inline-block;margin-bottom:0;margin-right:4vw;width:5vw}header #nav-bottom .lang-toggle{font-size:4vw;line-height:5vw}header .pair-logo{height:14vw;margin-bottom:1.5vh;margin-top:0}header .rainbow-logo{margin-right:3vh}header .ecovadis-logo,header .rainbow-logo{height:14vw;margin-bottom:3vh;margin-top:0}}header .legal{font-size:80%}header .legal a{transition:color .3s ease}header .legal a:first-of-type:hover{color:#fb3f9d}header .legal a:nth-of-type(2):hover{color:#00c84a}header .legal a:nth-of-type(3):hover{color:#ff8c00}header .legal a:nth-of-type(4):hover{color:#9e65fa}header .legal a:nth-of-type(5):hover{color:#00b0eb}header .legal a:nth-of-type(6):hover{color:#ffc000}header .legal a:nth-of-type(7):hover{color:#fb3f9d}@media screen and (max-width:786px){header .legal{width:100%}}#nav-overlay{height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all 1s ease;transition-delay:.5s;width:100vw;z-index:-1}#nav-overlay.show{background-color:#1a1a1a;opacity:1;transition-delay:0s;z-index:7}#didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree,#didomi-host .didomi-components-radio__option.didomi-components-radio__option--disagree{align-items:center;display:flex;justify-content:center}#home{height:800vh}#home #section1{position:relative}#home #section1 .scroll{animation:flicker 1s infinite alternate-reverse;bottom:18vh;left:50%;position:fixed;text-align:center;transform:translateX(-50%)}#home #section1 .scroll:before{background-color:#fff;content:"";height:52px;left:50%;position:absolute;top:calc(100% + 1rem);transform:translateX(-50%);width:2px}#home #section1 .scroll:after{background-color:#fff;content:"";height:9px;left:50%;position:absolute;top:calc(100% + 1rem + 70px);transform:rotate(45deg) translateY(-50%) translateX(-100%);transform-origin:left;width:9px}#home #section1 .scroll.hide{animation:none;opacity:0}#home #section1 .scroll .scroll-text.hide{animation:none;display:none}#home #section1 .square{left:50%;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%) scale(0) rotate(45deg);transform-origin:center;transition:all .2s ease}#home #section1 .square.square5{height:36rem;width:36rem}#home #section1 .square.square4{height:30rem;width:30rem}#home #section1 .square.square3{height:24rem;width:24rem}#home #section1 .square.square2{height:18rem;width:18rem}#home #section1 .square.square1{height:12rem;width:12rem}#home #section1 .square.square0{height:6rem;width:6rem}#home #section1 .square:nth-of-type(6){background-color:#fff}#home #section1 .square:nth-of-type(5){background-color:#ffc000}#home #section1 .square:nth-of-type(4){background-color:#00b0eb}#home #section1 .square:nth-of-type(3){background-color:#fb3f9d}#home #section1 .square:nth-of-type(2){background-color:#00c84a}#home #section1 .square:first-of-type{background-color:#9e65fa}#home #section1 .square.active{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1) rotate(45deg)}#home #section1 .square.expand,#home #section1 .square.rotate{transform:translateX(-50%) translateY(-50%) rotate(0)}#home #section1 .square.expand{height:120vh;width:120vh}#home #section1 .square.expand-again{height:100vh;width:100vw}#home #section1 .text-box{left:50vw;opacity:0;position:fixed;text-align:center;top:50vh;transform:translateX(-50%) translateY(-50%) scale(.5);transform-origin:center;width:70vw}#home #section1 .text-box.show{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}#home #section1 .text-box .headline1{font-size:30px}#home #section1 .text-box .headline2{font-family:Syne,Arial,sans-serif;font-size:60px;margin:2rem auto;width:100%}#home #section1 .text-box .headline3{font-family:Syne,Arial,sans-serif;font-size:30px;margin:auto;max-width:1000px;width:80%}#home #section1 .text-box .logo-box{margin-top:4rem}#home #section1 .text-box .ecovadis-logo,#home #section1 .text-box .pair-logo,#home #section1 .text-box .rainbow-logo{height:4vw}#home #section1 .text-box .rainbow-logo{margin:auto 2rem}@media screen and (max-width:1200px){#home #section1 .text-box .headline2{font-size:5vw}#home #section1 .text-box .headline3{font-size:2.7vw}}@media screen and (max-width:786px){#home #section1 .square.square5{height:70vw;width:70vw}#home #section1 .square.square4{height:58.3333333333vw;width:58.3333333333vw}#home #section1 .square.square3{height:46.6666666667vw;width:46.6666666667vw}#home #section1 .square.square2{height:35vw;width:35vw}#home #section1 .square.square1{height:23.3333333333vw;width:23.3333333333vw}#home #section1 .square.square0{height:11.6666666667vw;width:11.6666666667vw}#home #section1 .square.expand,#home #section1 .square.rotate{transform:translateX(-50%) translateY(-50%) rotate(0)}#home #section1 .square.expand{height:100vw;width:100vw}#home #section1 .square.expand-again{height:120vh}#home #section1 .scroll{font-family:Syne,Arial,sans-serif}#home #section1 .scroll:before{height:19px;top:calc(100% + 1.5vh + 5px);width:1px}#home #section1 .scroll:after{height:6px;top:calc(100% + 1.5vh + 40px);width:6px}#home #section1 .text-box{width:100%}#home #section1 .text-box .headline1{font-size:4vw}#home #section1 .text-box .headline2{font-size:6vw;margin:3vh auto;width:90%}#home #section1 .text-box .headline3{font-size:4vw;width:65%}#home #section1 .text-box .pair-logo{height:14vw;margin-bottom:1.5vh;margin-top:3vh}#home #section1 .text-box .rainbow-logo{margin-left:0;margin-right:1.5vh}#home #section1 .text-box .ecovadis-logo,#home #section1 .text-box .rainbow-logo{height:14vw;margin-top:0}}#home #section2 .section2-box{flex-direction:column}#home #section2 .square-box{align-items:center;display:flex;justify-content:space-around;min-height:37vh;width:100%}#home #section2 .square{height:80px;position:relative;transform:rotate(-45deg);transition:all .3s ease-in;width:80px}#home #section2 .square img{transform-origin:center;transition:all .3s ease-in}#home #section2 .square .diamond{height:100%;position:absolute;transform:rotate(-45deg);width:100%}#home #section2 .square .people{height:100%;opacity:0;position:absolute;width:100%;z-index:-1}#home #section2 .square.active{height:300px;opacity:1;transform:rotate(0);width:300px}#home #section2 .square.active .diamond{height:140%;opacity:0;transform:translate(-15%,-15%) rotate(-45deg);width:140%;z-index:-1}#home #section2 .square.active .people{opacity:1;z-index:1}#home #section2 .text-box{font-family:Syne,Arial,sans-serif;font-weight:700;transition:all .3s ease-in}#home #section2 .text-box .text{display:flex;flex-direction:column;margin:auto;position:relative;width:90%}#home #section2 .text-box span{font-size:55px}#home #section2 .text-box .small{font-size:30px;margin-top:30px;text-align:right}#home #section2 .text-box p.fr{min-height:160px}#home #section2 .text-box p.fr span{font-size:3vw}#home #section2 .text-box p.fr .small{font-size:1.5vw;margin-top:1.5vw}@media screen and (min-width:1600px){#home #section2 .text-box span{font-size:60px}#home #section2 .text-box .small{font-size:35px}#home #section2 .text-box p.fr{min-height:330px}#home #section2 .text-box p.fr span{font-size:55px}#home #section2 .text-box p.fr .small{font-size:30px}}@media screen and (max-width:786px){#home #section2 .square-box{align-items:flex-start;flex-direction:column}#home #section2 .square{height:6vh;margin:2vh 0;width:6vh;z-index:10}#home #section2 .square.active{height:30vh;margin-bottom:20vh;width:30vh}#home #section2 .square.active .diamond{display:none;transition-delay:.1s}#home #section2 .square .diamond{aspect-ratio:1/1;height:auto}#home #section2 .text-box{bottom:unset;padding-left:0;padding-right:0;position:absolute;top:44vh;width:calc(100% - 12vw);z-index:-1}#home #section2 .text-box.text-box2{top:54vh}#home #section2 .text-box.text-box3{top:64vh}#home #section2 .text-box.text-box4{top:74vh}#home #section2 .text-box .text{width:100%}#home #section2 .text-box p,#home #section2 .text-box p.fr{display:block;width:100%}#home #section2 .text-box span{display:block;font-size:6vw}#home #section2 .text-box p.fr span{font-size:5.5vw}#home #section2 .text-box .small,#home #section2 .text-box p.fr .small{font-size:4vw;margin-top:2vw;text-align:left}#home #section2 .text-box.active{z-index:1}}#home #section3{background-color:#df2b36;left:100%;top:100%}#home #section3.active{opacity:1;transform:translateX(-100vh) translateY(-100vh) scale(1)}#home #section3.expand{transform:translateX(-100%) translateY(-100vh) scale(1);transition:none}#home #section3.hide{height:33.3333vh;left:unset;right:0;top:100vh;transform:translateY(-100%);transition:none;width:33.33333vh;z-index:10}#home #section3 .section3-box{flex-direction:column;opacity:0;transform:translateY(10vh)}#home #section3 .section3-box.show{opacity:1;transform:translateY(0)}#home #section3 .video-text-box{align-items:center;display:flex;height:-moz-fit-content;height:fit-content;justify-content:space-between}#home #section3 h2{font-size:35px}#home #section3 p{font-size:24px}#home #section3 .video{aspect-ratio:16/9;width:70%}#home #section3 .text-box{width:26%}#home #section3 .see-more{display:inline-block;font-size:24px;font-weight:900;letter-spacing:2px;margin-top:80px;position:relative;text-transform:uppercase;transition:all .3s ease}#home #section3 .see-more:before{background-color:#fff;bottom:calc(100% + 2rem);content:"";height:52px;left:12px;position:absolute;transform:translateX(-50%);width:2px}#home #section3 .see-more:after{background-color:#fff;bottom:calc(100% + 2rem - 25px);content:"";height:9px;left:12px;position:absolute;transform:rotate(45deg) translateY(-50%) translateX(-100%);transform-origin:left;width:9px}#home #section3 .see-more:hover{color:#1a1a1a}#home #section3 .logo-box{display:flex;justify-content:space-between;width:100%}#home #section3 .logo-box img{height:2vw;max-height:35px;width:auto}@media screen and (max-width:786px){#home #section3 .section3-box{height:calc(97vh - 7vw - 3rem);justify-content:center;margin-bottom:3vh}#home #section3.active{opacity:1;transform:translateX(-100vw) translateY(-100vw) scale(1)}#home #section3.expand{transform:translateX(-100vw) translateY(-100vh) scale(1)}#home #section3.hide{height:14.285vh;top:100vh;transform:translateY(-100%);width:14.285vh;z-index:10}#home #section3 .video-text-box{flex-direction:column}#home #section3 h2{font-size:6vw}#home #section3 p{font-size:4vw}#home #section3 .see-more{font-size:4vw;margin-top:6vh}#home #section3 .see-more:before{bottom:calc(100% + 3vh + 3px);height:19px;left:5px;width:1px}#home #section3 .see-more:after{bottom:calc(100% + 3vh - 15px);height:6px;left:5px;width:6px}#home #section3 .video{margin-top:4vh;order:2;width:100%}#home #section3 .text-box{order:1;width:100%}#home #section3 .logo-box{align-items:center;flex-wrap:wrap;justify-content:center;margin-top:3vh}#home #section3 .logo-box img{display:inline-block;height:7vw;margin:3vw;max-height:none}#home #section3 .logo-box img.kurkure,#home #section3 .logo-box img.lays{height:8vw}#home #section3 .logo-box img.coast-capital,#home #section3 .logo-box img.wsbc{height:5.5vw}#home #section3 .logo-box img.intact,#home #section3 .logo-box img.public-health{height:5vw}#home #section3 .logo-box img.google,#home #section3 .logo-box img.koodo,#home #section3 .logo-box img.public-health{margin-left:0}#home #section3 .logo-box img.bclc,#home #section3 .logo-box img.kurkure,#home #section3 .logo-box img.td{margin-right:0}}#home #section4{background-color:#fb3f9d}#home #section4 .section4-box{align-items:center;height:100vh;margin-top:0;position:relative}#home #section4 h2{font-size:35px;line-height:1.3}#home #section4 .left{background-color:#fb3f9d}#home #section4 .left .text-box{width:48%}@media screen and (min-width:1600px){#home #section4 .left .text-box{width:39vw}}#home #section4 .left a{display:block;font-size:24px;margin-top:5vh;padding-left:20px;position:relative;transition:all .3s ease}#home #section4 .left a.item0{margin-left:4vw}#home #section4 .left a.item0:before{background-color:#fff;content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%) translateX(-4vw);width:calc(4vw - 20px)}#home #section4 .left a.item0:after{background-color:#fff;content:"";height:9px;left:0;position:absolute;top:calc(50% + 2px);transform:rotate(45deg) translateX(-100%);width:9px}#home #section4 .left a.item1{margin-left:8vw}#home #section4 .left a.item1:before{background-color:#fff;content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%) translateX(-8vw);width:calc(8vw - 20px)}#home #section4 .left a.item1:after{background-color:#fff;content:"";height:9px;left:0;position:absolute;top:calc(50% + 2px);transform:rotate(45deg) translateX(-100%);width:9px}#home #section4 .left a.item2{margin-left:12vw}#home #section4 .left a.item2:before{background-color:#fff;content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%) translateX(-12vw);width:calc(12vw - 20px)}#home #section4 .left a.item2:after{background-color:#fff;content:"";height:9px;left:0;position:absolute;top:calc(50% + 2px);transform:rotate(45deg) translateX(-100%);width:9px}#home #section4 .left a:hover{color:#1a1a1a}#home #section4 .right{aspect-ratio:2/3;display:flex;flex-wrap:wrap;height:100vh;max-width:66.6666666667vh;position:absolute;right:0}#home #section4 .right>*{aspect-ratio:1/1;width:50%}@media screen and (max-width:786px){#home #section4 .section4-box{align-items:center;display:flex;justify-content:space-between}#home #section4 h2{width:90%}#home #section4 .left .text-box{width:100%}#home #section4 .left a{font-size:4vw}#home #section4 .left a.item{margin-left:5.5vw}#home #section4 .left a.item:after{height:1px;left:-1vw;transform:translateY(-50%) translateX(-100%);width:4vw}#home #section4 .left a.item:before{height:6px;left:5px;top:calc(50% + 3px);transform:rotate(45deg) translateX(-100%);width:6px}#home #section4 h2{font-size:6vw}#home #section4 .right{aspect-ratio:1/7;position:unset}#home #section4 .right>*{order:4;width:100%}#home #section4 .right :nth-child(2){order:1}#home #section4 .right :first-child{order:2}}#home-overlay{background:transparent;border:0 solid #1a1a1a;display:none;height:200vw;left:50%;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%);width:200vw;z-index:15}#home-overlay.contactForm{background-color:#1a1a1a}#home-overlay.show{display:block}#home-overlay.shrink{border-width:calc(100vw - 3rem)}#home-overlay.rotate{background-color:#fff;transform:translateX(-50%) translateY(-50%) rotate(-45deg)}#home-overlay.hide{display:none}@media screen and (max-width:786px){#home-overlay{height:200vh;width:200vh}#home-overlay.shrink{border-width:calc(100vh - 5.83333vw)}}#diamond-to-home{background-color:#fff;display:none;height:110vh;left:50%;opacity:1;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%) scale(1) rotate(45deg);width:110vh;z-index:100}@media screen and (min-width:1600px){#diamond-to-home{height:90vh;width:90vh}}#diamond-to-home.show{display:block}#diamond-to-home.shrink{height:6rem;width:6rem}@media screen and (max-width:786px){#diamond-to-home{height:68vh;top:21vh;transform:translateX(-50%) scale(1) rotate(45deg);width:68vh}#diamond-to-home.shrink{height:11.6666666667vw;top:50vh;transform:translateX(-50%) translateY(-50%) scale(1) rotate(45deg);width:11.6666666667vw}}#about{height:290vh}#about img{max-width:100%}#about .legal{font-size:80%}#about #section1 .section1-box{align-items:flex-end;height:65vh;justify-content:space-between;max-height:700px}@media screen and (min-width:1600px){#about #section1 .section1-box{height:75vh}}@media screen and (max-height:800px) and (min-width:400px){#about #section1 .section1-box{margin-top:25vh;width:170vh}#about #section1 .section1-box .text-box h2{font-size:3.3vh}#about #section1 .section1-box .text-box .facts-info p{font-size:2.1vh}#about #section1 .section1-box .text-box .facts-info p:after,#about #section1 .section1-box .text-box .facts-info p:before{top:-1rem}#about #section1 .section1-box .text-box0 .facts-info p:after,#about #section1 .section1-box .text-box0 .facts-info p:before,#about #section1 .section1-box .text-box2 .facts-info p:after,#about #section1 .section1-box .text-box2 .facts-info p:before{top:calc(100% + 1.2rem)}#about #section1 .section1-box .text-box.text-box1 h2{transform:translateX(calc(-100% - 3rem))}}#about #section1 .about-fact{position:relative;transition:all .3s ease;width:24%}#about #section1 .about-fact:nth-of-type(2){margin:0 2rem}#about #section1 .img-box{position:relative;transition:all .3s ease;z-index:10}#about #section1 .pattern{bottom:0;left:0;position:absolute;transition:all 1s ease-in}#about #section1 .about-fact-image{opacity:0;transition:all 1s ease-in}#about #section1 .text-box{left:100%;margin:0 2rem;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}#about #section1 .text-box>*{opacity:0}#about #section1 .text-box .facts-info{align-items:flex-start;font-size:24px}#about #section1 .text-box .facts-info p{margin-bottom:0}#about #section1 .text-box .facts-info p:before{background-color:#fff;content:"";height:2px;left:0;position:absolute;top:calc(100% + 1.2rem);transform:translateY(-50%);width:52px}#about #section1 .text-box .facts-info p:after{background-color:#fff;content:"";height:9px;left:60px;position:absolute;top:calc(100% + 1.2rem);transform:rotate(45deg) translateY(calc(-50% - 2px));width:9px}#about #section1 .text-box .email{font-size:18px;text-decoration:underline}#about #section1 .text-box.text-box1{position:static}#about #section1 .text-box.text-box1 h2{left:0;position:absolute;top:0;transform:translateX(calc(-100% - 2rem));width:0}#about #section1 .text-box.text-box1 .facts-info{left:calc(100% + 2rem);position:absolute;top:45%;transform:translateY(-100%);width:50%}#about #section1 .text-box.text-box1 p{margin-bottom:2rem;order:2}#about #section1 .text-box.text-box1 p:after,#about #section1 .text-box.text-box1 p:before{top:-2rem}#about #section1 .text-box.text-box1 .line-desktop{margin-bottom:1.5rem;order:1}#about #section1 .text-box.text-box2{left:unset;right:0;text-align:right;transform:translateX(-100%)}#about #section1 .text-box.text-box2 .facts-info{align-items:flex-end}#about #section1 .text-box.text-box2 .facts-info p:before{left:unset;right:0}#about #section1 .text-box.text-box2 .facts-info p:after{left:unset;right:70px}#about #section1 .text-box.text-box2 .line-desktop{transform:rotate(180deg)}#about #section1 .text-box.active,#about #section1 .text-box.active>*{opacity:1;z-index:1}#about #section1 .text-box.active.text-box1 h2{width:50%}#about #section1 .active.about-fact{flex-grow:2}#about #section1 .active .pattern{opacity:0;z-index:-1}#about #section1 .active .about-fact-image{opacity:1;z-index:1}@media screen and (max-width:786px){#about #section1 .section1-box{align-items:flex-start;flex-direction:column;height:calc(100vh - 7vw - 3rem);justify-content:flex-start;margin-bottom:0;margin-top:calc(7vw + 3rem)!important;max-height:-webkit-fill-available}#about #section1 .about-fact{flex:0;flex-grow:0;margin-bottom:3vh}#about #section1 .about-fact:nth-of-type(2){margin-bottom:3vh;margin-left:0;margin-right:0}#about #section1 .img-box{width:13vh}#about #section1 .text-box{left:0;margin:0;position:absolute!important;top:31vh;width:88vw}#about #section1 .text-box h2{font-size:5vw;margin-bottom:1rem;transform:none!important;width:100%!important}#about #section1 .text-box h2.fr{font-size:5vw;margin-bottom:.5rem}#about #section1 .text-box .facts-info{font-size:3.7vw}#about #section1 .text-box .facts-info p{font-size:3.7vw;margin-bottom:0!important}#about #section1 .text-box .facts-info p:before{height:1px;left:0!important;right:unset!important;top:calc(100% + 3vh);transform:translateY(-50%);width:24px}#about #section1 .text-box .facts-info p:after{height:6px;left:30px!important;position:absolute;right:unset!important;top:calc(100% + 3vh);transform:rotate(45deg) translateY(calc(-50% - 1px));width:6px}#about #section1 .text-box .facts-info.fr p{font-size:3.7vw}#about #section1 .text-box .facts-info.fr p:after,#about #section1 .text-box .facts-info.fr p:before{top:calc(100% + 2vh)}#about #section1 .text-box.text-box2{left:0;text-align:left;transform:none}#about #section1 .text-box.text-box2 .facts-info{align-items:flex-start}#about #section1 .text-box.text-box1 h2{position:static}#about #section1 .text-box.text-box1 .facts-info{position:static;transform:none;width:100%}#about #section1 .text-box.text-box1 p{order:1}#about #section1 .text-box.text-box1 .line{order:2}#about #section1 .active.about-fact{flex-grow:unset}#about #section1 .active .img-box{margin-bottom:25vh;width:28vh}#about #section1 .active.about-fact0 .img-box{margin-bottom:22vh}}#about #section2{left:-100vw}#about #section2.active{left:0}#about #section2.moveOut{left:-100vw;opacity:0}#about #section2 .h2{font-size:60px;margin:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:25%}#about #section2 .h2.active{opacity:1}#about #section2 .left-box{background-color:#9e65fa;height:100vh;left:0;position:absolute;top:0;width:100vw}#about #section2 .left-box.active{opacity:1}#about #section2 .left,#about #section2 .right{aspect-ratio:2/1;position:absolute;top:50%;transform:translateY(-50%);width:130vw}#about #section2 .left{left:-15vw}#about #section2 .left .h2{left:calc(15vw + 11%);width:20%}#about #section2 .right-box{background-color:#ff8c00;height:100vh;overflow:hidden;position:absolute;right:0;width:15vw}#about #section2 .right-box.active{opacity:1}#about #section2 .right-box.swipe{width:85vw}#about #section2 .right{right:-15vw}#about #section2 .right .h2{right:calc(15vw + 11%);text-align:right}@media screen and (max-width:786px){#about #section2{left:0;opacity:1;top:100vh}#about #section2.active{left:0;opacity:1;top:0}#about #section2.moveOut{left:0;opacity:0;top:-100vh}#about #section2 .left-box,#about #section2 .right-box{opacity:1}#about #section2 .left,#about #section2 .right{aspect-ratio:4834/14125;height:150vh;left:50%;right:unset;transform:translate(-50%,-50%);width:auto}#about #section2 .left .h2,#about #section2 .right .h2{font-size:6vw;left:50%;text-align:center;transform:translateX(-50%) translateY(-50%);width:50%}#about #section2 .right-box{bottom:0;height:15vh;left:0;right:unset;top:unset;transition:none;width:100vw}#about #section2 .right-box.swipe{height:85vh;left:0;width:100vw}#about #section2 .right{bottom:-100vh;top:unset}#about #section2 .right .h2{width:80%}}#about #section3{left:50%;opacity:0;transform:translateX(-50%);transition:all .3s ease}#about #section3.active{opacity:1;overflow:scroll}#about #section3 .section3-box{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;margin-bottom:0}#about #section3 .text-box{margin-top:5vh;min-height:10vw;position:relative;width:100%}#about #section3 .text-box h2{font-size:60px;left:3rem;position:absolute}#about #section3 .text-box h2.fr{font-size:3vw}@media screen and (min-width:1600px){#about #section3 .text-box h2.fr{font-size:51px}}#about #section3 .text-box p{font-size:24px;position:absolute;right:0;top:6rem;width:calc(50% - 1.33333rem)}#about #section3 .text-box p.fr{font-size:1.6vw}@media screen and (min-width:1600px){#about #section3 .text-box p.fr{font-size:24px}}#about #section3 .text-box.hide{opacity:0}#about #section3 #services-box{aspect-ratio:4/3;margin-top:100px;position:relative;width:100%}@media screen and (min-width:1600px){#about #section3 #services-box{margin-top:60px}}#about #section3 #services-box .service{aspect-ratio:1/1;left:0;position:absolute;top:0;transition:all .3s ease;width:calc(25% - 2rem)}#about #section3 #services-box .service.column1{left:0}#about #section3 #services-box .service.column2{left:calc(25% + .66667rem)}#about #section3 #services-box .service.column3{left:unset;right:calc(25% + .66667rem)}#about #section3 #services-box .service.column4{left:unset;right:0}#about #section3 #services-box .service.row2{top:calc(33% + .66667rem)}#about #section3 #services-box .service.row3{top:calc(66% + 1.33333rem)}#about #section3 #services-box p{font-family:Syne,Arial,sans-serif;font-size:24px;font-weight:700;left:10%;position:absolute;top:10%;transition:all .5s ease;width:90%}#about #section3 #services-box p.title{opacity:1}#about #section3 #services-box p.title-copy{opacity:0;width:60%}#about #section3 #services-box p.title-copy:before{background-color:#fff;content:"";height:2px;left:0;position:absolute;top:calc(100% + 2rem);transform:translateY(-50%);width:52px}#about #section3 #services-box p.title-copy:after{background-color:#fff;content:"";height:9px;left:60px;position:absolute;top:calc(100% + 2rem);transform:rotate(45deg) translateY(calc(-50% - 2px));width:9px}#about #section3 #services-box .active.service{width:calc(50% - 1.33333rem)}#about #section3 #services-box .active p.title{opacity:0}#about #section3 #services-box .active p.title-copy{opacity:1;transition-delay:.5s}@media screen and (max-width:786px){#about #section3 .text-box{margin:3vh 0;position:unset}#about #section3 .text-box h2,#about #section3 .text-box p{position:unset;width:100%}#about #section3 .text-box h2,#about #section3 .text-box h2.fr{font-size:6vw}#about #section3 .text-box p,#about #section3 .text-box p.fr{font-size:4vw}#about #section3 #services-box{aspect-ratio:2/6;margin:0 0 18vw}#about #section3 #services-box .service{top:unset;width:calc(50% - 1.5vh)}#about #section3 #services-box .service.mobile-column1{left:0;right:unset}#about #section3 #services-box .service.mobile-column2{left:unset;right:0}#about #section3 #services-box .service.mobile-row1{top:0}#about #section3 #services-box .service.mobile-row2{top:calc(16.66% + 1.5vh)}#about #section3 #services-box .service.mobile-row3{top:calc(33.32% + 3vh)}#about #section3 #services-box .service.mobile-row4{top:calc(49.98% + 4.5vh)}#about #section3 #services-box .service.mobile-row5{top:calc(66.64% + 6vh)}#about #section3 #services-box .service.mobile-row6{top:calc(83.3% + 7.5vh)}#about #section3 #services-box p{font-size:5vw;left:8%;top:8%;width:70%}#about #section3 #services-box p.title-copy{font-size:5.8vw;width:70%}#about #section3 #services-box p.title-copy:before{height:1px;left:0;top:calc(100% + 3vh);transform:translateY(-50%);width:24px}#about #section3 #services-box p.title-copy:after{height:6px;left:30px;position:absolute;top:calc(100% + 3vh);transform:rotate(45deg) translateY(calc(-50% - 1px));width:6px}#about #section3 #services-box p.fr{font-size:4.4vw}#about #section3 #services-box .active.service{width:100%}#about #section3 .legal{margin-bottom:20vw}}#works.no-scroll{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}#works .desktop-25{width:25%!important}#works .desktop-50{width:50%!important}#works .desktop-75{width:75%!important}#works .all_assets{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}#works .fit-content{margin:auto;width:-moz-fit-content;width:fit-content}#works .pause-icon,#works .play-icon{background-image:url(/images/work/pause.png);background-size:cover;display:none;font-family:monospace;height:15px;padding:0;position:absolute;right:0;top:0;width:15px}#works .pause-icon:focus,#works .pause-icon:focus-within,#works .play-icon:focus,#works .play-icon:focus-within{border:none;border-radius:0}#works .pause-icon.active,#works .play-icon.active{display:flex}#works .play-icon{background-image:url(/images/work/play.png)}#works img{max-width:100%}#works .legal{font-size:80%}#works .overlay{height:100vh;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:-1}#works .overlay.show{background-color:#1a1a1a;opacity:1;z-index:10}#works #headline{height:42px;position:relative}#works #headline .headline-from,#works #headline .headline-to{background-color:#1a1a1a;transition:all .5s ease}#works #headline .headline-from.hide,#works #headline .headline-to.hide{opacity:0}#works #headline .headline-from{left:0;padding-right:10px;position:absolute}#works #headline .headline-to{padding-left:10px;position:absolute;right:0}#works #headline span{font-size:35px;white-space:nowrap}@media screen and (max-width:1400px){#works #headline span{font-size:2.5vw}}#works #headline .line{background-color:#fff;height:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .5s ease}@media screen and (max-width:786px){#works #headline{display:block;height:16vw}#works #headline span{background-color:#1a1a1a;font-size:4vw;line-height:2;position:relative}#works #headline .line1{top:4vw}#works #headline .line2{top:12vw}#works #headline .headline-from{padding-right:2vw}#works #headline .headline-to{padding-left:2vw;top:8vw;transform:translateY(0)}}#works #portfolio{display:flex;flex-wrap:wrap;justify-content:space-between}#works #portfolio .work{aspect-ratio:1/1;margin-bottom:2rem;position:relative;width:calc(33.33333% - 1.33333rem)}#works #portfolio .work:nth-of-type(3n+2){margin:0 2rem 2rem}#works #portfolio .work .modal-btn:hover .text-box{opacity:1}#works #portfolio .work .modal-btn:hover .work-img{opacity:0}#works #portfolio .work-img{opacity:1;transition:all .7s ease}#works #portfolio .text-box{aspect-ratio:1/1;left:0;opacity:0;padding:2rem;position:absolute;top:0;transition:all .7s ease;width:100%}#works #portfolio .text-box p{font-size:22px;font-weight:700;margin-top:2rem;position:relative;width:77%}#works #portfolio .text-box p:before{background-color:#fff;content:"";height:2px;left:0;position:absolute;top:calc(100% + 3rem);transform:translateY(-50%);width:calc(25% - 8px)}#works #portfolio .text-box p:after{background-color:#fff;content:"";height:9px;left:25%;position:absolute;top:calc(100% + 3rem);transform:rotate(45deg) translateY(calc(-50% - 2px));width:9px}#works #portfolio .text-box p.koodo,#works #portfolio .text-box p.turbotax{width:100%}#works #portfolio .text-box .logo{height:3rem}#works #portfolio .color-box{aspect-ratio:1/1;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}#works #portfolio .color-box.show{opacity:1;z-index:7}#works #portfolio .color-box.expand{height:200vw;opacity:1;top:-100vh;transform-origin:center;width:200vw;z-index:7}#works #portfolio .color-box.expand.color-box0,#works #portfolio .color-box.expand.color-box3,#works #portfolio .color-box.expand.color-box6,#works #portfolio .color-box.expand.color-box9{left:-30vw}#works #portfolio .color-box.expand.color-box1,#works #portfolio .color-box.expand.color-box10,#works #portfolio .color-box.expand.color-box4,#works #portfolio .color-box.expand.color-box7{left:50%;transform:translateX(-50%)}#works #portfolio .color-box.expand.color-box11,#works #portfolio .color-box.expand.color-box2,#works #portfolio .color-box.expand.color-box5,#works #portfolio .color-box.expand.color-box8{left:unset;right:-30vw}#works #portfolio .color-box.hide{height:0;opacity:0}@media screen and (max-width:786px){#works #portfolio{clear:both}#works #portfolio .work{margin-bottom:3vh;width:calc(50% - 1.5vh)}#works #portfolio .work:nth-of-type(3n+2){margin:0}#works #portfolio .text-box{padding:3vh 1.5vh 0}#works #portfolio .text-box p{font-size:3.7vw;margin-bottom:0;margin-top:3vw;width:100%}#works #portfolio .text-box p.long{font-size:3.5vw}#works #portfolio .text-box p:after,#works #portfolio .text-box p:before{height:0;width:0}#works #portfolio .text-box .logo{height:6vw}#works #portfolio .color-box.expand{height:200vh;top:-100vh;width:102vw}#works #portfolio .color-box.expand.color-box0,#works #portfolio .color-box.expand.color-box10,#works #portfolio .color-box.expand.color-box12,#works #portfolio .color-box.expand.color-box2,#works #portfolio .color-box.expand.color-box4,#works #portfolio .color-box.expand.color-box6,#works #portfolio .color-box.expand.color-box8{left:calc(-3vh - .5vw);transform:translateX(0)}#works #portfolio .color-box.expand.color-box1,#works #portfolio .color-box.expand.color-box11,#works #portfolio .color-box.expand.color-box13,#works #portfolio .color-box.expand.color-box3,#works #portfolio .color-box.expand.color-box5,#works #portfolio .color-box.expand.color-box7,#works #portfolio .color-box.expand.color-box9{left:unset;right:calc(-3vh - .5vw);transform:translateX(0)}}#works .work-modal{background-color:#1a1a1a;height:100vh;left:0;opacity:0;overflow-x:hidden;overflow-y:scroll;position:fixed;top:0;width:100vw;z-index:-1}#works .work-modal p{font-size:20px}#works .work-modal .legal{font-size:80%}#works .work-modal>*{display:none}#works .work-modal .container{left:50%;margin-top:calc(4.5vh + 4.5rem);position:absolute;transform:translateX(-50%);transition:all 1s ease}#works .work-modal.down{top:100vh;z-index:100}#works .work-modal.active{opacity:1;top:0;z-index:100}#works .work-modal.active>*{display:revert}#works .work-modal.active.up{top:-100vh}#works .work-modal.active.down{overflow:hidden}#works .work-modal .main-video-box{aspect-ratio:16/9}#works .work-modal .main_video{display:block;width:100%}#works .work-modal .main_video.hide{display:none}#works .work-modal .option_video{aspect-ratio:16/9}#works .work-modal .option_video.hide{display:none}#works .work-modal h3{font-size:35px}#works .work-modal .main_asset{width:100%}#works .work-modal iframe{aspect-ratio:16/9}#works .work-modal .title-box{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:2rem auto;width:85%}#works .work-modal .title-box h3{margin:1rem 0}#works .work-modal .title-box .logo{height:4.5vh;margin-right:2rem}#works .work-modal .copy{font-size:20px;line-height:1.5;margin:auto;width:85%}#works .work-modal .images-box{width:100%}#works .work-modal .image{margin-bottom:2rem;width:100%}#works .work-modal .image[src*=".gif"]{max-width:-moz-fit-content;max-width:fit-content}#works .work-modal .asset_video{margin-bottom:2rem}#works .work-modal .asset_video:last-of-type{margin-bottom:0}#works .work-modal .btn-box{align-items:center;display:flex;justify-content:center;margin:4rem 0}#works .work-modal .btn{border:1px solid #fff;border-left:none;border-radius:0;border-right:none;color:#fff;font-size:20px;padding:0;position:relative;transition:all .3s ease;white-space:nowrap}#works .work-modal .btn:first-of-type{border-left:1px solid #fff}#works .work-modal .btn:last-of-type{border-right:1px solid #fff}#works .work-modal .btn .btn-highlight{background-color:#fff;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}#works .work-modal .btn .btn-highlight-1{display:none}#works .work-modal .btn span{padding:1rem 2rem;width:100%}#works .work-modal .btn .active{color:#1a1a1a;display:inline-block;font-weight:700;opacity:0}#works .work-modal .btn .inactive{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}#works .work-modal .btn.active .active{opacity:1}#works .work-modal .btn.active .inactive{opacity:0}#works .work-modal .btn:focus{box-shadow:none;outline:none}#works .work-modal .more-box{align-items:flex-start;display:flex;justify-content:space-between;margin-top:2rem}#works .work-modal .more-box .more{width:calc(25% - 2rem)}#works .work-modal .more-box .line{display:block;height:5px}#works .work-modal .more-box .logo{height:3vh}#works .work-modal .more-box .main-img{margin:2rem 0}#works .work-modal .more-box p{font-weight:700;margin-top:2rem;width:80%}@media screen and (max-width:786px){#works .work-modal h3{font-size:5vw}#works .work-modal iframe{left:-6vw;position:relative;width:100vw}#works .work-modal .container{margin-top:calc(7vw + 3rem);width:100%}#works .work-modal .main_asset{width:100vw}#works .work-modal .main_asset .btn-box{margin-bottom:0;margin-top:3rem;width:calc(100% - 12vw)}#works .work-modal .main_asset .btn-box .btn{display:inline-block;font-size:3.5vw}#works .work-modal .main_video{left:-6vw;position:relative;width:100vw}#works .work-modal .title-box{align-items:flex-start;flex-direction:column;margin:0;width:100%}#works .work-modal .title-box h3{font-size:5.2vw;margin:3vh 0}#works .work-modal .copy{font-size:3.7vw;width:100%}#works .work-modal .asset_video,#works .work-modal .image{margin-bottom:3vh}#works .work-modal .asset_video{left:-3vh;max-width:100vw;position:relative;width:100vw}#works .work-modal .btn{font-size:3.8vw;line-height:1.3;white-space:unset;width:100%}#works .work-modal .btn span{padding:.5rem 1rem}#works .work-modal .more-box{margin:3vh 0}#works .work-modal .more-box .line{height:3px}#works .work-modal .more-box .more{width:calc(50% - 1.5vh)}#works .work-modal .more-box .more:nth-of-type(3),#works .work-modal .more-box .more:nth-of-type(4){display:none}#works .work-modal .more-box .main-img{margin:3vh 0}#works .work-modal .more-box .logo{height:4vh}#works .work-modal .more-box p{font-size:4vw;margin-top:1.5vh;width:90%}}#works .vueperslides{margin:17vh 0 15vh}#works .vueperslides__parallax-wrapper,#works .vueperslides__track{overflow:visible}#works .vueperslides__parallax-wrapper{transform:translateX(50%);width:50%}#works .vueperslide{background-repeat:no-repeat;background-size:100% auto;height:70%;left:50%;opacity:.3;top:50%;transform:translateY(-50%) translateX(-80%);transition:opacity .3s ease,height .3s ease;width:100%}#works .vueperslide--active{background-size:contain;height:120%;left:50%;opacity:1;top:50%;transform:translateY(-50%) translateX(-50%);width:150%;z-index:10}#works .vueperslide--active+.vueperslide{transform:translateY(-50%) translateX(-70%)}#works .vueperslides__arrow{color:#fff}#works .vueperslides__arrow svg{stroke-width:2px}@media screen and (max-width:786px){#works .desktop-25,#works .desktop-50,#works .desktop-75{width:100%!important}#works .vueperslides{margin:10vh 0}#works .vueperslide{transform:translateY(-50%) translateX(-100%)}#works .vueperslide--active{height:150%;transform:translateY(-50%) translateX(-50%);width:170%}#works .vueperslides__arrow{padding:0}#works .vueperslides__arrow svg{height:1.5rem;padding:0;width:1rem}#works .vueperslides__arrow--prev{left:0}#works .vueperslides__arrow--next{right:0}}#works #img2-2{max-height:720px;max-width:753px}#works .all_assets.work8{display:block}@media screen and (max-width:786px){#works .work-modal{height:100%}#works .work-modal .main_asset .walmart2{flex-wrap:wrap}#works .work-modal .main_asset .walmart2 .btn{display:inline-block;font-size:3.1vw;width:auto}#works .work-modal .main_asset .walmart2 .btn .active,#works .work-modal .main_asset .walmart2 .btn .inactive{padding:.5rem .6rem}#works .work-modal .main_asset .walmart2 .btn .btn-highlight{padding:0}#works .work-modal .main_asset .walmart2 .btn .btn-highlight-1{display:inline-block}#works .work-modal .main_asset .walmart2 .btn:nth-of-type(3){border-right:1px solid #fff}#works .work-modal .main_asset .walmart2 .btn:nth-of-type(4){border-left:1px solid #fff}#works .work-modal .main_asset .walmart2 .btn:nth-of-type(4),#works .work-modal .main_asset .walmart2 .btn:nth-of-type(5){margin-top:1.5vh}}#works .all_assets.work0-2{flex-wrap:nowrap}#works .all_assets.work0-2 .videos-box{width:calc(35% - 1rem)}#works .all_assets.work0-2 .images-box{width:calc(65% - 1rem)}@media screen and (max-width:786px){#works .all_assets.work0-2{flex-wrap:wrap}#works .all_assets.work0-2 .images-box,#works .all_assets.work0-2 .videos-box{width:100%}}#contact-page{height:300vh}#contact-page img{max-width:100%}#contact-page #section1{display:flex;flex-direction:column}#contact-page .section1-box{align-items:flex-end;height:500px;justify-content:space-between;margin-bottom:2rem}@media screen and (min-width:1600px){#contact-page .section1-box{height:75vh;max-height:700px}}@media screen and (max-height:800px){#contact-page .section1-box{width:130vh}}#contact-page .section1-box .person{position:relative;transition:all .3s ease;width:25%}#contact-page .section1-box .person:nth-of-type(2){margin:0 2rem}#contact-page .section1-box .img-box{position:relative;transition:all .3s ease;z-index:10}#contact-page .section1-box .pattern{bottom:0;left:0;position:absolute;transition:all 1s ease-in}#contact-page .section1-box .person-image{opacity:0;transition:all 1s ease-in}#contact-page .section1-box .text-box{left:100%;margin:0 2rem;opacity:0;position:absolute;top:0;transition:all .3s ease;width:70%;z-index:-1}#contact-page .section1-box .text-box:before{background-color:#fff;content:"";height:2px;left:0;position:absolute;top:calc(100% + 2rem);transform:translateY(-50%);width:52px}#contact-page .section1-box .text-box:after{background-color:#fff;content:"";height:9px;left:60px;position:absolute;top:calc(100% + 2rem);transform:rotate(45deg) translateY(calc(-50% - 2px));width:9px}#contact-page .section1-box .text-box .people-info{font-size:1.5vw}@media screen and (min-width:1600px){#contact-page .section1-box .text-box .people-info{font-size:24px}}#contact-page .section1-box .text-box .email{font-size:80%;text-decoration:underline;transition:all .3s ease}#contact-page .section1-box .text-box .email a{transition:all .3s ease}#contact-page .section1-box .text-box .email a:hover,#contact-page .section1-box .text-box .email:hover{color:#ff8c00}#contact-page .section1-box .text-box .email.email1 a:hover,#contact-page .section1-box .text-box .email.email1:hover{color:#00c84a}#contact-page .section1-box .text-box .email.email2 a:hover,#contact-page .section1-box .text-box .email.email2:hover{color:#9e65fa}#contact-page .section1-box .text-box .phone a{transition:all .3s ease}#contact-page .section1-box .text-box .phone a:hover,#contact-page .section1-box .text-box .phone:hover{color:#fb3f9d}#contact-page .section1-box .text-box .phone.phone1 a:hover,#contact-page .section1-box .text-box .phone.phone1:hover{color:#ffc000}#contact-page .section1-box .text-box .phone.phone2 a:hover,#contact-page .section1-box .text-box .phone.phone2:hover{color:#00c84a}#contact-page .section1-box .text-box.text-box2{left:0;text-align:right;transform:translateX(calc(-100% - 4rem))}#contact-page .section1-box .text-box.text-box2 .line-desktop{transform:rotate(180deg)}#contact-page .section1-box .text-box.text-box2:before{left:unset;right:0;transform:translateY(-50%)}#contact-page .section1-box .text-box.text-box2:after{left:unset;right:70px}#contact-page .section1-box .active.person{flex-grow:2}#contact-page .section1-box .active .pattern{opacity:0;z-index:-1}#contact-page .section1-box .active .person-image,#contact-page .section1-box .active .text-box{opacity:1;z-index:1}@media screen and (max-width:786px){#contact-page .section1-box{align-items:flex-start;flex-direction:column;height:calc(100vh - 7vw - 3rem);justify-content:flex-start;margin-bottom:0}#contact-page .section1-box .person{flex:0;flex-grow:0;margin-bottom:3vh}#contact-page .section1-box .person:nth-of-type(2){margin-bottom:3vh;margin-left:0;margin-right:0}#contact-page .section1-box .img-box{width:13vh}#contact-page .section1-box .text-box{left:0;margin:0;position:absolute!important;top:31vh;width:88vw}#contact-page .section1-box .text-box h2{font-size:6vw;margin-bottom:0;transform:none!important;width:100%!important}#contact-page .section1-box .text-box .email,#contact-page .section1-box .text-box .people-info{font-size:4vw;margin-bottom:1vw}#contact-page .section1-box .text-box.text-box2{left:0;text-align:left;transform:none}#contact-page .section1-box .text-box:before{height:1px;left:0;right:unset!important;top:calc(100% + 3vh);transform:translateY(-50%);width:24px}#contact-page .section1-box .text-box:after{height:6px;left:30px!important;position:absolute;right:unset!important;top:calc(100% + 3vh);transform:rotate(45deg) translateY(calc(-50% - 1px));width:6px}#contact-page .section1-box .active.person{flex-grow:unset}#contact-page .section1-box .active .img-box{margin-bottom:20vh;width:28vh}#contact-page .section1-box .active .text-box{height:auto}#contact-page .section1-box .active .text-box h2{margin-bottom:3vw}}#contact-page #visit{align-items:flex-end;display:flex;justify-content:space-between;padding-top:1rem}#contact-page #visit .address{font-size:24px}#contact-page #visit .legal{font-size:14px}@media screen and (max-width:786px){#contact-page #visit{bottom:unset;left:35vw;position:absolute;top:76vh;transform:none}#contact-page #visit h2{font-size:6vw;margin-bottom:4vw}#contact-page #visit .address{font-size:3.6vw;line-height:1.3;margin-bottom:0;padding:0;width:48vw}#contact-page #visit .left{transition:all .1s ease}#contact-page #visit .left.hide,#contact-page #visit .right{display:none}}#contact-form-section{background-image:url(/images/contact/Contact-Form-BG-1.png),url(/images/contact/Contact-Form-BG-2.png),url(/images/contact/Contact-Form-BG-3.png),url(/images/contact/Contact-Form-BG-4.png);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:50% 50%;transition:all .3s ease}#contact-form-section.active{opacity:1;z-index:10}#contact-form-section .diamond{background-color:#fff;height:100vh;left:50%;opacity:.7;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(2) rotate(45deg);transition:all .5s ease;width:100vh}#contact-form-section .diamond.active{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1) rotate(45deg);z-index:0}@media screen and (min-width:1600px){#contact-form-section .diamond{height:90vh;width:90vh}}#contact-form-section #contact-form{align-items:center;color:#1a1a1a;display:flex;flex-direction:column;height:100vh;justify-content:center;left:50%;max-width:600px;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);width:80%}#contact-form-section #contact-form h2{font-size:55px;margin-bottom:2rem;margin-top:5rem}#contact-form-section #contact-form .copy{font-size:20px;margin-bottom:3rem;width:85%}#contact-form-section #contact-form .error-box{text-align:left;width:100%}#contact-form-section #contact-form .error-title{font-size:80%;font-weight:700;margin-bottom:.5rem;text-align:left}#contact-form-section #contact-form .errorspan{color:#fa3d3e;left:2px;margin-bottom:1rem;position:absolute;top:0;transform:translateY(-50%)}#contact-form-section #contact-form .error{color:#fa3d3e;font-size:50%;margin-bottom:0}#contact-form-section #contact-form .input-box{align-items:center;border-bottom:2px solid #1a1a1a;display:flex;font-size:20px;margin-bottom:2rem;position:relative;text-align:left;transition:all .3s ease;width:100%}#contact-form-section #contact-form .input-box.name:focus-within{border-bottom:2px solid #fb3f9d}#contact-form-section #contact-form .input-box.email:focus-within{border-bottom:2px solid #00c84a}#contact-form-section #contact-form .input-box.message:focus-within{border-bottom:2px solid #00b0eb}#contact-form-section #contact-form label{margin-bottom:0;position:absolute;transition:all .3s ease;white-space:none;width:23%}#contact-form-section #contact-form label.up{font-size:11px;left:2px;transform:translateY(-100%)}#contact-form-section #contact-form input{background-color:transparent;border:2px solid transparent;border-bottom:none;padding:1rem 0 .3rem;width:100%}#contact-form-section #contact-form input:focus{outline:none}#contact-form-section #contact-form input:focus+label{font-size:11px;left:2px;transform:translateY(-100%)}#contact-form-section #contact-form .message:before{animation:flicker_line_black 1s infinite alternate-reverse;background-color:#1a1a1a;content:"";height:52px;left:50%;position:absolute;top:calc(100% + 3.5rem);transform:translateX(-50%);width:2px}#contact-form-section #contact-form .message:after{animation:flicker_diamond_black 1s infinite alternate-reverse;background-color:#1a1a1a;content:"";height:9px;left:50%;position:absolute;top:calc(100% + 3.5rem + 70px);transform:rotate(45deg) translateY(-50%) translateX(-100%);transform-origin:left;width:9px}#contact-form-section #contact-form .submit{font-size:24px;font-weight:900;letter-spacing:3px;margin-bottom:1rem;margin-top:6rem;padding-left:calc(.75rem + 3px);position:relative;text-transform:uppercase}#contact-form-section #contact-form .success-title{color:green;font-size:80%;margin-bottom:0}#contact-form-section #contact-form .legal{bottom:0;font-size:11px;position:absolute}#contact-form-section .jkfield{height:0;left:0;margin-top:0;opacity:0;top:0;width:0;z-index:-1}@media screen and (max-width:786px){#contact-form-section{background-image:url(/images/contact/Contact-Form-BG-mobile-1.png),url(/images/contact/Contact-Form-BG-mobile-2.png),url(/images/contact/Contact-Form-BG-mobile-3.png);background-position:0 0,0 100%,100% 100%;background-repeat:no-repeat,repeat-y,repeat-y;background-size:100% auto,50% auto,50% auto}#contact-form-section .diamond{height:68vh;top:21vh;transform:translateX(-50%) scale(1.5) rotate(45deg);width:68vh}#contact-form-section .diamond.active{transform:translateX(-50%) scale(1) rotate(45deg)}#contact-form-section #contact-form{height:auto;padding:0 2rem;top:60%;width:100%}#contact-form-section #contact-form h2{font-size:7vw;margin-bottom:4vw;margin-top:0}#contact-form-section #contact-form .copy{font-size:4vw;margin-bottom:10vw;width:90%}#contact-form-section #contact-form .input-box{font-size:3.7vw;margin-bottom:6vw}#contact-form-section #contact-form label{width:100%}#contact-form-section #contact-form input{padding:2vw 0 1vw}#contact-form-section #contact-form .message:before{animation:flicker_line_black_mobile 1s infinite alternate-reverse;height:29px;top:calc(100% + 3vh + 5px);width:1px}#contact-form-section #contact-form .message:after{animation:flicker_diamond_black_mobile 1s infinite alternate-reverse;height:6px;top:calc(100% + 3vh + 45px);width:6px}#contact-form-section #contact-form .submit{font-size:5vw;margin-top:7vw}#contact-form-section #contact-form .legal{bottom:-11vh;font-size:9px;line-height:1.5}}@media screen and (max-width:400px){#contact-form-section #contact-form .legal{margin-top:2vh;position:static}}.privacy{margin:5rem auto}.privacy h1{font-size:3.5rem}.privacy h2{font-size:1.7rem;margin-bottom:3rem}.privacy .h3,.privacy .title-h5,.privacy h3{font-size:1.5rem;margin-bottom:2rem;margin-top:3rem}.privacy p{font-size:1rem;margin-bottom:1rem;margin-top:1rem}.privacy ul{padding-left:1rem}.privacy li{font-size:1rem;margin-bottom:10px}.privacy a{transition:all .3s ease}.privacy a:hover{color:#fb3f9d}.privacy .table-of-contents a{text-decoration:underline}.privacy .table-of-contents a:hover{color:#fff}.privacy .half-table td,.privacy .half-table th{max-width:unset;min-width:unset}.privacy .question{font-weight:700;margin-top:2rem}.privacy strong{font-weight:700}.privacy .table-wrapper{border:1px solid #fff;overflow-x:auto}.privacy table{border-collapse:separate;border-spacing:10px;padding:1rem}.privacy table td,.privacy table th{max-width:270px;min-width:270px;vertical-align:top}@media screen and (max-width:786px){.privacy h1{font-size:2.5rem;margin-bottom:1rem}.privacy h2{font-size:1.4rem;margin-bottom:3rem}.privacy h3{margin-bottom:1.3rem;margin-top:2rem}.privacy p{font-size:16px}.privacy .half-table td,.privacy .half-table th{max-width:270px;min-width:270px}}.preview{font-family:Albert Sans,Arial,sans-serif}.preview audio:focus,.preview video:focus{outline:none!important}.preview div{font-family:Albert Sans,Arial,sans-serif;font-weight:400}.preview legend{font-family:Syne,Arial,sans-serif;font-weight:700}.preview #app{margin:30px 0}.preview .createNew{border:2px solid #fb3f9d;margin-bottom:4rem;margin-top:2rem;padding:3rem 1rem}.preview .left{border-right:1px solid gray}.preview .projects{margin-top:2rem}.preview .projects:first-of-type{margin-top:0}.preview a.download{color:#00b0eb;font-weight:700;transition:all .3s ease}.preview a.download:hover{color:#fff}.preview .list-group-item{background-color:transparent;border:none!important;font-size:14px;margin-top:.5rem;padding:.3rem .4rem;transition:all .3s ease}.preview .list-group-item.active-item,.preview .list-group-item:hover{background-color:#ff8c00;color:#1a1a1a;font-weight:700}.preview .projectItem{color:#fff;font-weight:700}.preview .alert-info{height:55px}.preview .card,.preview .card-body{background-color:transparent;border:none!important}.preview .underline_none:hover{text-decoration:none}.preview .list-group-item-action{color:#fff;font-size:1rem;transition:all .3s ease}.preview .list-group-item-action.active-item,.preview .list-group-item-action:hover{background-color:#ff8c00;color:#1a1a1a;font-weight:700}.preview .visionnaire-logo{width:130px}.preview .alert-dark{background-color:#fb3f9d;border:none;color:#1a1a1a}.preview .text-dark{transition:all .3s ease}.preview .text-dark,.preview .text-dark:hover{color:#fff!important}.preview .btn-secondary{transition:all .3s ease}.preview .active-button,.preview .btn-secondary:hover{background-color:#9e65fa;border-color:#9e65fa}.preview input[type=text]{width:500px}.preview .btn.bg-pink{transition:all .3s ease}.preview .btn.bg-pink:hover{background-color:#ff8c00}body{background-color:#1a1a1a;color:#fff;font-family:Albert Sans,Arial,sans-serif;font-weight:400;overflow-x:hidden}body.no-scroll{overflow:hidden}.h1,.h2,.h3,.h4,h1,h2,h3,h4{font-family:Syne,Arial,sans-serif;font-weight:700}.content{margin-top:calc(4.5vh + 4.5rem);position:relative;z-index:1}.syne{font-family:Syne,Arial,sans-serif}.albert{font-family:Albert Sans,Arial,sans-serif}section{height:100vh;left:0;max-width:100%;opacity:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-1}section.active{opacity:1;z-index:10}.section-box{display:flex;height:calc(91vh - 9rem);justify-content:space-around;margin-bottom:calc(4.5vh + 4.5rem);margin-top:calc(4.5vh + 6.5rem)}.section-box .text-box h2{font-size:2vw;line-height:1;margin-bottom:1rem}.section-box .text-box h2.fr{font-size:1.8vw}@media screen and (min-width:1600px){.section-box .text-box h2{font-size:35px}.section-box .text-box h2.fr{font-size:33px}}@media screen and (max-width:786px){.section-box{height:calc(100vh - 14vw - 6rem);margin-bottom:calc(7vw + 3rem);margin-top:calc(7vw + 3rem)}}p{font-size:1.3vw;line-height:1.2}@media screen and (min-width:1600px){p{font-size:24px;line-height:1.3}}@media screen and (max-width:786px){p{font-size:4.2vw}}[role=button]{cursor:pointer}.active.about-fact [role=button],.active.person [role=button]{cursor:auto}@media screen and (max-width:786px){.container,.container-lg,.container-md,.container-sm,.container-xl{padding-left:6vw;padding-right:6vw}.content{margin-top:calc(7vw + 3rem)}}@media screen and (min-width:1600px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1400px}}.bg-black{background-color:#1a1a1a}.bg-yellow{background-color:#ffc000}.bg-white{background-color:#fff}.bg-orange{background-color:#ff8c00}.bg-red{background-color:#fa3d3e}.bg-red-dark{background-color:#df2b36}.bg-pink{background-color:#fb3f9d}.bg-pink-dark{background-color:#bf2685}.bg-green{background-color:#00c84a}.bg-green-dark{background-color:#008829}.bg-blue{background-color:#00b0eb}.bg-blue-dark{background-color:#017fad}.bg-purple{background-color:#9e65fa}.bg-purple-dark{background-color:#7b53c9}a:focus,a:hover{text-decoration:none}@keyframes flicker{0%{bottom:18vh;opacity:0}50%{bottom:calc(18vh - 5px)}to{bottom:18vh;opacity:1}}@keyframes flicker_diamond_white_mobile{0%{opacity:0;top:calc(100% + 3vh + 45px)}50%{top:calc(100% + 3vh + 50px)}to{opacity:1;top:calc(100% + 3vh + 45px)}}@keyframes flicker_line_black{0%{opacity:0;top:calc(100% + 3.5rem)}50%{top:calc(100% + 3.5rem + 5px)}to{opacity:1;top:calc(100% + 3.5rem)}}@keyframes flicker_diamond_black{0%{opacity:0;top:calc(100% + 3.5rem + 70px)}50%{top:calc(100% + 3.5rem + 75px)}to{opacity:1;top:calc(100% + 3.5rem + 70px)}}@keyframes flicker_line_black_mobile{0%{opacity:0;top:calc(100% + 3vh + 5px)}50%{top:calc(100% + 3vh + 10px)}to{opacity:1;top:calc(100% + 3vh + 5px)}}@keyframes flicker_diamond_black_mobile{0%{opacity:0;top:calc(100% + 3vh + 45px)}50%{top:calc(100% + 3vh + 50px)}to{opacity:1;top:calc(100% + 3vh + 45px)}}