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