html{scroll-snap-type:y mandatory}body{color:#fff;background:#272727;-webkit-text-size-adjust:100%}.hero{margin:7.81rem 15% 7.81rem 15%}@media only screen and (max-width: 480px){.hero{margin:15px 5% 5px 5%}}.hero__h1{font-family:"Inter",serif;color:#fff;font-size:5.75rem;font-style:normal;font-weight:800;line-height:84%;text-transform:uppercase;letter-spacing:.0625rem}@media only screen and (max-width: 480px){.hero__h1{font-size:42px}}.hero-underline{width:400px;height:16px;margin-top:24px;background-color:#fac734}@media only screen and (max-width: 480px){.hero-underline{width:100%;align-self:center;height:8px}}.intro-text{margin:7.81rem 15% 7.81rem 15%}@media only screen and (max-width: 480px){.intro-text{margin:7.81rem 5% 7.81rem 5%;margin-top:2rem;margin-bottom:2rem}}.intro-text p{color:#fff;font-family:"Open Sans",serif;font-size:18px;font-weight:300;line-height:151%;letter-spacing:.54px}@media only screen and (max-width: 480px){.intro-text p{font-size:14px}}.hero-fullstop{color:#fac734;margin-left:8px}.span-space{margin-left:40%}.intro-text{font-weight:400}.span-bold{font-weight:700}.featured-heading{font-family:"Inter",serif;font-weight:500;font-size:20px;margin:7.81rem 15% 3rem 15%;border-bottom:4px solid #fff}@media only screen and (max-width: 480px){.featured-heading{margin-top:4rem;margin-bottom:3rem}}.featured-heading .span-space{padding:20px}.fa-solid,.fas{font-weight:600;padding-left:10px}.mobile-only-button{display:none}@media only screen and (max-width: 480px){.mobile-only-button{text-align:center;margin:32px auto;display:block;color:#141414}}.mobile-only-button #sayHelloButton{display:inline-block;padding:12px 74px;background-color:#fac734;color:#000;text-decoration:none;font-family:"Inter",serif;font-size:16px;border:solid 2px #242424;border-radius:8px;text-align:center;transition:background-color .3s ease,transform .2s ease}.mobile-only-button #sayHelloButton:hover{background-color:#f5b706;transform:scale(1.05)}.mobile-only-button #sayHelloButton:active{transform:scale(0.95)}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}button{width:auto;padding:16px 32px;background-color:#fac734;border-radius:8px;border:none;transition:.3s ease;font-family:"Open Sans",serif;font-size:18px;color:#000}@media only screen and (max-width: 480px){button{padding:14px 50px}}button:hover{background-color:#969292;cursor:pointer;transform:scale(1.05)}.header{margin:48px 15% 7.81rem 15%;display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:#fff solid 8px}@media only screen and (max-width: 480px){.header{margin:50px 5% 64px 5%}}.header img{width:191px}.main-logo-link:hover{cursor:pointer}nav ul{list-style:none;text-align:center}nav ul li{display:inline-block}nav ul li a{display:block;padding:15px;text-decoration:none;color:#fff;font-weight:500;text-transform:uppercase;margin:0 10px;font-family:"Open Sans",serif}nav ul li a,nav ul li a:after,nav ul li a:before{transition:all .5s}nav ul li a:hover{color:#fac734}nav.stroke ul li a,nav.fill ul li a{position:relative}nav.stroke ul li a:after,nav.fill ul li a:after{position:absolute;bottom:0;left:0;right:0;margin:auto;width:0%;content:".";color:rgba(0,0,0,0);background:#aaa;height:1px}nav.stroke ul li a:hover:after{width:100%}nav.fill ul li a{transition:all 2s}nav.fill ul li a:after{text-align:left;content:".";margin:0;opacity:0}nav.fill ul li a:hover{color:#fff;z-index:1}nav.fill ul li a:hover:after{z-index:-10;animation:fill 1s forwards;-webkit-animation:fill 1s forwards;-moz-animation:fill 1s forwards;opacity:1}@media only screen and (max-width: 480px){#mobile-hide{display:none}}#mobile-nav-button{display:none}@media only screen and (max-width: 480px){#mobile-nav-button{display:inline-block}}.grid-showcase{display:grid;width:1140px;margin:0 auto;gap:10px;grid-template-columns:repeat(4, 1fr);grid-auto-rows:minmax(200px, auto);text-align:center}@media only screen and (max-width: 480px){.grid-showcase{width:80%;display:flex;flex-direction:column;justify-content:center;align-self:center}}@media only screen and (max-width: 768px){.grid-showcase{width:80%}}.grid{border:2px solid #000;transition:.3s ease-in-out;border-radius:3px}.grid:hover{border:5px #141414 solid}@media only screen and (max-width: 480px){.grid{height:200px;width:100%;align-self:center}}.grid-tl{grid-column:1/3;background-image:url(../assets/client-screenshots/unity_support_600x261.png);background-size:cover}.grid-tl:hover{box-shadow:#64904d 0px 30px 90px;transform:scale(1.05)}.grid-tm{grid-column:3/4;background-image:url(../assets/client-screenshots/blog-preview-card_600x412.png);background-size:cover}.grid-tm:hover{box-shadow:#fac734 0px 30px 90px}@media only screen and (max-width: 480px){.grid-tm{background-size:contain}}.grid-as{grid-column:4/5;grid-row:1/4;background-image:url(../assets/client-screenshots/urban-canvas_572x1235.png);background-size:cover}.grid-as:hover{box-shadow:#cfff66 0px 30px 90px;transform:scale(1.05)}.grid-ml{grid-column:1/1;grid-row:2/4;background-image:url(../assets/client-screenshots/typemaster_500x775.png);background-size:cover}.grid-ml:hover{box-shadow:#f16618 0px 30px 90px}.grid-mm{grid-column:2/4;background-image:url(../assets/client-screenshots/news-site_600x312.png);background-size:cover}.grid-mm:hover{box-shadow:#fff 0px 30px 90px;transform:scale(1.05)}.grid-bm{grid-column:2/4;background-image:url(../assets/client-screenshots/meraki-allied-health-600x396.png);background-size:cover}.grid-bm:hover{box-shadow:#e48e91 0px 30px 90px}.cta-container{background-color:#272727;color:#fff}.cta-container .cta-wrapper{display:flex;justify-content:center;margin:7.81rem 10% 4rem 10%;background-color:#4e4e4e;border-radius:10px}@media only screen and (max-width: 768px){.cta-container .cta-wrapper{flex-direction:column;text-align:center;align-items:center}}@media only screen and (max-width: 480px){.cta-container .cta-wrapper{margin:50px 5% 50px 5%;flex-direction:column-reverse}}.cta-container .cta-wrapper__left{display:grid;gap:36px;padding:70px;width:50%}@media only screen and (max-width: 768px){.cta-container .cta-wrapper__left{width:auto}}@media only screen and (max-width: 480px){.cta-container .cta-wrapper__left{margin-top:10px;margin-bottom:30px;padding:20px;width:auto}}.cta-container .cta-wrapper__left h3{font-family:Inter;font-size:92px;font-style:normal;font-weight:800;line-height:84%;letter-spacing:-3.68px;text-transform:uppercase}@media only screen and (max-width: 480px){.cta-container .cta-wrapper__left h3{font-size:64px}}.cta-container .cta-wrapper__left p{font-size:20px;font-family:"Open Sans",serif;color:#fac734}@media only screen and (max-width: 480px){.cta-container .cta-wrapper__left p{font-size:14px}}.cta-container .cta-wrapper__right{display:flex;flex-direction:column;justify-content:center;gap:15px;width:50%}@media only screen and (max-width: 768px){.cta-container .cta-wrapper__right{width:80%;margin-bottom:70px}}@media only screen and (max-width: 480px){.cta-container .cta-wrapper__right{padding:16px;width:auto;margin-bottom:0}}.cta-container .cta-wrapper__right p{width:80%;font-size:16px;font-family:"Open Sans",serif;font-weight:400;line-height:22.4px;letter-spacing:1.08px;align-self:center}@media only screen and (max-width: 480px){.cta-container .cta-wrapper__right p{font-size:14px}}.cta-container .cta-wrapper__right a{color:#fac734;transition:.3s ease;width:100%;color:#000}.cta-container .cta-wrapper__right a:hover{color:#969292}.cta-container .cta-wrapper__right>div{display:flex;gap:16px}.cta-container .cta-wrapper__right hr{width:75%;align-self:center;color:#969292}@media only screen and (max-width: 480px){.cta-container .cta-wrapper__right hr{width:95%}}.material-symbols-outlined{font-size:55px;text-align:center;align-self:center}#cta-link{color:#fcdd85;text-decoration:underline;cursor:pointer}.footer{background-color:#fac734;height:330px;display:flex;align-items:center;justify-content:center;font-family:"Open Sans",serif;width:100vw;margin:0;padding:0}.footer__wrapper{display:flex;justify-content:center;gap:50px;align-items:center}@media only screen and (max-width: 480px){.footer__wrapper{flex-direction:column}}.footer img{width:250px}.footer a{color:#050505;transition:.2s ease}.footer a:hover{color:#771717}.footer-date{color:#050505}.contact-header{margin:48px 15% 7.81rem 15%;display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:#fff solid 8px}@media only screen and (max-width: 480px){.contact-header{margin:50px 5% 64px 5%}}.contact-header img{width:191px}.contact-hero{text-align:center}@media only screen and (max-width: 480px){.contact-hero{padding:8px}}.contact-hero h1{font-family:"Inter",serif;font-size:128px}@media only screen and (max-width: 480px){.contact-hero h1{font-size:64px;text-align:center;line-height:.8;margin-bottom:50px}}.contact-hero p{font-family:"Open Sans",serif;color:#fff;margin-bottom:70px;font-size:18px}.form-container{max-width:700px;border:#949494 solid 6px;margin:100px auto;border-radius:3px}@media only screen and (max-width: 480px){.form-container{margin-top:10px}}.contact-form{display:flex;flex-direction:row;justify-content:center;gap:25px;padding:60px 0;background-color:#4e4e4e}@media only screen and (max-width: 480px){.contact-form{flex-direction:column;padding:20px}}.form-left{display:flex;flex-direction:column;gap:20px}.form-right{display:flex;flex-direction:column;justify-content:space-between}button,fieldset,input,legend,select,textarea{appearance:none;border:none}input{padding-top:10px;padding-bottom:5px;width:270px;font-family:"Open Sans",serif;font-size:16px;border-bottom:2px solid #000;background-color:#4e4e4e;transition:ease-in .2s}input:focus{background-color:#949494;border-bottom:2px solid #771717;padding-left:10px;outline:2px #fac734 solid;box-shadow:rgba(0,0,0,.1) 0px 10px 15px -3px,rgba(0,0,0,.05) 0px 4px 6px -2px}label{font-family:"Open Sans",serif;font-size:18px;margin-bottom:5px}.firstname,.email,.phone{display:flex;flex-direction:column}.message-field{display:flex;flex-direction:column}.message-input-field{height:140px;padding:10px;font-family:"Open Sans",serif;transition:.2s ease-in;border:2px #000 solid}.message-input-field:focus{outline:2px #771717 solid}@media only screen and (max-width: 480px){.message-input-field{margin-bottom:30px}}.contact-button input{min-width:300px;border:#141414 2px solid;border-radius:8px;padding:8px;background-color:#707070}@media only screen and (max-width: 480px){.contact-button input{width:100%}}.contact-button input:hover{background-color:#fbd35b;color:#050505;border:2px #2f4858 solid;cursor:pointer}/*# sourceMappingURL=style.css.map */