*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#c4c4c4}html::-webkit-scrollbar-thumb{background:#323031;border-radius:5px}body{font-family:"Noto Sans",sans-serif;margin:0;color:#475347;background:#c4c4c4;line-height:1.45;font-size:16px;overflow-x:hidden;width:100%;max-width:100vw}a{color:inherit;text-decoration:none;transition:color .3s ease}.header{background-color:#000}.logo_img{height:auto;width:160px;max-width:260px;margin-right:7.5rem;margin-top:.5rem}.hamburger{display:block;cursor:pointer;z-index:1001;margin-left:2rem}.hamburger .bar{display:block;width:25px;height:3px;margin:5px auto;background-color:#fff;transition:transform .3s ease,opacity .3s ease}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-container{display:flex;align-items:center;justify-content:space-between}.logo{order:1}.nav-links{list-style:none;order:2;position:fixed;left:-100%;top:-16px;gap:0;flex-direction:column;width:100%;height:46.2vh;justify-content:center;background-color:#000;transition:left .3s ease;z-index:100}.nav-links.active{left:0}.nav-links li{margin-right:8rem;margin-top:2.5rem;color:#fff;font-family:"Zen Dots",sans-serif;text-align:center;font-size:23px}@media screen and (min-width: 768px){.hamburger{display:block}.nav-container{position:relative;justify-content:space-between;top:0;height:auto}.logo{position:static;transform:none;order:1;margin-right:12rem;margin-top:1rem}.logo_img{width:300px;max-width:460px;margin-left:12rem}.nav-links{position:fixed;flex-direction:column;left:-100%;top:-16px;width:100%;height:46.5vh;background-color:#000;order:2}.nav-links.active{left:0}.nav-links li{font-size:28px;margin-top:2rem;margin-right:4rem}}@media screen and (min-width: 1200px){.hamburger{display:none}.nav-container{position:relative;justify-content:center;top:3rem;height:28vh}.logo{position:absolute;left:48%;top:-35px;transform:translateX(-50%);z-index:10;order:unset}.logo_img{width:460px;max-width:680px}.nav-links{display:flex;flex-direction:row;position:static;left:unset;width:100%;height:unset;background-color:rgba(0,0,0,0);padding:4rem 3rem;margin-top:-90px;order:unset}.nav-links .left-nav,.nav-links .right-nav{display:flex;flex-direction:row;align-items:center;flex:1;gap:.25rem}.nav-links .left-nav{justify-content:flex-end;padding-right:30rem}.nav-links .right-nav{justify-content:flex-start;padding-left:8rem}.nav-links li{padding:1rem 1rem;margin:0;white-space:nowrap}.nav-links li a{font-family:"Zen Dots",sans-serif;font-size:32px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.03em;transition:opacity .2s ease;position:relative;display:inline-block}.nav-links li a::after{content:"";position:absolute;left:0;bottom:0;height:6px;width:0%;background-color:#fff;transition:width .3s ease}.nav-links li a:hover::after{width:100%;animation:heartbeat116 1.5s ease-in-out .3s infinite}}@keyframes heartbeat116{0%,100%{width:100%}50%{width:60%}}.hero-video{position:relative}.hero-video .hero__video{width:100%;display:block}.hero-video #hero{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;width:80%;height:auto;padding:2rem;background-color:rgba(50,48,49,.5);border-radius:10px}.hero-video #hero h2{color:#fff;font-family:"Zen Dots",sans-serif;font-size:13px;margin-bottom:11px;padding-left:1rem;text-align:center}.hero-video #hero p{color:#fff;font-family:"Noto Sans",sans-serif;font-size:9px;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.hero-video #hero .typewritter-1{margin-top:1rem}.hero-video #hero .typewritter-1 h2{font-size:48px}@media screen and (min-width: 768px){.hero-video #hero{width:90%;padding:3rem}.hero-video #hero h2{font-size:28px}.hero-video #hero p{font-size:20px}.hero-video #hero .typewritter-1{margin-top:2rem}.hero-video #hero .typewritter-1 p{font-size:48px}}@media screen and (min-width: 1200px){.hero-video #hero{width:80%;height:70%;padding:3rem}.hero-video #hero h2{font-size:52px}.hero-video #hero p{font-size:33.5px}.hero-video #hero .typewritter-1{margin-top:5rem}.hero-video #hero .typewritter-1 p{font-size:56px}}.feature-projects h2{font-family:"Zen Dots",sans-serif;font-size:28px;margin-left:2.5rem;margin-bottom:.25rem;margin-top:1rem;width:100%}.feature-projects .demo{margin-left:7rem}.slideshow-container{max-width:1000px;position:relative;margin:auto;border-radius:5px}.text{color:#fff;font-family:"Zen Dots",sans-serif;font-size:18px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center;background-color:#475347}.numbertext{font-family:#323031;color:#475347;font-size:12px;padding:8px 12px;position:absolute;top:0}.dot{height:15px;width:15px;margin:0 4px;background-color:#717171;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active{background-color:#475347}.fade{animation-name:fade;animation-duration:1.5s}@keyframes fade{from{opacity:.4}to{opacity:1}}@media screen and (min-width: 768px){.feature-projects h2{font-size:38px;margin-left:10rem}.feature-projects .demo{margin-left:15.2rem}}@media screen and (min-width: 1200px){.feature-projects h2{font-size:56px;margin-left:28rem;margin-top:2rem;margin-bottom:1rem}.feature-projects .demo{margin-left:34.2rem}.text{font-size:36px}.projects-fea{background-color:#475347}}.divider{width:100%;height:8px;background-color:#475347}@media screen and (min-width: 1200px){.divider{height:12px;margin-top:1.25rem}}@media screen and (min-width: 1200px){.video{width:800px;height:auto;margin-left:22rem}.demo-vid{background-color:#475347}}.projects h2{font-size:26px;font-family:"Zen Dots",sans-serif;margin-left:1rem}.snip1361{font-family:"Quattrocento",Arial,sans-serif;position:relative;overflow:hidden;margin:10px;margin-right:.5rem;min-width:300px;max-width:420px;width:100%;color:#141414;text-align:left;line-height:1.4em;font-size:19px;border-radius:16px}.snip1361 *{box-sizing:border-box;transition:all .35s ease}.snip1361 img{max-width:100%;vertical-align:top}.snip1361 figcaption{position:absolute;top:77%;width:100%;background-color:#475347;padding:15px 25px 65px}.snip1361 figcaption:before{position:absolute;content:"";z-index:2;bottom:100%;left:0;width:100%;height:120px;background-image:linear-gradient(to bottom, transparent 0%, #475347 100%)}.snip1361 h3,.snip1361 p{margin:0 0 10px}.snip1361 h3{font-weight:300;font-size:20px;line-height:1.2em;font-family:"Zen Dots",sans-serif;text-transform:uppercase;color:#fff}.snip1361 p{font-size:16px;letter-spacing:1px;opacity:.9;margin-top:1.5rem;font-family:"Noto Sans",sans-serif;color:#c4c4c4}.snip1361 a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2}.snip1361:hover figcaption,.snip1361.hover figcaption{top:185px}@media screen and (min-width: 768px){.projects h2{font-size:38px;margin-left:8rem;margin-top:2rem;margin-bottom:1rem}.projects .projects-grid{display:flex;flex-wrap:wrap;justify-content:center}.snip1361{min-width:0;width:calc(50% - 30px)}.snip1361 h3{font-size:20px}.snip1361 p{font-size:19px}}@media screen and (min-width: 1200px){.snip1361{width:calc(33.333% - 20px)}.snip1361 h3{font-size:30px}.snip1361 p{margin-top:.02rem}.projects h2{font-size:56px;margin-left:26rem}}.box-sap{position:relative}.box-sap .hero__video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.box-sap .project-title{position:relative;z-index:1}.box-sap .wrapper{position:relative;z-index:1}@media screen and (min-width: 768px){.box-sap{margin-top:-15px}}@media screen and (min-width: 1200px){.box-sap{margin-top:-15px}}#contact h2{font-family:"Zen Dots",sans-serif;color:#475347;font-size:26px;margin-left:1rem;padding-top:1.5rem;margin-bottom:2rem}@media screen and (min-width: 768px){#contact h2{font-size:38px;margin-left:8rem;margin-top:1rem;margin-bottom:2rem}}@media screen and (min-width: 1200px){#contact h2{font-size:56px;margin-left:22rem}}#contact .wrapper{margin-right:.5rem}.form{background:#475347;box-shadow:0 30px 60px 0 #475347;border-radius:5px;max-width:700px;margin:0 auto 5rem 2rem;padding:20px 60px;border-top:5px solid #323031;animation:bounce 1.5s infinite;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}@media screen and (min-width: 768px){.form{width:600px;padding:40px 60px;margin-left:5rem;overflow:visible}}@media screen and (min-width: 1200px){.form{margin-left:8rem}}.form label{font-family:"cornella";font-size:16px;color:#323031;display:block;margin-top:16px;margin-bottom:4px}.formEntry{display:block;width:100%;padding:12px 16px;border-radius:2px;border:none;box-sizing:border-box;transition:all .5s ease}.formEntry:focus{outline:2px solid #323031}@media screen and (min-width: 768px){.formEntry{padding:15px 20px}}.name,.email{background-color:#c4c4c4}.name{color:#fff}.email{height:2.5rem}.message{background-color:#c4c4c4;height:8rem;resize:vertical}.submit{width:200px;color:#c4c4c4;background-color:#323031;font-family:"Zen Dots",sans-serif;font-size:22px;cursor:pointer;border:none;border-radius:2px;padding:12px 20px;margin-top:1.5rem;align-self:center;transition:width .2s ease,transform .2s ease}.submit:hover{transform:translateY(-3px);box-shadow:0 8px 20px #323031;border-radius:0%}@media screen and (min-width: 768px){.submit{width:100%;align-self:stretch;margin-inline:0;padding:15px 20px}.submit:hover{width:100%}}input::-moz-placeholder, textarea::-moz-placeholder{font-size:16px;font-family:"Noto Sans",sans-serif}input::placeholder,textarea::placeholder{font-size:16px;font-family:"Noto Sans",sans-serif}@media screen and (min-width: 768px){input::-moz-placeholder, textarea::-moz-placeholder{font-size:18px}input::placeholder,textarea::placeholder{font-size:18px}}@keyframes bounce{0%{transform:translate(0, 4px)}50%{transform:translate(0, 8px)}}#footer-main{background-color:#000;margin-top:3rem}#footer-main .footer-logo img{height:100px;width:150px;margin-left:10px;margin-bottom:-70px}#footer-main p{font-size:18px;font-family:"Noto Sans",sans-serif;color:#fff;padding-left:6rem;margin-top:180px}@media screen and (min-width: 768px){#footer-main .footer-logo img{height:140px;width:auto;margin-bottom:.01rem;margin-top:.01rem}#footer-main p{font-size:28px;padding-left:14rem;margin-top:14rem}}@media screen and (min-width: 1200px){#footer-main .footer-logo img{display:block;height:180px;width:auto;margin-bottom:.01rem;margin-top:.01rem;margin-left:22rem}#footer-main p{margin-top:10rem;margin-left:220px}}.social-links{display:flex;flex-direction:row;position:absolute;left:240%;top:2rem;transform:translate(-50%, -50%)}.social-media ul{padding:0;margin-top:6rem}.social-media ul li{list-style:none;margin:0 5px}.social-media ul li a{width:70px;height:70px;background-color:#475347;text-align:center;line-height:70px;font-size:30px;display:block;border-radius:50%;position:relative;overflow:hidden;border:3px solid #475347;z-index:1}@media screen and (min-width: 768px){.social-media ul li a{width:100px;height:100px;margin-top:-50px;left:15rem;margin-left:4rem;font-size:45px}}@media screen and (min-width: 1200px){.social-media ul li a{left:24rem}}.social-media ul li a .icon{position:relative;color:#c4c4c4;transition:.5s;z-index:3}@media screen and (min-width: 768px){.social-media ul li a .icon{margin-top:24px}}.social-media ul li a:hover .icon{color:#fff;transform:rotateY(360deg)}.social-media ul li a:before{content:"";position:absolute;top:100%;left:0;width:100%;height:100%;background:red;transition:.5s;z-index:2}.social-media ul li a:hover:before{top:0}.social-media ul li:nth-child(1) a:before{background:#1f1f1f}.social-media ul li:nth-child(2) a:before{background:#ad1f64}.social-media ul li:nth-child(3) a:before{background:#0077b5}.social-media ul li:nth-child(4) a:before{background:#ffd000}.resume-btn{width:200px;height:90px;font-family:"Zen Dots",sans-serif;font-size:22px;background-color:rgba(0,0,0,0);color:#fff;border:none;position:relative;cursor:pointer;transition:all .3s ease;left:90px;margin-bottom:4rem;margin-top:-20px;perspective:9000px}@media screen and (min-width: 768px){.resume-btn{margin-top:-100px;left:3rem}}@media screen and (min-width: 1200px){.resume-btn{left:3rem}}.resume-btn span{display:flex;justify-content:center;align-items:center;width:220px;height:60px;border-radius:20px;box-shadow:rgba(0,0,0,.35) 0px 5px 15px;position:absolute;transition:all .3s ease}.resume-btn span:nth-child(1){background-color:#323031;transform:rotateX(90deg);transform-origin:50% 50% -40px}.resume-btn span:nth-child(2){background-color:#475347;transform:rotateX(0deg);transform-origin:50% 50% -40px}.resume-btn:hover span:nth-child(1){transform:rotateX(0deg)}.resume-btn:hover span:nth-child(2){color:rgba(0,0,0,0);transform:rotateX(-90deg)}.btn-return{cursor:pointer;font-size:16px;padding:12px 24px;padding:10px 20px;font-family:"Zen Dots",sans-serif;margin-top:1rem;margin-left:6.5rem}.btn-return.default{background-color:#323031;border:none;color:#fff;font-weight:bold;border-radius:8px;transition:all .3s ease}.btn-return.default:hover{background-color:#475347;transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.btn-return.default:active{transform:translateY(2px);box-shadow:0 4px 10px rgba(0,0,0,.1)}@media screen and (min-width: 768px){.btn-return{font-size:22px;padding:12px 24px;padding:10px 20px;font-family:"Zen Dots",sans-serif;margin-top:2rem;margin-left:15rem}}@media screen and (min-width: 1200px){.btn-return{margin-left:38rem}}#lightbox{position:fixed;width:100%;height:100%;top:0px;left:0px;background:rgba(0,0,0,.3);display:none;z-index:10001;border-radius:20px}#lightbox.open{display:block}#lightbox_content{position:absolute;width:350px;height:280px;background:#fff;border-radius:3px;left:65%;top:50%;margin-left:-300px;margin-top:-200px;text-align:center;border-radius:25px}#lightbox_content h2{margin-top:4rem;font-family:"Zen Dots",sans-serif;font-size:20px}#lightbox_content p{font-family:"Noto Sans",sans-serif;font-size:19px;padding-left:10px;padding-right:10px}#close{position:absolute;right:20px;top:20px;background:#323031;height:20px;width:20px;border-radius:15px;text-align:center;color:#fff;cursor:pointer}@media screen and (min-width: 768px){#lightbox_content{width:650px;height:480px;margin-right:4rem;left:35rem;border-radius:30px}#lightbox_content h2{font-size:42px}#lightbox_content p{font-size:34px;margin-top:2rem}}@media screen and (min-width: 1200px){#lightbox_content{width:850px;height:480px;left:36rem}#lightbox_content h2{font-size:54px}#lightbox_content p{font-size:38px;margin-top:2rem}}.about h2{font-family:"Zen Dots",sans-serif;margin-top:3rem}.about p{font-family:"Noto Sans",sans-serif;font-size:16px;color:#fff;background-color:#475347;padding:40px 15px 40px 15px}.slideshow{position:relative;width:300px;height:400px;transform-style:preserve-3d;perspective:1000px;margin-top:2.5rem;margin-bottom:2rem;margin-left:4rem}.slideshow .slide{position:absolute;inset:0;display:flex;align-items:start;justify-content:start;transform:rotateY(270deg);transform-style:preserve-3d;animation:animate 9s linear infinite;animation-delay:calc(var(--i)*3s)}@keyframes animate{0%{transform:rotateY(90deg);opacity:0}5%{opacity:1}30%{transform:rotateY(0deg);opacity:1}35%{transform:rotateY(-90deg);opacity:0}100%{transform:rotateY(-90deg);opacity:0}}.slideshow .slide img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px}@media screen and (min-width: 768px){.about h2{font-size:32px;margin-left:2rem}.about p{font-size:22px;width:60%;margin-left:20rem;margin-top:-440px;margin-bottom:-80px}.slideshow{left:-90px}}@media screen and (min-width: 1200px){.slideshow .slide img{width:120%;height:120%}.about h2{font-size:56px;margin-left:13rem;margin-bottom:4rem}.about p{font-size:36px;width:76%;margin-left:22rem;margin-top:-440px;margin-bottom:-100px}.slideshow{left:-70px}}.overview{position:relative}.overview .overview-text{background-color:#475347;margin-top:1rem;padding:1rem 2rem 2rem 1rem}.overview .overview-text h2{font-family:"Zen Dots",sans-serif;color:#fff;font-size:24px;margin-left:2.5rem;background-color:#475347;text-align:center}.overview .overview-text p{font-family:"Noto Sans",sans-serif;color:#fff;font-size:16px;text-align:center;background-color:#475347}@media screen and (min-width: 1200px){.overview .project-hero{z-index:10}.overview .overview-text{margin-top:-150px;position:absolute;left:0;right:0;z-index:2}.overview .overview-text h2{font-size:56px;margin-left:2rem;background-color:#475347}.overview .overview-text p{font-family:"Noto Sans",sans-serif;color:#fff;font-size:32px;text-align:center;background-color:#475347}.overview .member{padding-top:380px}}.member h3{font-size:26px;font-family:"Zen Dots",sans-serif;margin-left:8rem}#team{display:flex;align-items:flex-start;justify-content:center;flex-direction:row;flex-wrap:wrap;margin-left:1rem}#team h4{font-family:"Noto Sans",sans-serif;font-size:17.5px}#team span{font-family:"Noto Sans",sans-serif;font-size:10px;text-align:center}.introduction{display:flex;align-items:center;justify-content:space-around;gap:1em;padding:10px 20px;width:50%;border-radius:10px}.profile-wrapper{width:110px;height:110px;margin:0 auto 10px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;display:block}.team{display:flex;align-items:flex-start;justify-content:center;padding:10px;flex-wrap:wrap;gap:16px;margin:20px auto;width:100%}.card{padding:16px 8px;border-radius:16px;overflow:visible;width:calc(50% - 16px);box-sizing:border-box;text-align:center}.card h4,.card span{width:100%;margin:4px auto;word-wrap:break-word;overflow-wrap:break-word;display:block}.tool-used{gap:16px;margin-left:5rem;margin-top:.2rem;margin-bottom:1rem}.tool-used h3{font-family:"Zen Dots",sans-serif;font-size:26px;margin-left:2rem}.tool-used img{margin-left:.25rem;width:60px;height:60px}@media screen and (min-width: 768px){.introduction{width:60%}.member h3{font-size:26px;margin-left:12em}#team{margin-left:10rem}#team h4{font-size:22px}#team span{font-size:20px}.tool-used h3{font-size:26px;margin-left:8em;font-family:"Zen Dots",sans-serif}.tool-used img{height:80px;width:auto;padding-left:4rem}}@media screen and (min-width: 1200px){.member h3{font-size:34px;margin-left:19em}#team{margin-left:20rem}#team h4{font-size:26px}#team span{font-size:20px}.team{display:flex;align-items:center;justify-content:center;padding:10px;flex-wrap:wrap;gap:16px;margin:20px 10px 30px}.card{padding:24px;border-radius:16px;overflow:visible;width:calc(33.333% - 16px);min-width:280px;box-sizing:border-box;text-align:center}.profile-wrapper{width:200px;height:200px}.tool-used h3{font-size:46px;margin-left:11em;font-family:"Zen Dots",sans-serif}.tool-used img{height:120px;width:auto;padding-left:11rem}}.problem h2{font-family:"Zen Dots",sans-serif;color:#475347;font-size:26px;margin-left:7rem;margin-top:.2rem}.problem p{font-family:"Noto Sans",sans-serif;color:#475347;font-size:16px;text-align:center;margin-bottom:1.2rem}@media screen and (min-width: 768px){.problem h2{font-size:30px;margin-left:18rem}.problem p{font-size:22px}}@media screen and (min-width: 1200px){.problem h2{font-size:42px;margin-left:36rem}.problem p{font-size:28px}}.solution h2{font-family:"Zen Dots",sans-serif;color:#475347;font-size:26px;margin-left:4.5rem;margin-top:.2rem}.solution p{font-family:"Noto Sans",sans-serif;color:#475347;font-size:16px;text-align:center;margin-bottom:1.2rem}@media screen and (min-width: 768px){.solution h2{font-size:30px;margin-left:14rem}.solution p{font-size:22px}}@media screen and (min-width: 1200px){.solution h2{font-size:42px;margin-left:32rem}.solution p{font-size:28px}}.concept{background-color:#323031;padding-bottom:1rem}.concept h2{font-family:"Zen Dots",sans-serif;color:#fff;font-size:26px;margin-left:.2rem;margin-top:.2rem;text-align:center}@media screen and (min-width: 1200px){.concept h2{font-size:42px}}.concept-grid,.outcome-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:0 15px;margin-bottom:2rem}.concept-grid img,.outcome-grid img{width:100%;height:auto;display:block;cursor:pointer}@media screen and (min-width: 768px){.concept-grid,.outcome-grid{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1200px){.concept-grid,.outcome-grid{grid-template-columns:repeat(3, 1fr);gap:12px}}.outcome h2{font-family:"Zen Dots",sans-serif;color:#475347;font-size:26px;margin-left:7.5rem;margin-top:.2rem}@media screen and (min-width: 768px){.outcome h2{font-size:30px;margin-left:18rem}}@media screen and (min-width: 1200px){.outcome h2{font-size:42px;margin-left:36rem}}.video-pro .video{margin-top:.1rem}main{margin:5px !important}html{scroll-behavior:smooth}/*# sourceMappingURL=main.css.map */