*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}canvas{outline:none}.ball canvas{height:100%!important;object-fit:cover;position:relative;right:-40px;width:100%!important}.hero-section-container{background:#fff;height:100vh;margin:auto;max-height:888px;max-width:1440px;min-height:600px;padding:120px 32px 0;position:relative;width:100%}.hero-wrapper{align-items:center;display:flex;height:100%;justify-content:space-between}.hero-left{align-items:flex-start;-webkit-animation:fadein 2s .5s forwards;-moz-animation:fadein 2s .5s forwards;-ms-animation:fadein 2s .5s forwards;-o-animation:fadein 2s .5s forwards;animation:fadein 2s .5s forwards;display:flex;flex:1;flex-direction:column;justify-content:center;max-width:500px;opacity:0}.hero-left h1{font-size:44px;font-weight:600;letter-spacing:.02em;line-height:52px;text-transform:capitalize}.hero-left h2{font-size:18px;font-weight:450;letter-spacing:.03em;line-height:22px;margin:20px 0 28px}.hero-left a{background:#fff;border:1px solid #000;border-radius:8px;color:inherit;font-size:16px;font-weight:600;letter-spacing:.03em;line-height:19px;max-width:408px;padding:16px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.hero-left a:hover{box-shadow:-8px 8px #000}.hero-right{-webkit-animation:fadein 2s 2s forwards;-moz-animation:fadein 2s 2s forwards;-ms-animation:fadein 2s 2s forwards;-o-animation:fadein 2s 2s forwards;animation:fadein 2s 2s forwards;height:45vw;max-height:700px;max-width:700px;opacity:0;width:45vw}.hero-right,.hero-right .wrapper{align-items:center;display:flex;flex:1;justify-content:center}.hero-right .wrapper{height:100%;max-height:calc(100vh - 200px);max-width:calc(100vh - 200px);position:relative;width:100%}.hero-right .ball{border-radius:50%;height:100%;max-height:700px;max-width:700px;width:100%}.explore-mouse{align-items:center;-webkit-animation:fadein 2s 2s forwards;-moz-animation:fadein 2s 2s forwards;-ms-animation:fadein 2s 2s forwards;-o-animation:fadein 2s 2s forwards;animation:fadein 2s 2s forwards;bottom:35px;color:inherit;display:flex;flex-direction:column;justify-content:center;left:0;margin:auto;opacity:0;position:absolute;right:0;text-decoration:none;width:fit-content}.explore-mouse span{font-size:18px;font-weight:500;letter-spacing:.02em;line-height:29px;margin-bottom:8px}.explore-mouse .mouse{-webkit-backface-visibility:hidden;border:1px solid #000;border-radius:26px;height:35px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-70%);transform:translate(-50%,-80%);width:22px}.explore-mouse .mouse:before{content:"Explore";position:absolute;top:-25px;transform:translateX(-28%)}.explore-mouse .mouse:after{-webkit-animation:scroll 2.5s cubic-bezier(.68,-.55,.265,1.55) infinite;animation:scroll 2.5s cubic-bezier(.68,-.55,.265,1.55) infinite;background-color:#000;border-radius:100%;content:"";height:3px;left:50%;margin-left:-2px;opacity:1;position:absolute;top:7px;-webkit-transform:translateY(0) scaleY(1) scaleX(1) translateZ(0);transform:translateY(0) scaleY(1) scaleX(1) translateZ(0);width:3px}.explore-mouse .mouse-arrow{-webkit-animation:chevron 2.5s 3.5s infinite;animation:chevron 2.5s 3.5s infinite;border-bottom:1px solid #000;border-radius:1px;border-right:1px solid #000;height:11px;left:-5px;opacity:0;position:absolute;top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:11px}@media screen and (max-width:1150px){.ball canvas{position:relative;right:0}}@media screen and (max-width:950px){.ball canvas{object-fit:contain}.hero-section-container{height:auto;margin:auto;max-height:unset;max-width:700px;min-height:auto;padding:60px 16px 38px}.hero-wrapper{flex-direction:column-reverse}.hero-left{align-items:center;margin-top:0;max-width:490px;padding-left:0;text-align:center}.hero-left h1{font-size:46px;letter-spacing:.03em;line-height:55px}.hero-left h2{font-size:16px;letter-spacing:.03em;line-height:19px}.hero-right{flex:0;height:auto;width:auto}.hero-right .wrapper{display:block;height:400px;max-height:400px;max-width:600px;width:100vw}.hero-right .ball{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.explore-mouse{display:none}}@media screen and (max-width:600px){.hero-left h1{font-size:24px;line-height:29px;max-width:288px}}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-moz-keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-ms-keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes scroll{0%,20%{-webkit-transform:translateY(0) scaleY(1) scaleX(1) translateZ(0);transform:translateY(0) scaleY(1) scaleX(1) translateZ(0)}10%{opacity:1;-webkit-transform:translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0);transform:translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0)}to{opacity:.01;-webkit-transform:translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0);transform:translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0)}}@keyframes scroll{0%,20%{-webkit-transform:translateY(0) scaleY(1) scaleX(1) translateZ(0);transform:translateY(0) scaleY(1) scaleX(1) translateZ(0)}10%{opacity:1;-webkit-transform:translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0);transform:translateY(0) scaleY(1.2) scaleX(1.2) translateZ(0)}to{opacity:.01;-webkit-transform:translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0);transform:translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0)}}@-webkit-keyframes chevron{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes chevron{0%{opacity:0}50%{opacity:1}to{opacity:0}}