body{background:linear-gradient(90deg,#fff,#d9e9f4)}@keyframes fadeIn{0%{background-size:0 3px}to{background-size:100% 3px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideLeft{0%{transform:translateX(999%)}to{transform:translateX(0)}}@keyframes slideRight{0%{transform:translateX(-999%)}to{transform:translateX(0)}}@keyframes skeleton-loading{0%{background-color:var(--neutral100)}to{background-color:var(--neutral200)}}main{position:relative;section#hero{display:flex;min-height:100vh;background-color:#000;position:relative;video{width:100%;height:100%;object-fit:cover}#cta,video{position:absolute}#cta{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;top:0;bottom:0;margin-left:128px;animation:slideUp 1s ease-in-out forwards;color:var(--white);h1{font-size:64px}a{font-size:20px;border:3px solid var(--white);padding:4px 28px;margin-top:12px;transition:.25s;animation:slideRight 1.2s ease-out forwards;&:hover{background-color:var(--white);color:var(--primary)}}}}section#brand-position{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px;min-height:70vh;overflow-x:hidden;background-image:url(/brand-position-background.svg);background-size:100%;background-position:50%;background-repeat:no-repeat;.animated{animation:slideRight 1s forwards}h2,p{width:80%;max-width:1400px;font-size:28px;transform:translateX(-999%)}h2{color:var(--primary);font-weight:500;font-size:36px}}section#main-services{display:flex;flex-direction:column;padding:0 10% 15vh;background:linear-gradient(90deg,#f0f2f3,#cddee9);.section{display:flex;gap:40px;min-height:100vh;max-width:1400px;margin:0 auto;font-size:20px;contain:paint;padding-top:15vh;aside{min-width:370px;position:relative;transform:translateX(-999%);&.animated{animation:slideRight 1s forwards}.scroll-bar{position:-webkit-sticky;position:sticky;top:30vh;display:flex;gap:20px;width:372px;h2{color:var(--primary);font-size:24px;font-weight:500;position:absolute;top:-72px;contain:none;&.pending-animation{transform:translateX(-999%)}&.animated{animation:slideRight 1s forwards}}.bar{background-color:var(--neutral400);width:3px;height:320px;display:flex;justify-content:center;span{display:block;transition:.4s;background:var(--primary);height:80px;width:100%}}.steps{display:flex;flex-direction:column;justify-content:center;gap:50px;a{transition:.25s;&:hover{color:var(--neutral700)}&.active{color:var(--primary)}}}}}.content{display:flex;flex-direction:column;align-items:center;gap:128px;transform:translateX(999%);&.animated{animation:slideLeft 1s forwards}.step{display:flex;align-items:center;gap:20px;&.reverse{flex-direction:row-reverse}img{width:200px;height:200px;object-fit:contain}h2{font-size:24px;color:var(--primary);font-weight:500;margin-bottom:24px}.columns{display:flex;flex-direction:column;gap:20px;font-size:18px}}}}}section#our-numbers{margin:15vh 0;padding:0 10%;overflow-x:hidden;.numbers{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;.box{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;transform:translateX(-999%);&.animated{animation:slideRight 1s forwards}img{width:100px;height:100px;object-fit:contain}h2{color:var(--primary);font-size:28px;font-weight:500}h3{color:var(--neutral500);font-size:24px}}}}section#depositions{display:flex;flex-direction:column;gap:48px;margin:15vh 0;h2{color:var(--primary);font-weight:500;padding:0 10%;transform:translateX(-999%);&.animated{animation:slideRight 1s forwards}}#carrousel{padding:15vh 10%;width:100%;background:linear-gradient(90deg,#f0f2f3,#cddee9);.item{display:flex;gap:100px;max-width:1400px;margin:0 auto;position:relative;transform:translateX(-999%);&.animated{animation:slideRight 1s forwards}img{width:300px;height:300px;z-index:999}.background{left:100px;top:-50px;width:125px;height:400px;transform:matrix(1,0,-.12,1,0,0)}.background,.line{position:absolute;background:var(--primary) 0 0 no-repeat padding-box}.line{left:200px;top:20px;width:300px;height:2px}.info{display:flex;justify-content:flex-end;flex-direction:column;gap:40px;margin-top:128px;color:var(--neutral600);p{position:relative;text-align:justify;.quote-left{top:-64px;left:-64px;background-image:url(/icon/quote-left-solid.svg)}.quote-left,.quote-right{position:absolute;background-repeat:no-repeat;background-size:cover;width:48px;height:48px}.quote-right{right:-64px;bottom:-64px;background-image:url(/icon/quote-right-solid.svg)}}}}}}section#how-we-do{display:flex;flex-direction:column;gap:88px;padding:0 10%;margin:15vh 0;h2{color:var(--primary);font-weight:500;.animated{background-size:0;background-position:left 90%;background-repeat:no-repeat;background-image:linear-gradient(to right,var(--neutral400) 0,var(--neutral400) 100%);transition:background-size .9s cubic-bezier(.15,.75,.4,1),opacity .25s ease;animation:fadeIn 1s forwards;&+.animated{animation-delay:1s}}}.content{display:flex;gap:40px;max-width:1400px;margin:0 auto;img{min-width:350px;min-height:150px}.text{display:flex;flex-direction:column;justify-content:center;gap:20px}}.reverse{flex-direction:row-reverse}}section#our-content{display:flex;justify-content:flex-end;flex-direction:column;gap:48px;padding:15vh 0;background:linear-gradient(90deg,#f0f2f3,#cddee9);position:relative;h2{&.title{color:var(--primary);font-weight:500;padding:0 10%;transform:translateX(-999%)}&.animated{animation:slideRight 1s forwards}}#video-controls{width:100%;min-height:270px;position:absolute;.arrow-left,.arrow-right{position:absolute;top:60px;transform:translateY(-50%);background-color:var(--neutral100);border:1px solid var(--neutral300);box-shadow:0 0 4px var(--neutral500);width:48px;height:48px;color:var(--neutral500);z-index:999;&:hover{background-color:var(--neutral300);filter:none}}.arrow-left{left:20px}.arrow-right{right:20px}}#videos{display:flex;justify-content:flex-start;align-items:flex-start;gap:40px;padding:0 40px;overflow-x:scroll;scroll-behavior:smooth;transform:translateX(-999%);&::-webkit-scrollbar{display:none}&.animated{animation:slideRight 1s forwards}.video{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;transition:filter .25s;&:hover{filter:brightness(120%);h2{color:var(--primary)}}&.skeleton{animation:skeleton-loading .5s linear infinite alternate}.youtube-play{width:96px;height:96px;position:absolute;top:135px;transform:translateY(-50%);background-image:url(/icon/youtube-black.svg);background-size:96px;background-repeat:no-repeat;background-position:50%;opacity:.7;&:hover{opacity:1}}img{width:480px;height:270px}h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:20px;font-weight:500;color:var(--neutral900);transition:color .25s;width:100%}}}}section#contact{display:flex;justify-content:center;justify-content:space-around;align-items:center;background-color:var(--primary);color:var(--neutral100);width:100%;padding:60px 40px;h1{font-weight:500;font-size:28px}.link-button{background-color:var(--neutral100);color:var(--neutral900);width:200px;height:48px;transition:.25s;&:hover{background-color:var(--neutral300)}}}}@media only screen and (max-width:1100px){.animated,.pending-animation{transform:none!important;animation:none!important}main{section#hero{min-height:75vh;align-items:center;justify-content:center;#cta{align-items:center;width:90%;margin:0;animation:none;h1{font-size:28px;text-align:center}a{font-size:16px;padding:4px 20px;animation:none}}}section#brand-position{padding:40px 0;min-height:unset;background-image:url(/circle-scatter-mobile.svg);h2,p{width:90%}h2{font-size:20px}p{font-size:16px}}section#main-services{padding:40px 5%;h2{margin-bottom:40px}.section{padding:0;aside{display:none}.content{gap:40px;.step{flex-direction:column!important;align-items:unset;position:relative;&.reverse{img{margin-left:auto}h2{left:unset;right:120px;text-align:left}}img{width:100px;height:100px}h2{margin-bottom:0;font-size:20px;position:absolute;text-align:right;top:0;left:120px}.columns{display:flex;flex-direction:column;p{font-size:16px}}}}}}section#our-numbers{margin:40px 0;.numbers{flex-direction:column;gap:40px;.box{img{width:64px;height:64px}h2{font-size:24px}h3{font-size:20px}}}}section#depositions{margin:40px 0;gap:20px;h2{padding:0 5%}#carrousel{padding:64px 5%;.item{flex-direction:column;align-items:center;gap:40px;img{width:200px;height:200px}.background{width:75px;height:300px;left:unset}.line{display:none}.info{margin-top:96px;p{.quote-left{left:0}.quote-right{right:0}}}}}}section#how-we-do{gap:40px;margin:40px 0;padding:0 5%;.content{flex-direction:column;img{min-width:unset;min-height:unset;width:100%;height:200px}}}section#our-content{padding:40px 0;gap:20px;h2{&.title{padding:0 5%}}#video-controls{display:none}#videos{gap:20px;padding:0 5%;.video{gap:10px;.youtube-play{top:67.5px;width:64px;height:64px;background-size:64px}img{width:240px;height:135px}h2{font-size:16px}}}}section#contact{flex-direction:column;gap:20px;padding:20px;text-align:center;h1{font-size:24px}}}}