@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100..900&display=swap";#root,#__next{isolation:isolate}:root{--prime: #347ddb;--alt: #9290fe;--alt-t: rgba(146, 144, 254, .7);--light: #fafafa;--black:#000;--gray: #b8b8b8;--rad: 8px;--font: "Inter", sans-serif}*,*::before,*::after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{text-decoration:none}html{font-size:14px;scroll-behavior:smooth;scroll-padding-top:90px;scroll-snap-type:y mandatory}body{background:var(--light);font-family:var(--font);line-height:1.1;color:var(--black);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:"Barlow Condensed",sans-serif;letter-spacing:-1px}@keyframes FadeIn{to{opacity:1}}@keyframes FadeInH{to{opacity:1;transform:translateX(0)}}@keyframes FadeInV{to{opacity:1;transform:translateY(0)}}@keyframes SlideOutRight{to{transform:translateX(100%)}}section:first-of-type{min-height:100dvh}section{min-height:calc(100dvh - 90px);width:100%;scroll-snap-align:start;overflow:hidden}header{display:flex;padding:1rem;align-items:center;position:fixed;top:0;width:100%;background:var(--black);justify-content:space-between;z-index:9999;box-shadow:0 0 15px rgba(0,0,0,.5)}header img{height:75px;flex-shrink:0}header nav a,header .mobileNav a{color:var(--light);font-size:1.2rem;transition:all .3s ease;padding:8px 16px;border-radius:var(--rad)}header nav a:hover,header .mobileNav a:hover{color:var(--prime);background:var(--light)}header nav a.active,header .mobileNav a.active{color:var(--prime);background:var(--light)}header nav{display:flex;width:100%;justify-content:flex-end;font-weight:300;gap:1.5rem}@media(max-width: 1020px){header nav{display:none}}header .btn{flex-shrink:0}@media(max-width: 1020px){header .btn{display:none}}header .ham{outline:0;border:0;padding:.3rem;background:rgba(0,0,0,0);color:var(--prime);display:none;cursor:pointer;transition:color .3s ease-in-out}header .ham:hover{color:var(--light)}@media(max-width: 1020px){header .ham{display:block}}header .mobileNav{display:flex;flex-direction:column;padding:1rem 2rem 2rem;gap:2rem;position:absolute;top:100%;height:100vh;right:0;left:0;background:var(--black);z-index:99;transform-origin:top;transition:all .1s ease-in-out;transform:scaleY(0);align-items:center}header .mobileNav.open{transform:scaleY(1)}#home{position:relative;display:flex}@media(width < 955px){#home{flex-direction:column;justify-content:space-between}}#home #videobcg{position:absolute;top:0;left:0;min-width:100%;min-height:100dvh;height:100%;width:auto;z-index:-100;object-fit:cover;object-position:center;background:var(--black)}#home .maintextarea{background:var(--alt-t);padding:3rem 3rem 3rem 10%;width:75%;clip-path:polygon(0 0, 100% 0%, 80% 100%, 0% 100%);backdrop-filter:blur(15px);border-top:2px solid var(--alt);color:var(--light);height:fit-content;margin-top:10%;padding-right:20%;transform:translateX(-90%);opacity:0}@media(width < 955px){#home .maintextarea{width:100%;margin-top:15%}}@media(width < 550px){#home .maintextarea{margin-top:100px;clip-path:unset;padding-right:unset}}#home .maintextarea.animate{animation:FadeInH .5s .3s forwards}#home .maintextarea h1{font-size:clamp(2.4rem,8vw,7rem);text-transform:uppercase;line-height:1;margin-bottom:2rem}#home .maintextarea h2{font-size:clamp(1.4rem,6vw,3rem);line-height:1;margin-bottom:1rem}#home .maintextarea p{font-size:clamp(1rem,4vw,1.6rem);line-height:1.2}#home .mainsubarea{position:absolute;width:33%;background:rgba(0,0,0,.4);backdrop-filter:blur(15px);right:10%;bottom:4%;transform:translateY(80%);opacity:0}#home .mainsubarea.animate{animation:FadeInV .5s .7s forwards}@media(width < 955px){#home .mainsubarea{position:relative;width:100%;right:0;bottom:0;display:flex}}@media(width < 550px){#home .mainsubarea{flex-direction:column}}@media(width < 955px){#home .mainsubarea img{width:33%;object-fit:cover;object-position:center}}@media(width < 550px){#home .mainsubarea img{width:100%}}#home .mainsubarea .subtextarea{color:var(--light);padding:2rem 3rem 5rem}#home .mainsubarea .subtextarea h3{font-size:clamp(1.4rem,6vw,2rem);line-height:1;margin-bottom:1rem}#home .mainsubarea .subtextarea p{line-height:1.3;font-size:clamp(1rem,4vw,1.2rem)}#are{background:linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.7) 100%),url(../img/whoweare.webp);background-size:cover;background-position:center;position:relative}@media(width <= 600px){#are{display:grid;grid-template-columns:1fr;align-content:stretch}}#are .headlinecon{color:var(--light);margin:4.5rem 10%;max-width:75%;opacity:0}#are .headlinecon.animate{animation:FadeIn .5s .3s forwards}@media(width <= 1000px){#are .headlinecon{margin:2rem 10%}}@media(width <= 600px){#are .headlinecon{width:100%;margin:3rem 10% 0rem;max-width:100%;opacity:0;line-height:1}}#are .headlinecon h2{font-size:clamp(2.4rem,8vw,6rem);text-shadow:2px 0px 15px #000}#are .left{background:var(--light);padding:4rem 20% 4rem 10%;clip-path:polygon(0 0, 100% 0%, 80% 100%, 0% 100%);width:66%;position:absolute;left:0;bottom:30%;z-index:1;transform:translateX(-90%);opacity:0}#are .left.animate{animation:FadeInH .5s .6s forwards}@media(width <= 850px){#are .left{padding:4rem 20% 4rem 10%;width:95%;position:relative}}@media(width <= 600px){#are .left{padding:10%;width:100%;position:relative;bottom:0;clip-path:unset;display:grid;align-content:center}}#are .right{background:var(--prime);padding:4rem 10% 4rem 22%;clip-path:polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);width:66%;position:absolute;right:0;bottom:0%;color:var(--light);transform:translateX(90%);opacity:0}#are .right.animate{animation:FadeInH .5s .9s forwards}@media(width <= 850px){#are .right{padding:4rem 12% 4rem 20%;width:100%;position:relative;margin-left:5%;margin-top:6%}}@media(width <= 600px){#are .right{padding:10%;width:100%;position:relative;clip-path:unset;margin-left:0%;margin-top:0%;display:grid;align-content:center}}#are .left h3,#are .right h3{font-size:clamp(2rem,6vw,3rem);line-height:1;margin-bottom:2rem}#are .left p,#are .right p{font-size:clamp(1.2rem,4vw,1.4rem);line-height:1.3}#do{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%),url(../img/whatwedo.webp);background-size:cover;background-position:center;position:relative}#do .cover{position:absolute;inset:0;background:var(--black);clip-path:polygon(30% 0, 100% 0, 100% 100%, 0% 100%)}#do .cover.animate{animation:SlideOutRight .5s .2s forwards}#do .lgtextarea{background:var(--light);width:100%;height:100dvh;display:grid;align-items:center;clip-path:polygon(0 0, 100% -30%, 60% 100%, 0% 100%);padding:0rem 40% 0rem 10%;align-content:center}@media(orientation: landscape)and (width <= 860px){#do .lgtextarea{height:unset}}@media(width <= 760px){#do .lgtextarea{padding:4rem 5% 8rem 3rem;width:80%;clip-path:unset}}@media(width <= 570px){#do .lgtextarea{padding:2rem 1.5rem;width:100%}}#do .lgtextarea h2{font-size:clamp(2.4rem,7vw,5rem);color:var(--prime);margin-bottom:1rem;line-height:1;opacity:0}#do .lgtextarea h2.animate{animation:FadeIn .5s .4s forwards}#do .lgtextarea>p{font-size:clamp(1.1rem,4vw,1.2rem);line-height:1.3;margin-bottom:3rem;opacity:0}#do .lgtextarea>p.animate{animation:FadeIn .5s .4s forwards}#do .lgtextarea ul{list-style:none}@media(width <= 570px){#do .lgtextarea ul{padding:0;margin:0}}#do .lgtextarea ul li{max-width:80ch}#do .lgtextarea ul li h3{font-size:clamp(2rem,3vw,2.5rem);line-height:1;margin-bottom:1rem}#do .lgtextarea ul li p{font-size:clamp(1rem,4vw,1.2rem);line-height:1.3;margin-bottom:3rem}#do .lgtextarea ul li.fade2{opacity:0}#do .lgtextarea ul li.fade2.animate{animation:FadeIn .5s .6s forwards}#do .lgtextarea ul li.fade3{opacity:0}#do .lgtextarea ul li.fade3.animate{animation:FadeIn .5s .8s forwards}#services{background:var(--black)}#services .serviceimagearea{display:flex;max-height:250px}#services .serviceimagearea img{object-fit:cover;width:50%}#services .serviceimagearea img.imgleft{object-position:right;transform:translateX(-90%);opacity:0}#services .serviceimagearea img.imgleft.animate{animation:FadeInH .5s .1s forwards}#services .serviceimagearea img.imgright{object-position:left;transform:translateX(90%);opacity:0}#services .serviceimagearea img.imgright.animate{animation:FadeInH .5s .3s forwards}#services .servicearea{background:var(--light);padding:3rem 10% 0;display:grid;align-content:center;transform:translateY(80%);opacity:0}#services .servicearea.animate{animation:FadeInV .5s .5s forwards}#services .servicearea .servicetitle{font-size:clamp(2.4rem,7vw,6rem);color:var(--alt);margin-bottom:1rem;line-height:1;opacity:0}#services .servicearea .servicetitle.animate{animation:FadeIn .5s .5s forwards}@media(width <= 550px){#services .servicearea .servicetitle{margin-bottom:1.5rem}}#services .servicearea .fourcol{display:grid;grid-template-columns:repeat(4, 1fr);gap:3rem;margin-top:3rem}@media(width <= 1000px){#services .servicearea .fourcol{grid-template-columns:repeat(2, 1fr);gap:1rem}}@media(width <= 550px){#services .servicearea .fourcol{grid-template-columns:repeat(1, 1fr);gap:0rem;margin-top:.5rem}}#services .servicearea .fourcol h3{font-size:clamp(2rem,3.5vw,4rem);line-height:.8;margin-bottom:2rem;position:relative;isolation:isolate}@media(width <= 550px){#services .servicearea .fourcol h3{margin-bottom:1rem}}#services .servicearea .fourcol h3::before{content:"";background:var(--prime);width:5px;height:30px;position:absolute;top:0px;left:-12px;transition:all .3s ease-in-out}#services .servicearea .fourcol h3::after{content:"";background:var(--prime);width:45px;height:5px;position:absolute;top:-5px;left:-12px;transition:all .3s ease-in-out}#services .servicearea .fourcol p{font-size:clamp(1rem,4vw,1.2rem);line-height:1.3;margin-bottom:3rem}#services .servicearea .fourcol .serv1,#services .servicearea .fourcol .serv2,#services .servicearea .fourcol .serv3,#services .servicearea .fourcol .serv4{transform:translateX(80%);opacity:0}#services .servicearea .fourcol .serv1:hover h3::before,#services .servicearea .fourcol .serv2:hover h3::before,#services .servicearea .fourcol .serv3:hover h3::before,#services .servicearea .fourcol .serv4:hover h3::before{height:65px}@media(width <= 1000px){#services .servicearea .fourcol .serv1:hover h3::before,#services .servicearea .fourcol .serv2:hover h3::before,#services .servicearea .fourcol .serv3:hover h3::before,#services .servicearea .fourcol .serv4:hover h3::before{height:35px}}#services .servicearea .fourcol .serv1:hover h3::after,#services .servicearea .fourcol .serv2:hover h3::after,#services .servicearea .fourcol .serv3:hover h3::after,#services .servicearea .fourcol .serv4:hover h3::after{width:75%}#services .servicearea .fourcol .serv1.animate{animation:FadeInH .5s .7s forwards}#services .servicearea .fourcol .serv2.animate{animation:FadeInH .5s .9s forwards}#services .servicearea .fourcol .serv3.animate{animation:FadeInH .5s 1.1s forwards}#services .servicearea .fourcol .serv4.animate{animation:FadeInH .5s 1.3s forwards}#contact{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%),url(../img/contact.webp);background-size:cover;background-position:left;position:relative}#contact .contactarea{position:relative;background:var(--prime);width:100%;height:90.5dvh;transform:translateX(500px);display:grid;padding:0 10% 0 50%;clip-path:polygon(50% 0, 100% 0, 100% 100%, 20% 100%);align-content:center;justify-content:center;opacity:0}@media(width <= 1000px){#contact .contactarea{padding:1.5rem;clip-path:unset;justify-items:center;transform:translateX(0)}}@media(orientation: landscape)and (width <= 860px){#contact .contactarea{height:120dvh}}#contact .contactarea.animate{animation:FadeInH .5s .2s forwards}#contact .contactarea .contacttitle{font-size:clamp(2.4rem,7vw,5rem);color:var(--light);margin-bottom:1rem;line-height:1;opacity:0}#contact .contactarea .contacttitle.animate{animation:FadeIn .5s .7s forwards}@media(width <= 550px){#contact .contactarea .contacttitle{margin-bottom:1.5rem}}#contact .contactarea .contacttext{color:var(--light);font-size:clamp(1rem,4vw,1.2rem);line-height:1.3;opacity:0}#contact .contactarea .contacttext.animate{animation:FadeIn .5s .7s forwards}#contact .contactarea .btnarea{display:flex;gap:3rem;margin-top:3rem;flex-direction:column}#contact .contactarea .btnarea .links{color:var(--light);display:flex;gap:12px;align-items:center;transition:all .3s ease-in-out;opacity:0}@media(width <= 500px){#contact .contactarea .btnarea .links{font-size:1rem}}#contact .contactarea .btnarea .links.animate{animation:FadeIn .5s 1s forwards}#contact .contactarea .btnarea .links:hover{color:var(--gray)}#contact .contactarea .footer{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);color:var(--light);font-size:12px}/*# sourceMappingURL=main.css.map */