body,html{font-family:Roboto Condensed,monospace}section{justify-content:center;align-items:center}#main{height:100%}.main-container{display:flex;width:100vw;max-width:100rem;padding-top:2rem;justify-content:space-around}.left-column{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;height:100vh}.left-column svg{position:absolute;z-index:10;width:auto;height:auto;max-width:100%}.left-column img{height:auto;max-width:100%}.column-image{position:absolute;top:32%;left:2%;width:100%;height:100%}.right-column{min-width:200px;max-width:50%;padding-right:1rem}.text{height:100vh;display:flex;flex-direction:column;justify-content:center;max-width:600px}.right-column h1{color:var(--white);font-weight:600;line-height:var(--font-size-xxxl);font-size:6rem;margin-bottom:var(--m-bottom__s)}.right-column h2{font-weight:300;font-size:var(--font-size-xs);margin-bottom:var(--m-bottom__m);font-family:Roboto Mono,monospace;color:var(--yellow)}#text1 h3{color:var(--inactive);font-weight:300;font-size:var(--font-size-xl);margin-bottom:var(--m-bottom__xl);text-transform:uppercase}.text h3{color:var(--white);font-weight:300;font-size:var(--font-size-xxl);margin-bottom:var(--m-bottom__m);text-transform:uppercase;max-width:500px}.text h4{color:var(--yellow);font-weight:500;font-size:var(--font-size-m);margin-bottom:var(--m-bottom__s);text-transform:uppercase;max-width:500px}.text .images{display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;width:100%;margin-bottom:var(--m-bottom__xxl)}.text .render-img{border-radius:var(--border-radius-l);width:180px;height:180px}.images .logo{filter:brightness(0) invert(1);width:auto;height:60px;margin-right:2rem;border-radius:none}.right-column p{font-family:Roboto Mono,monospace;font-weight:300;font-size:var(--font-size-s);color:var(--inactive);margin-bottom:var(--m-bottom__xxl);line-height:1.6rem;max-width:450px}#text3{justify-content:flex-start}.dot{opacity:.5;transition:all .25s ease}#exc-dot-1,.dot:hover{opacity:1}.p-inner{opacity:0;transition:opacity .5s ease-in-out;pointer-events:none;height:0;overflow:hidden}.p-inner.visible{opacity:1;pointer-events:auto;height:100%}#case-studies{width:100%}.section-title{font-size:var(--font-size-xxl);font-weight:300;text-transform:uppercase;padding-top:2rem;margin-bottom:var(--m-bottom__xxl)}.case{display:flex;align-items:center;justify-content:center;gap:6rem}.photo-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--white);border-radius:var(--border-radius-xl);padding:2rem 1rem;gap:1rem}.photo-container .logo{width:200px}.photo-container .photo{height:250px;width:auto;filter:saturate(0)}.testimonial{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:500px;font-family:Roboto Mono,monospace}.testimonial h1{color:var(--white);font-weight:600;line-height:var(--font-size-xs);font-size:6rem;margin-bottom:var(--m-bottom__xs);margin-left:-2rem}.testimonial p{font-family:Roboto Mono,monospace;font-weight:300;font-size:var(--font-size-s);color:var(--inactive);margin-bottom:var(--m-bottom__xxl);line-height:1.6rem;max-width:500px}.testimonial .sign{color:var(--yellow);margin-bottom:var(--m-bottom__xs)}.testimonial a{font-size:var(--font-size-xs);font-style:italic;color:var(--inactive)}#asteria{width:80%;display:flex;flex-direction:column;align-items:center;margin-bottom:10rem}#asteria .section-title{font-size:var(--font-size-xxl);font-weight:300;text-transform:uppercase;margin-bottom:var(--m-bottom__xl)}#asteria .photo{width:60%;height:auto;display:block;margin:0 auto}#asteria .case{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}#asteria .text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}#asteria p{font-family:Roboto Mono,monospace;font-weight:300;font-size:var(--font-size-s);color:var(--inactive);margin-bottom:var(--m-bottom__xxl);line-height:1.6rem;max-width:500px}#next-service{position:relative;background-color:transparent;overflow:hidden;margin-top:var(--m-bottom__xxl);margin-bottom:var(--m-bottom__xxl);display:flex;flex-direction:row;justify-content:center;align-items:center;height:12vh;width:100%;gap:2rem}#next-service h1{margin:0;font-size:var(--font-size-xxl);font-weight:300;transition:all .5s ease-in-out}#next-service img{width:64px;height:auto}#next-service:before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;background-color:var(--yellow);transition:right .5s ease-in;z-index:-1}#next-service:hover:before{right:0}#next-service:hover img{width:128px}#next-service:hover h1{font-weight:400;color:var(--black2)}#next-service h1,#next-service img{transition:width .5s ease-in-out;position:relative;z-index:1}#contacts{min-height:100vh;width:100rem;height:1rem}@media (max-width: 800px){.right-column h1{font-size:var(--font-size-xxl);line-height:normal}}@media (max-width: 768px){.main-container{flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0}.left-column{width:100%;height:40vh}.right-column{padding:0 2rem;margin:0;max-width:100%;min-width:none}.right-column h1{font-size:var(--font-size-xxxl);line-height:normal}.text{justify-content:flex-start}.text .render-img{display:none}.images .logo{filter:brightness(0) invert(1);width:auto;height:40px;margin-right:2rem;border-radius:none}.case{flex-direction:column;gap:2rem}#asteria .case{flex-direction:column;align-items:center;gap:4rem}.photo-container .logo{height:40px;width:auto}.photo-container .photo{height:150px}.testimonial{max-width:100%;padding:0 2rem}.testimonial h1{font-size:var(--font-size-xxl);margin-left:-1rem}.testimonial p{max-width:100%}#next-service span{display:none}}