:root{--primary: hsl(var(--primary-hue), 100%, 50%);--primary-medium: hsl(var(--primary-hue), 100%, 40%);--primary-light: hsl(var(--primary-hue), 100%, 75%);--primary-dark: hsl(var(--primary-hue), 100%, 25%);--primary-darker: hsl(var(--primary-hue), 100%, 8%);--primary-light-opacity: hsla(var(--primary-hue), 100%, 75%, .6);--primary-dark-opacity: hsla(var(--primary-hue), 100%, 25%, .6);--primary-darker-opacity: hsla(var(--primary-hue), 100%, 8%, .6)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{scrollbar-color:#000 #222;scrollbar-width:thin}body{font-family:Lato,Arial,Helvetica,sans-serif;overflow-y:scroll;background:#111;line-height:1.3;color:#fff}a{text-decoration:none;display:inline-block;color:#99f;cursor:pointer}a:hover{color:#9f9}.container{max-width:1000px;width:100%;margin:auto}@media screen and (max-width: 1000px){.container{padding-left:20px;padding-right:20px}}.nav-container{max-width:1300px;width:100%;margin:auto}@media screen and (max-width: 1500px){.nav-container{max-width:1000px}}@media screen and (max-width: 1000px){.nav-container{padding-left:20px;padding-right:20px}}.grey{color:#aaa}.center{text-align:center}h2{font-size:calc(18px + 1.3vw + 1.3vh);margin-top:0;margin-bottom:26px}p{font-size:calc(12px + .4vw + .4vh);line-height:1.4;letter-spacing:1px}.mt-10{margin-top:10px}.mt-25{margin-top:25px}.mt-50{margin-top:50px}.mt-100{margin-top:100px}.mb-10{margin-bottom:10px}.mb-25{margin-bottom:25px}.mb-50{margin-bottom:50px}.mb-100{margin-bottom:100px}.navbar{position:relative;z-index:20;border-bottom:3px solid var(--primary-dark);background:#000}.navbar .nav-container{display:flex;justify-content:space-between;align-items:center}.navbar .navbar-title{font-size:36px;font-weight:500;color:var(--primary);transition:color .6s ease}@media screen and (max-width: 600px){.navbar .navbar-title{font-size:32px}}.navbar .navbar-end{display:flex}.navbar .navbar-end .navbar-item{color:#ccc;font-size:22px;height:70px;margin-left:20px;display:flex;align-items:center;padding:0 10px;margin-bottom:2px;border:3px solid rgba(255,255,255,0);transition:color .6s ease,border-bottom-color .6s ease}.navbar .navbar-end .navbar-item:hover{border-bottom:3px solid white}.navbar .navbar-end .navbar-item.active{border-bottom:3px solid var(--primary);color:var(--primary)}.navbar .burger{display:none}.navbar .burger svg{display:block}@media screen and (max-width: 1000px){.navbar{height:75px;display:flex;justify-content:center}.navbar .burger{display:block}.navbar .navbar-end{display:none;position:absolute;top:74px;right:0;background:#000;width:200px;padding:10px;border:2px solid var(--primary)}.navbar .navbar-end .navbar-item{margin-left:0;width:140px}.navbar .is-open.navbar-end{display:block}}.page{display:inline-block;width:100%}#kaleido_1{background:var(--primary-dark);transition:background-color 1s ease;opacity:0%}#kaleido_1.fadein{animation:fadein both 1s}#kaleido_1>div{filter:brightness(120%) contrast(100%);mix-blend-mode:hard-light}@keyframes fadein{0%{opacity:0%}to{opacity:100%}}.kaleido-section{position:absolute;width:100%;height:calc(100vh - 76px);display:flex;justify-content:center;align-items:center}.top-section{width:100%;height:calc(100vh - 76px);display:flex;justify-content:center;align-items:center;position:relative;z-index:2;box-shadow:0 5px 20px #000}.highlight-window{box-sizing:border-box;width:50%;color:#fff;padding:20px 50px;margin:10px;border-radius:20px;border:1px solid var(--primary-dark);background:var(--primary-darker-opacity);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 10px 0 var(--primary-dark),0 0 30px 0 var(--primary-light-opacity) inset;transition:backdrop-filter 1s}.highlight-window:hover{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.highlight-window.large{width:70%;max-width:1010px}@media screen and (max-width: 1200px){.highlight-window{width:70%!important}}@media screen and (max-width: 1000px){.highlight-window{width:100%!important}}@media screen and (max-width: 500px){.highlight-window{padding:20px}.highlight-window h2{margin-bottom:20px}}@media screen and (max-width: 400px){.highlight-window{padding:10px;margin:6px}}.first-section{margin-top:100vh}.more-arrow,.bounce-message{position:absolute;bottom:-70px;transform:translate(-50%);left:50%;width:100%;text-align:center;z-index:2}.more-arrow h1,.bounce-message h1{text-shadow:-2px -2px 4px black,2px 2px 4px black}.footer-section{background:#000;padding:40px 0;text-align:center;color:var(--primary)}.main-page{--eyeHeight: 110px;--eyeHolderleft: calc(50% - var(--eyeHeight) / 2);--eyeHolderTop: calc(var(--eyeHeight) / 2 * -1);--eyeBorderSize: 2px}@media screen and (max-width: 500px){.main-page .top-section{align-items:start}.main-page .top-section .highlight-window{margin-top:80px}}.main-page .highlight-window{padding-top:70px!important}@media screen and (max-width: 600px){.main-page .highlight-window{padding-top:50px!important}}.main-page .eye{width:var(--eyeHeight);height:var(--eyeHeight);position:absolute;top:var(--eyeHolderTop);left:var(--eyeHolderleft);transform:scale(0);transition:transform .2s;border:var(--eyeBorderSize) solid rgba(0,0,0,0)}.main-page .face_holder{width:var(--eyeHeight);height:var(--eyeHeight);filter:blur(1px);position:absolute;top:var(--eyeHolderTop);left:var(--eyeHolderleft);border-radius:50%;border:var(--eyeBorderSize) solid var(--primary-dark);background:#000612}.main-page .face{width:var(--eyeHeight);height:var(--eyeHeight);position:absolute;top:var(--eyeHolderTop);left:var(--eyeHolderleft);border-radius:50%;animation:.5s .5s backwards zoom_in;transition:all .2s;border:var(--eyeBorderSize) solid rgba(0,0,0,0)}@keyframes zoom_in{0%{transform:scale(0)}to{transform:scale(1)}}.projects-page{background:#1c1c1c}.projects-page .project-component{position:relative;background:var(--primary-dark-opacity);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVwXYQcchQneyiIo6lFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHiLjgpukiJ/0sKLWI8OO7Hu3uPu3eA0Kox1eyLAapmGZlkXMwXVsXAK4IQMIIIQhIz9VR2MQfP8XUPH1/vojzL+9yfY0gpmgzwicQxphsW8Qbx3Kalc94nDrOKpBCfE08ZdEHiR67LLr9xLjss8MywkcskiMPEYrmH5R5mFUMlniWOKKpG+ULeZYXzFme11mCde/IXBovaSpbrNMeRxBJSSEOEjAaqqMFClFaNFBMZ2o97+Mccf5pcMrmqYORYQB0qJMcP/ge/uzVLM9NuUjAO9L/Y9scEENgF2k3b/j627fYJ4H8GrrSuv94C5j9Jb3a1yBEwvA1cXHc1eQ+43AFGn3TJkBzJT1MolYD3M/qmAhC6BQbX3N46+zh9AHLU1fINcHAITJYpe93j3QO9vf17ptPfD5m6crZWIje8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH6QwCEx8odOl+LQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAA9SURBVDjLY2AY7IARxqirqzOmxKCmpqazDAwMDEzUdiELLpuIBeg+o7oLRw0cNXDUQLLyMqWlDtVdOPgBACliCdFk9K8nAAAAAElFTkSuQmCC);padding:140px 0 100px}.projects-page .project-component .container,.projects-page .project-component .tabs-anchor{position:relative}.projects-page .project-component .tabs{position:absolute;bottom:0;left:0;display:flex;gap:6px;flex-wrap:wrap-reverse}.projects-page .project-component .tabs .tab{position:relative;display:flex;align-items:center;color:#fff;font-size:20px;height:50px;background:#101010;border:1px solid #333;border-radius:10px 10px 0 0;padding:0 20px;cursor:pointer}.projects-page .project-component .tabs .tab.is-selected{background:#1a1a1a}@media screen and (max-width: 1000px){.projects-page .project-component .tabs .tab{font-size:18px}}@media screen and (max-width: 600px){.projects-page .project-component .tabs .tab{font-size:14px;padding:0 6px}}.projects-page .project-component .projects{position:relative;color:#fff;border:1px solid #333;padding:30px 50px;border-radius:0 20px 20px;background:#101010}@media screen and (max-width: 1200px){.projects-page .project-component .projects{min-height:600px}}@media screen and (max-width: 600px){.projects-page .project-component .projects{padding:20px}.projects-page .project-component .projects .title{font-size:34px!important}.projects-page .project-component .projects .body{font-size:18px!important}}.projects-page .project-component .projects .project-description{margin-top:20px}.projects-page .project-component .projects .project-description .title{font-size:40px;margin-bottom:20px}.projects-page .project-component .projects .project-description .body{font-size:22px;margin-bottom:20px}.projects-page .project-component .projects .project-description .link{font-size:22px;transition:all .3s}.projects-page .project-component .projects .project-description .link-text{display:inline-block;margin-bottom:10px}.projects-page .project-component .projects .project-description .image{width:100%;margin-bottom:50px;box-shadow:0 0 4px #000;transition:all .2s;border:1px solid black}.projects-page .project-component .projects .project-description .image:hover{box-shadow:0 0 5px 1px #9f9}.projects-page .project-component .projects .project-video{width:898px;height:505px;max-width:100%;border:none;margin-bottom:50px}@media screen and (max-width: 900px){.projects-page .project-component .projects .project-video{height:400px}}@media screen and (max-width: 700px){.projects-page .project-component .projects .project-video{height:300px}}@media screen and (max-width: 500px){.projects-page .project-component .projects .project-video{height:200px}}.projects-page .project-component .hidden{display:none}.contact-page .contact-item .contact-label{color:#fff;font-size:20px;margin-bottom:4px}.contact-page .contact-item .contact-item{display:block}.contact-page .button-holder{text-align:right}.linesSVG,.pathSVG,.squaresSVG{vertical-align:top;width:100%}.linesSVG line,.linesSVG path,.linesSVG rect,.pathSVG line,.pathSVG path,.pathSVG rect,.squaresSVG line,.squaresSVG path,.squaresSVG rect{fill:none;stroke:var(--primary-dark);stroke-width:4}.squaresContainer{background:#080808;box-shadow:0 0 16px 2px #000;border:1px solid var(--primary-dark)}.square{transform-box:fill-box;transform-origin:center}.block-animation .text-holder{background:#000;padding:20px;box-shadow:0 0 16px 2px #000;border:1px solid var(--primary-dark);color:var(--primary-light);margin-bottom:20px;font-family:Courier New,Courier,monospace;font-size:20px;min-height:95px}.block-animation .block-container{display:flex;gap:20px}.block-animation .block-container .block{color:red;flex:1}.block-animation .block-container .block svg{transition:scale .2s}.block-animation .block-container .block svg:focus{outline:none}.block-animation .block-container .block svg rect{stroke:#000;stroke-width:1;transform-origin:center}.block-animation .block-container .block svg rect:focus{outline:none}.slider-group{display:grid;grid:auto 100px/1fr 1fr 1fr;gap:14px}.slider-group div:nth-child(1){grid-area:1/1/2/3}.slider-group div:nth-child(2){grid-area:1/3/2/4}.slider-group div:nth-child(3){grid-area:2/1/3/3}.slider-group div:nth-child(4){grid-area:2/3/3/4}@media screen and (max-width: 900px){.slider-group{display:block}.slider-group>div{margin-bottom:14px}}.sliders-container{background:#111;padding:60px 20px;box-shadow:inset -6px -6px 10px #000,inset 6px 6px 10px #2a2a2a}.sliders-container .box-container{display:flex;justify-content:space-around}.sliders-container .box_1_holder{position:relative;display:flex;align-items:center;justify-content:center;height:220px}.sliders-container .box_1_holder .line{position:absolute;left:50%;transform:translate(-50%);background:linear-gradient(#ff219f,var(--primary));border:1px solid black;width:6px;height:100%;border-radius:5px;box-shadow:-4px -8px 10px #000,4px 8px 10px #222,0 0 10px var(--primary)}.sliders-container .box_1,.sliders-container .box_2{position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;padding:10px;color:#fff;border-radius:50%;background:linear-gradient(-200deg,#2a2a2a 3%,#000);box-shadow:-2px -2px 10px #000a,2px 2px 10px #222a}.sliders-container .box_2{opacity:0}.sliders-container.dial{display:flex;justify-content:center;align-items:center;overflow:hidden}.sliders-container.dial .outer-dial{position:absolute;width:220px;height:220px;border:2px solid black;border-radius:50%;background:conic-gradient(var(--primary),var(--primary-light),var(--primary),#ff00bf,var(--primary));box-shadow:0 0 10px 2px #000;transition:all 1s;animation:spin 6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sliders-container.dial .sliders-dial{width:200px;height:200px;border-radius:50%;background:linear-gradient(-200deg,#2a2a2a 3%,#000);box-shadow:-2px -2px 10px #000a,2px 2px 10px #222a;z-index:2;transition:all 1s}.sliders-container.hor{display:flex;justify-content:center;align-items:center}.sliders-container.hor .hor-line{width:90%;height:6px;border-radius:5px;box-shadow:-4px -8px 10px #000,4px 8px 10px #222,0 0 10px var(--primary);background:linear-gradient(90deg,var(--primary),#ff219f)}#img-grid-container{display:grid;width:1400px;background:#111;padding:20px;margin:60px auto 0;max-width:100%;overflow:hidden;box-shadow:0 0 16px 2px #000;border:1px solid var(--primary-dark)}.img-grid-item{border:1px solid black;margin:3px;border-radius:50%;background:linear-gradient(-200deg,#2a2a2a 3%,#000);box-shadow:-1px -1px 2px #000,1px 1px 2px #2a2a2a;transition:box-shadow 4s ease-in-out,transform 4s ease-in-out,border-color 2s}@media screen and (max-width: 1200px){.img-grid-item{margin:2px}}@media screen and (max-width: 900px){.img-grid-item{margin:1px}}.highlight{transform:scale(2);box-shadow:5px 5px 2px #0004,0 0 2px #3330}.spinSVG{width:50%}.spinSVG circle{transform-origin:50% 50%}.spinContainer{display:flex;justify-content:center}.animations-page{background:var(--primary-dark-opacity);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVwXYQcchQneyiIo6lFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHiLjgpukiJ/0sKLWI8OO7Hu3uPu3eA0Kox1eyLAapmGZlkXMwXVsXAK4IQMIIIQhIz9VR2MQfP8XUPH1/vojzL+9yfY0gpmgzwicQxphsW8Qbx3Kalc94nDrOKpBCfE08ZdEHiR67LLr9xLjss8MywkcskiMPEYrmH5R5mFUMlniWOKKpG+ULeZYXzFme11mCde/IXBovaSpbrNMeRxBJSSEOEjAaqqMFClFaNFBMZ2o97+Mccf5pcMrmqYORYQB0qJMcP/ge/uzVLM9NuUjAO9L/Y9scEENgF2k3b/j627fYJ4H8GrrSuv94C5j9Jb3a1yBEwvA1cXHc1eQ+43AFGn3TJkBzJT1MolYD3M/qmAhC6BQbX3N46+zh9AHLU1fINcHAITJYpe93j3QO9vf17ptPfD5m6crZWIje8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH6QwCEx8odOl+LQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAA9SURBVDjLY2AY7IARxqirqzOmxKCmpqazDAwMDEzUdiELLpuIBeg+o7oLRw0cNXDUQLLyMqWlDtVdOPgBACliCdFk9K8nAAAAAElFTkSuQmCC)}.forms-page .form-demo{background:var(--primary-dark-opacity);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVwXYQcchQneyiIo6lFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHiLjgpukiJ/0sKLWI8OO7Hu3uPu3eA0Kox1eyLAapmGZlkXMwXVsXAK4IQMIIIQhIz9VR2MQfP8XUPH1/vojzL+9yfY0gpmgzwicQxphsW8Qbx3Kalc94nDrOKpBCfE08ZdEHiR67LLr9xLjss8MywkcskiMPEYrmH5R5mFUMlniWOKKpG+ULeZYXzFme11mCde/IXBovaSpbrNMeRxBJSSEOEjAaqqMFClFaNFBMZ2o97+Mccf5pcMrmqYORYQB0qJMcP/ge/uzVLM9NuUjAO9L/Y9scEENgF2k3b/j627fYJ4H8GrrSuv94C5j9Jb3a1yBEwvA1cXHc1eQ+43AFGn3TJkBzJT1MolYD3M/qmAhC6BQbX3N46+zh9AHLU1fINcHAITJYpe93j3QO9vf17ptPfD5m6crZWIje8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH6QwCEx8odOl+LQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAA9SURBVDjLY2AY7IARxqirqzOmxKCmpqazDAwMDEzUdiELLpuIBeg+o7oLRw0cNXDUQLLyMqWlDtVdOPgBACliCdFk9K8nAAAAAElFTkSuQmCC);padding-top:50px;padding-bottom:50px}.forms-page .form-demo .trackers .tracker{border:3px solid #000000;padding:10px;border-radius:6px;margin-bottom:10px;background:#1c1c1c}.forms-page .form-demo .trackers .tracker .title{margin-bottom:6px;font-size:20px;color:var(--primary)}.forms-page .form-demo .trackers .tracker .text{margin-bottom:6px}.forms-page .form-demo .trackers .tracker .tracker-link{margin-right:10px}.forms-page .form-demo .trackers .edit-form{background:#282828;padding:10px;border:1px solid black}.forms-page .form-demo .tracker-error{color:red}.contact-input,.contact-textarea{width:100%;padding:10px;border-radius:5px;font-size:20px;color:#333}.contact-input::placeholder,.contact-textarea::placeholder{color:#ccc}.contact-input:disabled,.contact-textarea:disabled{background:#555}.contact-input:disabled::placeholder,.contact-textarea:disabled::placeholder{color:#888}.contact-textarea{min-height:100px}.form-inputs{display:flex;gap:20px;align-items:end;margin-bottom:6px}.button{padding:11px 20px;margin-bottom:1px;border-radius:5px;background:#00be9b;color:#fff;font-size:20px;border:none;cursor:pointer}.button:disabled{cursor:not-allowed;background:#555;color:#888}