.arrow{position:absolute;width:30vh;height:30vh;left:50%;transform:translateX(-50%);bottom:0;cursor:pointer;transition:1s;opacity:0;z-index:2;will-change:bottom}.arrow-active{bottom:-50px;opacity:1}@media (max-width:1024px){.arrow{width:188px;height:188px}.arrow-active{bottom:-24px}}@media (max-width:756px){.arrow{display:none}}.home{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;position:absolute;z-index:4;transition:.8s;transform:translateY(0);justify-content:center;gap:4vh}.home-one{transform:translateY(-10%);pointer-events:none}.home__picture{width:100vw;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;transition:.8s;background-color:#0d0d0d;display:flex;align-items:center;justify-content:center}.home__picture-one{height:10vh}.home-description{z-index:1;transition:.5s;opacity:0;text-align:center;font-size:18px;white-space:pre-line;width:700px;font-weight:100;line-height:150%;letter-spacing:.02em}.home-description-active{opacity:1}.home-gradient-text{font-size:120px;color:transparent;z-index:1;opacity:0;background:linear-gradient(90deg,#000 25%,#a4caf2 50%,#000 75%);-webkit-background-clip:text;background-clip:text;background-position:50% 0;background-size:250%;margin-top:40px}.home-gradient-text-active{animation:opacity .7s linear forwards}@media (max-width:1600px){.home-gradient-text{font-size:80px;margin-top:0}.home-description{font-size:14px;width:600px}.home__picture-wrapper{width:80%}}@media (max-width:1024px){.home-description{width:460px}}@media (max-width:756px){.home-gradient-text{font-size:48px}.home-description{width:70%;font-weight:300}}.portfolio{width:100%;height:100%;position:absolute;transform:translateY(50%);transition:.8s;z-index:2;display:flex;align-items:center;flex-direction:column}.portfolio-one{transform:translateY(0)}.portfolio-two{transform:translateY(-10%);pointer-events:none}.portfolio__picture{width:100vw;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;transition:.8s;background-color:#0d0d0d}.portfolio__picture-two{height:10vh}.portfolio-black{height:100vh;width:100vw;z-index:1;transition:.5s}.portfolio-black-active__case{background-color:#0d0d0d}.portfolio-title{animation:opacity .5s linear forwards;margin-top:70px;font-size:var(--OversizedFont);color:transparent;opacity:0;background:linear-gradient(90deg,#000 25%,#a4caf2 50%,#000 75%);-webkit-background-clip:text;background-clip:text;background-position:50% 0;background-size:45%;font-weight:300;text-align:center}.portfolio-photo{position:absolute;top:35%;left:-20vw;width:18vw;height:15vw;transition:.7s;cursor:pointer}.portfolio-photo__img{border-radius:12px}.portfolio-photo-startOne{left:11vw}.portfolio-photo-startTwo{left:31vw}.portfolio-photo-startThree{left:51vw}.portfolio-button{position:absolute;top:35%;left:-20vw;width:18vw;height:15vw;transition:.7s;cursor:pointer;border:.5px solid #e9e9e992;border-radius:12px;background-color:#0d0d0d66!important;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);display:flex;align-items:flex-end;font-size:var(--StandardFont);padding:26px 40px}.portfolio-button>div{display:flex;gap:24px}.portfolio-button__arrow{width:20px;height:20px}.portfolio-button-active{left:71vw}.portfolio-photo__title{font-size:var(--LargeFont);margin-top:24px;text-align:left;margin-left:10px}@media (max-width:1600px){.portfolio-title{margin-top:50px;font-size:var(--BigFont)}.portfolio-button,.portfolio-photo{top:39%;border-radius:8px;left:-20vw;width:16vw;height:13vw}.portfolio-button{padding:16px 24px;font-size:var(--SmallFont)}.portfolio-button>div{gap:15px}.portfolio-button-active{left:69vw}.portfolio-photo-startOne{left:15vw}.portfolio-photo-startTwo{left:33vw}.portfolio-photo-startThree{left:51vw}.portfolio-photo__title{font-size:var(--SmallFont);margin-top:16px;margin-left:6px}.portfolio-button__arrow{width:12px;height:12px}}@media (max-width:1024px){.portfolio-photo{top:100%;width:28vw;height:23vw}.portfolio-photo-one{left:20vw}.portfolio-photo-two{right:20vw;left:auto}.portfolio-photo-three{left:20vw}.portfolio-button{top:100%;right:20vw;left:auto;width:28vw;height:23vw}.portfolio-photo-startOne{top:28%}@keyframes portfolio-photo-startTwo{0%{top:100%}to{top:28%}}@keyframes portfolio-photo-startThree{0%{top:100%}to{top:50%}}.portfolio-photo-startTwo{animation:portfolio-photo-startTwo .7s forwards;animation-delay:.1s}.portfolio-photo-startThree{animation:portfolio-photo-startThree .7s forwards;animation-delay:.2s}.portfolio-button-active{animation:portfolio-photo-startThree .7s forwards;animation-delay:.3s}}@media (max-width:756px){.portfolio-title{display:none}.portfolio-photo{width:41vw;height:33vw}.portfolio-photo-one,.portfolio-photo-three{left:8vw}.portfolio-photo-two{right:8vw}.portfolio-photo__img{border-radius:8px}.portfolio-photo-startOne{top:22%}@keyframes portfolio-photo-startTwo{0%{top:100%}to{top:22%}}@keyframes portfolio-photo-startThree{0%{top:100%}to{top:48%}}.portfolio-button{right:8vw;width:41vw;height:33vw;padding:32px 16px}.portfolio-photo__title{font-size:var(--SmallFont);margin-top:8px}.portfolio-button>div{font-size:12px}}:root{--color1:29,44,73;--color2:33,60,110;--color3:108,145,211;--color4:29,44,73;--color5:85,110,160;--color-interactive:45,83,150;--circle-size:150%;--blending:multiply}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}@keyframes moveDiagonal{0%{transform:translate(-50%,-50%)}50%{transform:translate(50%,50%)}to{transform:translate(-50%,-50%)}}@keyframes moveSquare{0%{transform:translate(0)}25%{transform:translate(50%)}50%{transform:translate(50%,50%)}75%{transform:translateY(50%)}to{transform:translate(0)}}@keyframes moveArc{0%{transform:translate(-50%) rotate(0deg)}50%{transform:translateY(-50%) rotate(180deg)}to{transform:translate(50%) rotate(1turn)}}@keyframes moveZigZag{0%{transform:translate(-50%,-50%)}25%{transform:translateY(50%)}50%{transform:translate(50%,-50%)}75%{transform:translateY(50%)}to{transform:translate(-50%,-50%)}}@keyframes moveSpiral{0%{transform:translate(-30%,-30%) rotate(0deg)}33%{transform:translate(30%,-30%) rotate(120deg)}66%{transform:translate(30%,30%) rotate(240deg)}to{transform:translate(-30%,-30%) rotate(1turn)}}@keyframes moveInfinite{0%{transform:translate(-50%)}25%{transform:translateY(-50%)}50%{transform:translate(50%)}75%{transform:translateY(50%)}to{transform:translate(-50%)}}.animate-bg{width:100%;height:100%;position:absolute;overflow:hidden;z-index:-1;top:0}svg{display:none}.animate-container{filter:url(#goo) blur(40px);width:100%;height:100%}.animate-g1{background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;transform-origin:center center;animation:moveVertical 10s ease infinite}.animate-g1,.animate-g2{position:absolute;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);opacity:1}.animate-g2{background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px);animation:moveInCircle 6s infinite reverse}.animate-g3{background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 15s linear infinite}.animate-g3,.animate-g4{position:absolute;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);opacity:1}.animate-g4{background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 20s ease infinite}.animate-g5{position:absolute;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 10s ease infinite;opacity:1}.animate-g6{background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;transform-origin:center center;animation:moveInfinite 10s ease infinite}.animate-g6,.animate-g7{position:absolute;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);opacity:1}.animate-g7{background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px);animation:moveSpiral 6s infinite reverse}.animate-g8{background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveZigZag 15s linear infinite}.animate-g8,.animate-g9{position:absolute;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);opacity:1}.animate-g9{background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveArc20s ease infinite}.animate-g10{position:absolute;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 10s ease infinite reverse;opacity:1}.animate-g11{background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;transform-origin:center center;animation:moveVertical 10s ease infinite reverse}.animate-g11,.animate-g12{position:absolute;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);opacity:1}.animate-g12{background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px);animation:moveInCircle reverse 6s infinite reverse}.animate-g13{background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 15s linear infinite reverse}.animate-g13,.animate-g14{position:absolute;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);opacity:1}.animate-g14{background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 20s ease infinite reverse}.animate-g15{position:absolute;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 10s ease infinite reverse;opacity:1}.workflow{width:100%;transform:translateY(50%);transition:.7s;z-index:1}.workflow,.workflow__picture{height:100%;position:absolute}.workflow__picture{width:100vw;top:0;left:0;right:0;bottom:0;transition:.8s;background-color:#0d0d0d;display:flex;justify-content:center}.workflow__picture-two{height:10vh}.workflow-two{transform:translateY(0)}.workflow-three{transform:translateY(-10%);pointer-events:none}.workflow__item-left{position:absolute;left:19vw;z-index:2;opacity:0;width:16vw;height:19vw;animation:workflow__item .7s linear forwards}@keyframes workflow__item{0%{top:26%;opacity:0}to{top:23%;opacity:1}}.workflow__item-center{position:absolute;z-index:2;width:26vw;height:27vw;opacity:0;left:50%;cursor:pointer;transform:translateX(-50%);animation:workflow__item-center .7s linear forwards;display:flex;align-items:flex-end;justify-content:center;align-items:center}.workflow__item-center>img{position:absolute;z-index:-1}@keyframes workflow__item-center{0%{top:16%;opacity:0}to{top:8%;opacity:1}}.workflow__item-right{position:absolute;right:19vw;opacity:0;z-index:2;width:16vw;height:19vw;animation:workflow__item .7s linear forwards}.workflow__title{font-size:var(--OversizedFont)}.workflow__description{width:40%;position:absolute;font-size:18px;line-height:150%;z-index:2;opacity:0;animation:opacity .5s linear forwards;animation-delay:.3s;top:63%;transform:translateX(-50%);left:50%;text-align:center}.workflow__item-center-title{display:flex;flex-direction:column;align-items:center;gap:72px;font-size:18px;line-height:150%;text-align:center;width:80%}.workflow__item-center-title__button{font-size:24px;display:flex;gap:20px;color:#e9e9e9}.workflow__item-center-title__arrow{width:16px;height:16px}@media (max-width:1600px){.workflow__item-center-title{gap:62px;font-size:var(--TinyFont)}.workflow__item-center-title__button{font-size:var(--MediumFont);gap:14px}.workflow__item-center-title__arrow{width:12px;height:12px}.workflow__title{font-size:var(--BigFont)}.workflow__description{font-size:14px;line-height:18px}}@media (max-width:1024px){.workflow__description{width:70%;top:70%}.workflow__item-left{left:8vw;width:21vw;height:25vw}.workflow__item-right{right:8vw;width:21vw;height:25vw}.workflow__item-center{width:38vw;height:40vw;align-items:center}@keyframes workflow__item{0%{top:42%;opacity:0}to{top:37%;opacity:1}}@keyframes workflow__item-center{0%{top:40%;opacity:0}to{top:26.5%;opacity:1}}}@media (max-width:756px){.workflow__item-left{left:-16vw;width:21vw;height:55vw}.workflow__item-center{width:80vw;height:74vw}.workflow__item-right{right:-16vw;width:21vw;height:55vw}@keyframes workflow__item{0%{top:42%;opacity:0}to{top:30.5%;opacity:1}}@keyframes workflow__item-center{0%{top:40%;opacity:0}to{top:20%;opacity:1}}.workflow__title{font-size:24px;position:static}.workflow__item-center-title{gap:48px}.workflow__item-center>img{opacity:.8}}