@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Stardos+Stencil&display=swap");*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:"Prompt", sans-serif;font-size:1.6rem;color:#111;line-height:1.6;background-color:#fff;position:relative;overflow-x:hidden;background-color:#111;margin:0}.body-wrapper{position:relative}hr{margin:0 auto 25rem;overflow:visible;padding:0;border:none;border-top:medium double #333;color:#0f3d3e;text-align:center;width:75%}hr:after{content:"§";display:inline-block;position:relative;top:-1.8rem;font-size:2rem;padding:0 1rem;background:#111}::-moz-selection{background-color:#e2dcc8;color:#fff}::selection{background-color:#e2dcc8;color:#fff}@-webkit-keyframes moveInRight{0%{transform:translateX(100%)}100%{transform:translateX(0rem)}}@keyframes moveInRight{0%{transform:translateX(100%)}100%{transform:translateX(0rem)}}@-webkit-keyframes moveOutRight{0%{opacity:1;transform:translateX(0rem)}100%{opacity:0;transform:translateX(100%)}}@keyframes moveOutRight{0%{opacity:1;transform:translateX(0rem)}100%{opacity:0;transform:translateX(100%)}}@-webkit-keyframes moveInLeft{0%{transform:translateX(-100%)}100%{transform:translateX(0rem)}}@keyframes moveInLeft{0%{transform:translateX(-100%)}100%{transform:translateX(0rem)}}@-webkit-keyframes moveOutLeft{0%{opacity:1;transform:translateX(0rem)}100%{opacity:0;transform:translateX(-100%)}}@keyframes moveOutLeft{0%{opacity:1;transform:translateX(0rem)}100%{opacity:0;transform:translateX(-100%)}}@-webkit-keyframes logoIn{0%{opacity:0;top:60rem;left:0;transform:rotate(0deg)}100%{opacity:0.3;top:-20%;left:20%;transform:rotate(-60deg)}}@keyframes logoIn{0%{opacity:0;top:60rem;left:0;transform:rotate(0deg)}100%{opacity:0.3;top:-20%;left:20%;transform:rotate(-60deg)}}.heading-primary{font-size:7.4rem;font-weight:400;line-height:1;font-family:"Stardos Stencil";padding:0 3rem}.heading-secondary{font-size:3.6rem;font-weight:400;line-height:1;font-style:italic;margin-top:1rem;color:#e2dcc8;padding:0 2rem}.heading-pre-title{margin-bottom:1rem;text-transform:uppercase;font-size:1.8rem;color:#e2dcc8;line-height:1;background-color:#0f3d3e;padding-top:6rem}.curved-heading-primary{font-size:5.2rem;font-weight:400;line-height:1;background-color:#0f3d3e;margin-bottom:10rem;position:relative;z-index:-1}.link{display:inline-block;margin:0 auto;text-decoration:none}.link:visited,.link:link{color:#fff}.link:hover{color:#b7c5c5}.link:active{color:#fff}.projects-pre-title{padding-left:2rem;margin-bottom:1rem;text-transform:uppercase;font-size:3.6rem;color:#e2dcc8;line-height:1;padding-top:4rem;transform:translateY(1rem)}.background-font{font-family:"Stardos Stencil";position:relative}.background-font--1{font-size:15rem;color:#fff;opacity:1;transform:translateY(-21rem);z-index:50;text-shadow:2px 2px 1px #000}.background-font-large{font-family:"Stardos Stencil";font-size:40rem;color:#767676;opacity:0.02;position:absolute;top:-38rem;left:4rem;z-index:-100;text-shadow:4px 4px 1px #fafafa}.bar-1{margin:0 auto;width:100%;height:1px;background-color:#333;transform:translateY(-40.5rem)}.bar-2{margin:0 auto;width:50rem;height:1px;background-color:#333;transform:rotate(145deg) translate(-78rem, -5rem)}.margin-bottom-large{margin-bottom:24rem}.margin-bottom-medium{margin-bottom:10rem}.margin-bottom-small{margin-bottom:8rem}.margin-top-small{margin-top:2.5rem}.margin-top-medium{margin-top:20rem}.margin-top-large{margin-top:40rem}.container{max-width:160rem;margin:0 auto;padding:0 5rem}.indent{text-indent:5rem;margin-bottom:0.8rem}.center{text-align:center;width:100%}.hidden{opacity:0;visibility:hidden;pointer-events:none;cursor:default}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.white{color:white}.page-slide-hidden{visibility:hidden;pointer-events:none;cursor:default;display:none;position:absolute}.page-slide-in-left{-webkit-animation:moveInLeft 0.25s cubic-bezier(0.37, 0, 0.63, 1);animation:moveInLeft 0.25s cubic-bezier(0.37, 0, 0.63, 1);opacity:1}.page-slide-out-left{-webkit-animation:moveOutLeft 0.25s cubic-bezier(0.37, 0, 0.63, 1);animation:moveOutLeft 0.25s cubic-bezier(0.37, 0, 0.63, 1);opacity:1}.page-slide-in-right{-webkit-animation:moveInRight 0.25s cubic-bezier(0.37, 0, 0.63, 1);animation:moveInRight 0.25s cubic-bezier(0.37, 0, 0.63, 1);opacity:1}.page-slide-out-right{opacity:0;-webkit-animation:moveOutRight 0.25s cubic-bezier(0.37, 0, 0.63, 1);animation:moveOutRight 0.25s cubic-bezier(0.37, 0, 0.63, 1);pointer-events:none;cursor:default}.btn{border:none;background-color:Transparent;background-repeat:no-repeat;cursor:pointer;color:#fff;text-transform:uppercase;font-size:1.8rem}.link-active{transition:all 0.35s;border-bottom:1px solid #fff;height:1px}.link-active--about{width:6.3rem;transform:translate(-0.2rem, -0.4rem)}.link-active--projects{width:10rem;transform:translate(8.9rem, -0.4rem)}.contact-container{transform:translateY(-20rem);width:100rem;margin:18rem auto 0;padding-top:16rem;display:block}.contact{color:#0f3d3e;background-color:#f2f2f2;box-shadow:0.5rem 0.75rem 1rem rgba(0,0,0,0.7);transform:translateY(-8rem)}.contact-form{display:grid;grid-template-columns:1fr 1fr;box-shadow:0rem 0rem 3rem rgba(0,0,0,0.06);padding:5rem;gap:3rem}.form-title{grid-column:span 2;font-weight:500;font-size:3rem;color:#0f3d3e;text-align:center;margin-bottom:2rem}.form-location{visibility:hidden}.form-message{grid-column:span 2}.form-name,.form-email,.form-phone,.form-location,.form-message{display:flex;flex-direction:column;gap:1.25rem}.form-submit{margin-top:3rem;grid-column:span 2;border:0;cursor:pointer}.contact-form input[type="submit"]{background-color:#0f3d3e;color:#fff;margin-top:3rem;grid-column:span 2;border:0;cursor:pointer}.contact-form label{display:block;font-size:1.6rem;font-weight:500}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:1.2rem;font-size:1.8rem;font-family:inherit;color:inherit;border:none;background-color:#ebe7d9;border-radius:4px;box-shadow:2px 2px 2px rgba(0,0,0,0.2)}.contact-form input:-webkit-autofill,.contact-form input:-webkit-autofill:hover,.contact-form input:-webkit-autofill:focus,.contact-form textarea:-webkit-autofill,.contact-form textarea:-webkit-autofill:hover,.contact-form textarea:-webkit-autofill:focus,.contact-form select:-webkit-autofill,.contact-form select:-webkit-autofill:hover,.contact-form select:-webkit-autofill:focus{box-shadow:0 0 0px 1000px #b7c5c5 inset !important;-webkit-box-shadow:0 0 0px 1000px #b7c5c5 inset !important}.contact-form input::-moz-placeholder{color:#aaa}.contact-form input::placeholder{color:#aaa}.contact-form *:focus{outline:none;box-shadow:0 0 0 0.8rem rgba(15,61,62,0.5)}.display-message{color:#fff;background-color:#0f3d3e;text-align:center;font-size:3rem;width:100%;transform:translateY(14rem);line-height:1.4}.area-hidden{opacity:0;transform:translateY(8rem)}.reveal{transition:transform 1s, opacity 1s}header{position:relative;z-index:9000;display:flex;justify-content:space-between;align-items:center;background-color:#222;border-bottom:1px solid #333;box-shadow:0rem 0rem 3rem rgba(255,255,255,0.14);width:100%;overflow:hidden}.header-left{display:flex;gap:2rem}.header-logo{color:#fff;font-size:6.2rem;margin-left:4rem;font-family:"Stardos Stencil";line-height:1.2;transform:translateY(2px);cursor:default}.pointer{cursor:pointer}.footer{background-color:#061819;padding:8rem;border-top:1px solid #0f3d3e;box-shadow:0rem 0rem 3rem rgba(255,255,255,0.1)}.footer-grid{display:grid;grid-template-columns:-webkit-max-content -webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content max-content;gap:10rem;margin:0 auto;width:-webkit-max-content;width:-moz-max-content;width:max-content;justify-items:center;align-items:center}.footer-logo-box{color:#fff}.footer-logo-box:hover,.footer-logo-box:active{color:#b7c5c5}.footer-logo{font-family:"Stardos Stencil";font-size:9.8rem;margin-bottom:-2.5rem}.footer-logo-text{font-family:"Stardos Stencil";font-size:3rem;margin-bottom:1rem}.footer-cat-title{color:#fff;font-size:2rem;margin-bottom:2rem}.footer-link-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.footer-link{text-decoration:none;border:none;background-color:Transparent;background-repeat:no-repeat;cursor:pointer;font-size:1.6rem;color:#fff}.footer-link:hover,.footer-link:active{color:#b7c5c5}.nav{list-style:none;display:flex;gap:3rem;margin-right:5rem;text-transform:uppercase;font-size:1.8rem;color:#fff}.section-about{background-color:#111;position:absolute;top:0;left:0;z-index:-1;width:100%;overflow:hidden}.watermark-toggle{-webkit-animation:logoIn 2s;animation:logoIn 2s}.watermark{font-family:"Stardos Stencil";font-size:220rem;color:#0f3d3e;opacity:0.2;position:absolute;opacity:0.3;z-index:-1;top:-20%;left:20%;transform:rotate(-60deg)}.watermark2{font-family:"Stardos Stencil";font-size:220rem;position:absolute;z-index:-1;transform:rotate(-60deg)}.watermark2--a{bottom:-65rem;left:20%;color:#e2dcc8;opacity:0.1}.watermark2--b{bottom:-78rem;left:27%;color:#0f3d3e;opacity:0.1}.watermark2--c{bottom:53rem;left:20%;color:#e2dcc8;opacity:0.025}.profile{display:flex;flex-direction:column;line-height:1;gap:1rem}.img-profile-container{margin:8rem 0 2rem}.img-profile{display:block;border-radius:50%;margin:0 auto;width:30rem;height:30rem;box-shadow:0.5rem 0.5rem 1rem rgba(226,220,200,0.15)}.profile-name{color:#fff;font-size:3rem;text-align:center}.profile-title{color:#b7c5c5;font-style:italic;font-size:1.8rem;text-align:center}.icon-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem;position:relative;z-index:50;margin-bottom:18rem;transform:translateX(-0.3rem);padding:0 3rem;line-height:1}.icon{fill:#fff;width:4rem}.container-background{margin:0 auto;padding:0 10%;background-color:#0f3d3e;position:relative;z-index:-1}.web-stage-container{display:grid;justify-content:space-between;gap:15rem;line-height:1;position:relative;z-index:-1;padding-bottom:30rem}.web-stage-container--left{grid-template-columns:3fr 2fr}.web-stage-container--right{grid-template-columns:2fr 3fr}.stage-number{font-family:"Stardos Stencil";font-size:10rem;color:#b7c5c5}.stage-title{background-color:#0f3d3e;font-size:2.4rem;color:#fff;display:block}.stage-pic-box{text-align:center;position:relative;display:flex;align-items:center;justify-content:center}.stage-pic-box::before{width:90%;padding-bottom:90%;background-color:#e2dcc8;z-index:-2}.stage-pic-box::after{width:65%;padding-bottom:65%;background-color:#cbc6b4;z-index:-1}.stage-pic-box::before,.stage-pic-box::after{content:"";display:block;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.stage-pic{width:85%;display:inline-block;border-radius:4px;filter:grayscale(60%);box-shadow:0.5rem 0.75rem 1rem rgba(0,0,0,0.3)}.stage-desc{margin-top:5rem;font-size:1.8rem;line-height:1.6;color:#fff}.svg{display:block;position:relative;z-index:-2}.curved{transform:translateY(-12rem)}#contact{display:block;position:relative;top:7rem;visibility:hidden}.section-projects{padding-top:12.5rem;background-color:#111;position:absolute;top:0;left:0;z-index:50;width:100%;overflow:hidden}.project-grid{display:grid;grid-template-columns:1fr 1fr 1fr;transform:translateY(-14rem)}.service-cat{position:relative;margin-top:20rem}.service-title{position:relative;height:45rem;margin-left:20rem}.img-website{width:65%}.project-item{text-align:center;color:#fff;display:flex;flex-direction:column;gap:3rem}.project-title{font-size:2.4rem;margin-top:1rem}.project-link{font-size:1.8rem;line-height:1}.project-item iframe{width:56rem;height:31.5rem;margin:0 auto}#ashesreign-vid{grid-column:span 3}@media (max-width: 112.5em){.container-background{padding:0 8%}.web-stage-container{gap:6rem;padding-bottom:15rem}.background-font-large{font-size:24rem;top:-21rem}.service-title{margin-left:14rem;height:40rem}.service-cat{margin-top:11rem}.bar-1{transform:translateY(-35.5rem)}.bar-2{width:33rem;transform:rotate(145deg) translate(-57rem, 5rem)}.img-website{width:75%}.footer{margin-top:4rem}}@media (max-width: 75em){@-webkit-keyframes logoIn{0%{opacity:0;top:60rem;left:0;transform:rotate(0deg)}100%{opacity:0.3;top:-20.5%;left:13%;transform:rotate(-60deg)}}@keyframes logoIn{0%{opacity:0;top:60rem;left:0;transform:rotate(0deg)}100%{opacity:0.3;top:-20.5%;left:13%;transform:rotate(-60deg)}}.watermark{top:-20.5%;left:13%}.container-background{padding:0 5%}.web-stage-container{padding-bottom:12rem}.contact-container{width:unset;margin:18rem auto 0;padding:16rem 3rem 0}.background-font--1{font-size:13rem}.bar-1{transform:translateY(-37.5rem)}.bar-2{transform:rotate(145deg) translate(-46rem, 14rem)}.service-title{margin-left:8rem}.background-font-large{font-size:18rem;top:-17rem}.project-grid{margin:0 3rem}.projects-pre-title{transform:translateY(-1rem)}.project-title{font-size:2rem}.project-link{font-size:1.4rem}}@media (max-width: 62.5em){.heading-primary{font-size:6.2rem}.curved{transform:translateY(-8rem)}.curved-heading-primary{font-size:4.1rem}.web-stage-container{gap:3rem}.web-stage-container--left{grid-template-columns:1fr}.web-stage-container--right{grid-template-columns:1fr}.stage-pic-box{margin:10rem 0}.stage-pic-box::before{width:60%;padding-bottom:60%}.stage-pic-box::after{width:45%;padding-bottom:45%}.stage-pic{width:55%}#pic-stage-2,#pic-stage-4{grid-row:2}.contact-container{margin:18rem auto -11rem}.background-font--1{font-size:10rem}.service-title{margin-left:4rem}.background-font-large{font-size:15rem;top:-17.8rem}.projects-pre-title{padding-left:1rem;font-size:3rem;transform:translateY(-5.5rem)}.service-title{height:29rem}.bar-1{transform:translateY(-30.8rem)}.bar-2{transform:rotate(145deg) translate(-38rem, 11rem);width:23rem}.section-projects{padding-top:9.5rem}.watermark2--b{bottom:-123rem}.watermark2--c{bottom:-5rem}.project-grid{grid-template-columns:1fr 1fr;row-gap:9rem}.footer{padding:3.25rem 7rem 5rem;margin-top:2rem}.footer-grid{gap:8rem}.footer-logo-text{font-size:2.4rem}}@media (max-width: 50em){@-webkit-keyframes logoIn{0%{opacity:0;top:60rem;left:0;transform:rotate(0deg)}100%{opacity:0.3;top:-7%;left:-7%;transform:rotate(-30deg)}}@keyframes logoIn{0%{opacity:0;top:60rem;left:0;transform:rotate(0deg)}100%{opacity:0.3;top:-7%;left:-7%;transform:rotate(-30deg)}}.heading-primary{font-size:4.6rem}.curved-heading-primary{font-size:3.1rem}.heading-secondary{font-size:3rem}.watermark{font-size:133rem;top:-7%;left:-7%;transform:rotate(-30deg)}.icon-container{gap:1.2rem}.img-profile{width:27rem;height:27rem}.web-stage-container{padding-bottom:8rem;gap:1rem}.contact-form{grid-template-columns:1fr}.form-title{grid-column:unset}.form-location{display:none}.form-message{grid-column:unset}.contact-form input[type="submit"]{grid-column:unset}.form-name,.form-email,.form-phone,.form-location,.form-message{gap:0.75rem}.contact-container{margin:18rem auto -12rem}.project-title{font-size:1.8rem}.background-font--1{font-size:7.4rem}.service-title{height:20rem}.projects-pre-title{font-size:2rem;transform:translateY(-9.5rem)}.background-font-large{font-size:11rem}.bar-1{transform:translateY(-25.7rem)}.bar-2{transform:rotate(147deg) translate(-30.5rem, 11rem);width:15rem}#ashesreign-vid{grid-column:span 2}.project-item iframe{width:46rem;height:25.5rem}.display-message{font-size:2.4rem}.footer-grid{grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content}.footer-logo-column{grid-row:2;grid-column:span 2}.footer{padding:7.25rem 7rem 6rem}.footer-grid{gap:5rem 8rem}}@media (max-width: 37.5em){.btn{font-size:1.6rem}.header-logo{margin-left:1.5rem;margin-right:1rem}.nav{gap:1.5rem;margin-right:2rem}.link-active--about{width:5.4rem}.link-active--projects{width:8.5rem;transform:translate(7rem, -0.4rem)}.header-logo{font-size:4.4rem}.margin-top-medium{margin-top:15rem}.heading-primary{font-size:4.2rem}.heading-secondary{font-size:2.4rem;margin-top:2rem}.watermark{top:-7.8%;font-size:138rem}@-webkit-keyframes logoIn{0%{opacity:0;top:60rem;left:0;transform:rotate(0deg)}100%{opacity:0.3;top:-7.8%;left:-7%;transform:rotate(-30deg)}}@keyframes logoIn{0%{opacity:0;top:60rem;left:0;transform:rotate(0deg)}100%{opacity:0.3;top:-7.8%;left:-7%;transform:rotate(-30deg)}}.img-profile{width:20rem;height:20rem}.icon-container{margin-top:2rem;gap:0.25rem 1.2rem}.stage-pic{width:85%}.stage-pic-box{margin:8rem 0}.stage-pic-box::before{width:80%;padding-bottom:80%}.stage-pic-box::after{width:65%;padding-bottom:65%}.contact-container{padding:16rem 1rem 0}.contact-form{padding:2rem}.form-title{font-size:2.4rem}.section-projects{padding-top:10.5rem}.background-font--1{font-size:4.4rem}.service-title{margin-left:2rem}.projects-pre-title{font-size:1.6rem;padding-left:0.3rem;transform:translateY(-13.2rem)}.background-font-large{font-size:6.2rem;top:-15.7rem;left:-1rem}.project-grid{grid-template-columns:1fr;transform:translateY(-18rem)}.bar-1{transform:translateY(-29.4rem)}.bar-2{transform:rotate(147deg) translate(-23.5rem, 20rem);width:8rem}.watermark2--c{bottom:38rem}.watermark2--b{bottom:-77rem}.project-item iframe{width:100%;height:19rem}.project-grid{margin:0 2rem}.display-message{font-size:1.6rem;transform:translateY(10rem)}.footer{padding:7.25rem 1rem 8rem}.footer-grid{grid-template-columns:-webkit-max-content;grid-template-columns:max-content;gap:7rem;text-align:center}.footer-logo-column{grid-row:3;grid-column:unset}}