:root{--color-primary:#7ed321;--color-text:#dddddd;--color-text-white:#cdd1ca;--color-text-black:rgba(7, 7, 7, 0.8);--color-card:rgba(7, 7, 7, 0.8)}.Layout{display:grid;height:100%;width:100%;color:var(--color-text)}body{overflow-x:hidden;overflow-y:auto;color:var(--color-text)}body.menu-open{overflow-y:hidden}.Header{pointer-events:none;display:flex;justify-content:space-between;align-items:center}.Header>*{pointer-events:initial}.Header a{text-decoration:none}.Logo{position:relative;display:flex;padding-top:1px;color:#fff;will-change:transform;margin:0}.Logo span{margin-left:1px;color:var(--color-primary);transform:scale(810);transition:transform .6s cubic-bezier(0, 1, 0, 1) 0s;display:inline-block}body.welcome-done .Logo span{transform:scale(1)}.Hamburger{position:relative;display:flex;flex-direction:column;align-self:center;cursor:pointer}.Hamburger .Bar{background-color:var(--color-primary);transition:.5s ease-in-out;margin:2.5px 0;width:36px;height:3px}body.menu-open .Hamburger .Bar.t{transform:rotate(-45deg) translate(-6px,6px);-webkit-transform:rotate(-45deg) translate(-6px,6px)}body.menu-open .Hamburger .Bar.m{opacity:0;transform:scaleX(0) translateX(38px);-webkit-transform:scaleX(0) translateX(38px)}body.menu-open .Hamburger .Bar.b{transform:rotate(45deg) translate(-5px,-5px);-webkit-transform:rotate(45deg) translate(-5px,-5px)}@keyframes hamburger-flare{from{background-position-x:0px}100%{background-position-x:400px}}.MenuLabel{background-image:linear-gradient(90deg,rgba(255,255,255,0) 50%,#fff 90%,rgba(255,255,255,0) 100%);background-size:700px 900px;color:transparent;-webkit-background-clip:text;background-clip:text;animation:hamburger-flare 1.4s ease 6;pointer-events:none;position:absolute;right:50px;top:-5px;line-height:1;display:inline-block;margin:0}.Nav{user-select:none;opacity:0;transition:opacity .8s ease;display:flex;flex-direction:column;align-items:flex-start}body.menu-open .Nav{opacity:1}.Nav a{pointer-events:none;text-decoration:none;text-transform:uppercase;color:#fff;transition:color .8s ease-in-out}body.menu-open .Nav a{pointer-events:auto}.Nav a:hover{color:var(--color-primary)}.Nav a.current{color:var(--color-primary)}.NavigationLink{margin-top:max(calc(5vh - 25px),32px);transition:transform .6s ease,opacity .6s ease;opacity:0;transform:translateY(60px) scale(1.3)}.NavigationLink[data-index="1"]{transition-delay:0.4s}.NavigationLink[data-index="2"]{transition-delay:0.3s}.NavigationLink[data-index="3"]{transition-delay:0.2s}.NavigationLink[data-index="4"]{transition-delay:0.1s}body.menu-open .NavigationLink{opacity:1;transform:translateX(0) scale(1)}body.menu-open .NavigationLink[data-index="1"]{transition-delay:0.1s}body.menu-open .NavigationLink[data-index="2"]{transition-delay:0.2s}body.menu-open .NavigationLink[data-index="3"]{transition-delay:0.3s}body.menu-open .NavigationLink[data-index="4"]{transition-delay:0.4s}.NavigationLink h2{margin:0;line-height:1}.Footer{max-height:90px;display:flex;gap:12px 8px;flex-direction:row;flex-wrap:wrap-reverse;align-items:center;transition:opacity 1s ease;color:#fff;font-size:14px;opacity:0}.Footer a{pointer-events:none}body.menu-open .Footer{opacity:1;transition-delay:1.3s}body.menu-open .Footer a{pointer-events:auto}.Footer .green{color:var(--color-primary)}.Backgrounds{grid-area:v;z-index:1;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;perspective:1500px;perspective-origin:40% 30%;background-color:#0d0c0c;background:linear-gradient(#20221e,#0d0c0c)}.Background{z-index:0;position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;align-self:center;transition:transform 1s ease,opacity .8s ease;transform-origin:40% 40% 0;border-radius:6px;overflow:hidden}@media (max-width:576px){.Background{transition:transform .8s ease,opacity .8s ease;transform-origin:100% 40% 0}}.BackgroundInner{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;background-position:center;transform:scale(1);transform-origin:center center;will-change:transform;transition:transform 1.2s ease}.Background[data-index="0"]{transform:translateZ(-1400px) translateX(130%) rotateY(30deg) scale(.62);opacity:0;transition-delay:0.5s}.Background[data-index="1"]{transform:translateZ(-1200px) translateX(130%) rotateY(30deg) scale(.62);opacity:0;transition-delay:0.4s}.Background[data-index="2"]{transform:translateZ(-1000px) translateX(130%) rotateY(30deg) scale(.62);opacity:0;transition-delay:0.3s}.Background[data-index="3"]{transform:translateZ(-800px) translateX(130%) rotateY(30deg) scale(.62);opacity:0;transition-delay:0.2s}.Background[data-index="4"]{transform:translateZ(-600px) translateX(130%) rotateY(30deg) scale(.62);opacity:0;transition-delay:0.1s}body.page-about .Background[data-page=about],body.page-contact .Background[data-page=contact],body.page-home .Background[data-page=home],body.page-projects .Background[data-page=projects],body.page-team .Background[data-page=team]{transform:translateZ(0) translateX(0) rotateY(0) scale(1);opacity:1;transition:transform 1s ease,opacity .8s ease}body.page-contact .Background[data-page=contact]{transition-delay:0.5s}body.page-projects .Background[data-page=projects]{transition-delay:425ms}body.page-team .Background[data-page=team]{transition-delay:0.35s}body.page-about .Background[data-page=about]{transition-delay:275ms}body.page-home .Background[data-page=home]{transition-delay:0.2s}@media (max-width:576px){body.page-about .Background[data-page=about],body.page-contact .Background[data-page=contact],body.page-home .Background[data-page=home],body.page-projects .Background[data-page=projects],body.page-team .Background[data-page=team]{transition-duration:.8s,.8s;transition-property:transform,opacity;transition-timing-function:ease,ease}}body.menu-open .Background{opacity:1;transition:transform 1s ease,opacity .4s ease}body.menu-open .Background[data-index="0"]{transform:translateZ(-2000px) translateX(40%) rotateY(30deg) scale(.66);transition-delay:0.3s}body.menu-open .Background[data-index="1"]{transform:translateZ(-1520px) translateX(40%) rotateY(30deg) scale(.66);transition-delay:0.4s}body.menu-open .Background[data-index="2"]{transform:translateZ(-1040px) translateX(40%) rotateY(30deg) scale(.66);transition-delay:0.5s}body.menu-open .Background[data-index="3"]{transform:translateZ(-560px) translateX(40%) rotateY(30deg) scale(.66);transition-delay:0.6s}body.menu-open .Background[data-index="4"]{transform:translateZ(-80px) translateX(40%) rotateY(30deg) scale(.66);transition-delay:0.7s}body.menu-open.page-about .Background[data-page=about],body.menu-open.page-contact .Background[data-page=contact],body.menu-open.page-home .Background[data-page=home],body.menu-open.page-projects .Background[data-page=projects],body.menu-open.page-team .Background[data-page=team]{transition-delay:0s}@media (max-width:576px){body.menu-open .Background{transition:transform .8s ease,opacity .4s ease}}.BackgroundGradient{position:absolute;top:0;left:0;height:100%;width:100%;background-image:radial-gradient(51% 119%,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%)}.BackgroundLeftHighlight{z-index:10;transition:opacity .3s linear .4s;background:rgba(170,170,120,.3);position:absolute;height:100%;width:4px;left:0;top:0;opacity:0}body.menu-open .Background .BackgroundLeftHighlight,body.page-about .Background[data-page=about] .BackgroundLeftHighlight,body.page-contact .Background[data-page=contact] .BackgroundLeftHighlight,body.page-home .Background[data-page=home] .BackgroundLeftHighlight,body.page-projects .Background[data-page=projects] .BackgroundLeftHighlight,body.page-team .Background[data-page=team] .BackgroundLeftHighlight{opacity:1}.Page{padding:var(--vp) var(--hp);background:#000;grid-area:cen;display:flex;flex-direction:column}.Page{display:none}body.page-home .HomePage{display:flex}body.page-about .AboutPage{display:flex}body.page-team .TeamPage{display:flex}body.page-projects .ProjectsPage{display:flex}body.page-contact .ContactPage{display:flex}.HomePage{max-width:425px;justify-self:flex-end;align-self:flex-end;margin-left:auto}.HomePage h2{margin-bottom:10px}.HomePage p{margin-bottom:16px}.HomePage .green{color:var(--color-primary)}.HomePage .Navigate{color:var(--color-primary);pointer-events:auto;cursor:pointer;display:inline-table}@media (max-width:576px){.HomePage .Navigate{margin-bottom:5vw}}.AboutPage{flex-direction:row;justify-content:space-between;gap:var(--hp)}@media (max-width:576px){.AboutPage{flex-direction:column;gap:0}}.AboutPage .Body{width:70%;max-width:700px}@media (max-width:576px){.AboutPage .Body{width:100%}}.AboutPage .BannerImage{background-size:cover;background-repeat:no-repeat;margin:var(--hp) 0 var(--hp) var(--nhp);padding:0 0 0 var(--hp);height:140px;width:calc(100% + var(--hp))}.AboutPage .Clients{width:22%;min-width:140px;display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width:576px){.AboutPage .Clients{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:var(--vp)}}.AboutPage .Clients h4{margin:1rem auto 2.4rem;min-width:130px;max-width:290px;color:var(--color-text);font-size:.9rem;letter-spacing:.04rem}.AboutPage .ClientLogo{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;margin-bottom:48px;width:100%;align-self:stretch}@media (max-width:576px){.AboutPage .ClientLogo{width:40%;margin-bottom:32px}}.TeamPage .Body{width:100%;max-width:900px}.TeamSection{margin-bottom:calc(var(--vp) * 1.4)}.TeamSectionTitle{color:var(--color-primary);font-size:.85rem;letter-spacing:.18rem;font-weight:400;margin:0 0 .9rem 0;text-transform:uppercase;margin-top:0}.TeamGrid{display:grid;grid-template-columns:1fr;grid-gap:0.45rem var(--hp)}@media (min-width:577px){.TeamGrid{grid-template-columns:repeat(2,1fr)}}.TeamMember{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif;font-size:.95rem;font-weight:400;letter-spacing:.02rem;color:var(--color-text-white)}.ProjectsPage .Body{width:100%;max-width:900px;margin-bottom:var(--hp)}.ProjectsPage .Project{margin:0 0 calc(var(--vp) * 2) 0}.ProjectImages{display:flex;flex-direction:column;gap:10px;width:calc(100% + var(--hp) + var(--hp));transform:translateX(var(--nhp))}.ProjectImage{width:100%;aspect-ratio:16/9;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.ProjectImage.tall{aspect-ratio:16/11}.ProjectName{margin-top:1.6111111rem;margin-bottom:0}.ProjectHighlight{font-size:.95rem;color:var(--color-primary);margin-bottom:.25rem;margin-top:.3rem}.ProjectAddress{font-size:.85rem;color:var(--color-text);margin-bottom:0;letter-spacing:.04rem}.ContactPage{flex-direction:row;flex-wrap:wrap}@media (max-width:576px){.ContactPage{flex-direction:column}}.ContactPage .Title{width:100%}.ContactPage .Address{width:30%;min-width:200px;max-width:260px;margin-right:var(--hp);margin-bottom:var(--vp)}@media (max-width:576px){.ContactPage .Address{width:100%}}.ContactPage .Address span{font-style:normal;display:block}.ContactPage .Address .PhoneLink{color:inherit;text-decoration:none}.ContactPage .Address .PhoneLink:hover{text-decoration:underline}.ContactPage form{display:flex;flex-direction:row;flex-wrap:wrap;flex:1;font-weight:400;justify-content:space-between}.ContactPage form input,.ContactPage form textarea{width:100%}.ContactPage form textarea{margin-top:20px}.ContactPage form button{width:30%}.WelcomeLoading{position:fixed;display:grid;pointer-events:none;height:100%;width:100vw;z-index:10000;background:#7ed321;transition:opacity .5s ease}.WelcomeLoading h3{font-size:22px;font-weight:700;align-self:center;justify-self:center;color:#000;font-family:Phase3Typeface,'Arial Black',sans-serif;margin:0}body.welcome-done .WelcomeLoading{opacity:0;pointer-events:none}body.welcome-done .WelcomeLoading{visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}@keyframes ken-burns{0%{transform:scale(1) translate(0,0)}40%{transform:scale(1.12) translate(-1.2%,.8%)}60%{transform:scale(1.12) translate(-1.2%,.8%)}100%{transform:scale(1) translate(0,0)}}body:not(.menu-open).page-about .Background[data-page=about] .BackgroundInner,body:not(.menu-open).page-contact .Background[data-page=contact] .BackgroundInner,body:not(.menu-open).page-home .Background[data-page=home] .BackgroundInner,body:not(.menu-open).page-projects .Background[data-page=projects] .BackgroundInner,body:not(.menu-open).page-team .Background[data-page=team] .BackgroundInner{animation:ken-burns 50s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.BackgroundInner{animation:none!important}}