@import "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;700&display=swap";*,:before,:after{box-sizing:border-box}*{font:inherit;margin:0;padding:0}ul[role=list],ol[role=list],li{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizespeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}.effect-wrapper h1{font-family:Source Sans Pro,sans-serif;font-weight:100}nav{font-family:Source Sans Pro,sans-serif;font-weight:400}h1,button,.effect-wrapper h1 .name,#home main .container .button-container a,.container.portfolioGrp .portfolioItem .portfolioItemText,.container.titleGrp h3,#portfolioCR .processGrp h3,#portfolioIW .processGrp h3,#portfolioFW .processGrp h3,#portfolioDB .processGrp h3,.challenge h3,.objective h3,.designProcess h3,.mobile-nav{font-family:Source Sans Pro,sans-serif;font-weight:700}.effect-wrapper h1 .roleTitle{font-family:Source Sans Pro,sans-serif;font-weight:900}h3,p,label,input,textarea{font-family:Merriweather,serif;font-weight:300}header h2 span{font-family:Roboto,sans-serif;font-weight:100}header h2{font-family:Roboto,sans-serif;font-weight:700}body{min-height:100vh;flex-direction:column;display:flex}.container,.footer{width:100%;max-width:1440px;margin:0 auto;padding-left:96px;padding-right:96px}@media (max-width:1024px){.container,.footer{padding-left:64px;padding-right:64px}}@media (max-width:767px){.container,.footer{padding-left:32px;padding-right:32px}}main .container{margin-top:100px}@media (min-width:768px){main .container{margin-top:152px}}.footer-wrapper{width:100%;color:#fff;background-color:#024379;border-top:10px solid #012441;margin-top:32px;padding:22px 0;position:-webkit-sticky;position:sticky;top:100%}.footer-wrapper .footer{grid-template-columns:repeat(1,auto);gap:8px;display:grid}@media (min-width:768px){.footer-wrapper .footer{grid-template-columns:repeat(2,auto);gap:32px}}.footer-wrapper .footer .footer-nav{text-align:center;grid-template-columns:repeat(4,auto);gap:10px;margin-top:5px;display:grid}@media (min-width:768px){.footer-wrapper .footer .footer-nav{text-align:right;margin-top:inherit;grid-template-columns:repeat(1,auto)}}.footer-wrapper .footer .footer-nav a{color:#fff;text-transform:uppercase;opacity:.8;font-size:1em;text-decoration:none}.footer-wrapper .footer .footer-nav a:hover{opacity:1;text-decoration:underline}.footer-wrapper .footer .social-media{justify-content:center;margin-bottom:20px;display:flex}@media (min-width:769px){.footer-wrapper .footer .social-media{justify-content:start;margin-bottom:10px}}.footer-wrapper .footer .social-media a{opacity:.8;padding:10px}.footer-wrapper .footer .social-media a:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.footer-wrapper .footer .tagline{text-align:center;margin-bottom:10px;font-size:14px}@media (min-width:768px){.footer-wrapper .footer .tagline{text-align:left;margin-bottom:initial}}.footer-wrapper .footer .copyright{text-align:center;margin-bottom:5px;font-size:12px}@media (min-width:769px){.footer-wrapper .footer .copyright{text-align:left;margin-bottom:initial}}.footer-wrapper .footer p{padding:inherit}.scrollToTopBtn{opacity:0;width:50px;height:50px;z-index:99;cursor:pointer;background:url(../assets/back2top.svg) 50%/contain no-repeat;border:none;outline:none;position:fixed;bottom:40px;right:40px}.hamburger{width:35px;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:none;outline:none;display:block;position:relative}.hamburger .bar,.hamburger:after,.hamburger:before{content:"";width:100%;height:2px;background-color:#fff;margin:9px 0;transition:all .4s;display:block}.hamburger.is-active:before{-webkit-transform:rotate(-45deg)translate(-8px,6px);transform:rotate(-45deg)translate(-8px,6px)}.hamburger.is-active:after{-webkit-transform:rotate(45deg)translate(-9px,-8px);transform:rotate(45deg)translate(-9px,-8px)}.hamburger.is-active .bar{opacity:0}.mobile-nav{width:100%;min-height:100vh;z-index:98;background-color:rgba(1,36,65,.9);padding-top:120px;font-size:20px;transition:all .4s;display:block;position:fixed;top:0;left:100%}.mobile-nav.is-active{left:0}.mobile-nav a{width:100%;max-width:260px;text-align:center;color:#fff;letter-spacing:.5px;background-color:#024379;border-radius:4px;margin:0 auto 16px;padding:20px 16px;text-decoration:none;display:block;box-shadow:2px 2px 4px 2px rgba(1,36,65,.2)}.mobile-nav a:hover{background-color:#4580bf}@media (min-width:768px){.mobile-nav,.hamburger{display:none}}header{color:#fff;width:100%;z-index:99;background-color:#024379;border-bottom:10px solid #012441;position:fixed;top:0;left:0;box-shadow:0 -6px 10px 10px rgba(0,0,0,.5)}header .container{justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:24px;display:flex}@media (max-width:767px){header .container{padding-top:16px;padding-bottom:14px}}header .container a{color:#fff;text-decoration:none}header .container nav{grid-gap:10px;grid-template-columns:repeat(4,auto);display:grid}@media (min-width:1024px){header .container nav{grid-gap:20px;letter-spacing:1px}}@media (max-width:767px){header .container nav{display:none}}header .container nav a{border-radius:4px;padding:5px 10px;text-decoration:none}header .container nav a:hover{background-color:#4580bf}header.is-scrolling{background-color:#024379}header.is-scrolling .container{padding-top:16px;padding-bottom:14px}@media (max-width:767px){.hide-mob{display:none}}#about>header>div>nav>.about,#portfolio>header>div>nav>.portfolio,#contact>header>div>nav>.contact{background-color:#4580bf}.buttons{width:100%;color:#fff;cursor:pointer;background-color:#024379;border:0;border-radius:8px;margin:1rem 0;padding:1rem;transition:background .3s;box-shadow:2px 2px 4px 2px rgba(0,0,0,.5)}.button:hover{background-color:#4580bf;-webkit-transform:rotate(5deg);transform:rotate(5deg)}#home main .container{grid-template-columns:repeat(1,auto);column-gap:0;display:grid}@-webkit-keyframes cursor-blink{0%{opacity:0}}@keyframes cursor-blink{0%{opacity:0}}#home main .container span.cursor:after{content:"";width:4px;height:40px;background:#4580bf;margin-bottom:-10px;-webkit-animation:1.5s steps(2,end) infinite cursor-blink;animation:1.5s steps(2,end) infinite cursor-blink;display:inline-block}@media (min-width:769px){#home main .container span.cursor:after{height:54px}#home main .container{grid-template-columns:repeat(1,600px auto)}}@media (min-width:1241px){#home main .container{padding-left:160px;padding-right:160px}}#home main .container h3{margin-bottom:30px}#home main .container .peterPortrait{width:100%;max-width:500px;transition:all .5s;display:none;-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}@media (min-width:769px){#home main .container .peterPortrait{display:block}}#home main .container .peterPortrait:hover{cursor:pointer;transition:all .5s;-webkit-transform:rotate(9.99999deg);transform:rotate(9.99999deg)}#home main .container .peterPortraitMobile{width:100%;max-width:300px;margin:0 auto 15px;transition:all .5s}@media (min-width:769px){#home main .container .peterPortraitMobile{display:none}}#home main .container .peterPortraitMobile:hover{cursor:pointer;transition:all .5s;-webkit-transform:scale(1.1)rotate(15deg);transform:scale(1.1)rotate(15deg)}#home main .container .button-container{display:flex}#home main .container .button-container .button-item{width:100%;color:#fff;color:#fff;text-align:center;background-color:#024379;border:0;border-radius:8px;padding:15px 0;font-size:20px;font-weight:700;box-shadow:2px 2px 4px 2px rgba(0,0,0,.5)}@media (min-width:769px){#home main .container .button-container .button-item{padding:20px 0;font-size:20px}}#home main .container .button-container .outline{color:#012441;background-color:#fff}#home main .container .button-container .spacer{width:40px}#home main .container .button-container a{text-decoration:none}#home main .container .button-container a:hover{color:#fff;background-color:#012441}#about main .container{grid-template-columns:auto 415px;column-gap:30px;display:grid}@media (min-width:1241px){#about main .container{column-gap:60px;padding-left:160px;padding-right:160px}}@media (max-width:1024px){#about main .container{grid-template-columns:repeat(2,auto)}}@media (max-width:767px){#about main .container{grid-template-columns:repeat(1,auto);column-gap:0}}#about main .container img{border-radius:3px}#contact main .container{grid-template-columns:auto 415px;column-gap:30px;display:grid}@media (min-width:1241px){#contact main .container{column-gap:60px;padding-left:160px;padding-right:160px}}@media (max-width:1024px){#contact main .container{grid-template-columns:repeat(2,auto)}}@media (max-width:767px){#contact main .container{grid-template-columns:repeat(1,auto);column-gap:0}}#contact main .container img{border-radius:3px;display:none}@media (min-width:767px){#contact main .container img{display:block}}#contact main .container .grow-wrap{display:grid}#contact main .container .grow-wrap:after{content:attr(data-replicated-value)" ";white-space:pre-wrap;visibility:hidden}#contact main .container .grow-wrap>textarea{resize:none;overflow:hidden}#contact main .container .grow-wrap>textarea,#contact main .container .grow-wrap:after{border:1px solid #979797;border-radius:2px;grid-area:1/1/2/2;margin-top:5px;margin-bottom:1em;padding:.5rem .75rem}#contact main .container .submission-form input{width:100%;border:1px solid #979797;border-radius:2px;margin-top:5px;margin-bottom:1em;padding:.5rem .75rem;display:block}#contact main .container .submission-form textarea{min-height:120px;resize:none}#contact main .container .submission-form button{max-width:220px}#contact main .container .submission-form button:hover{color:#fff;background-color:#012441}#portfolio .titleGrp{margin-top:120px;margin-bottom:0}#portfolio .titleGrp .subheader{line-height:32px}@media (min-width:1140px){#portfolio .titleGrp{justify-content:center;align-items:center;margin-top:160px;margin-bottom:60px;display:flex}#portfolio .titleGrp h1{flex-grow:1;flex-basis:300px;margin:0 60px}#portfolio .titleGrp .subheader{border-left:1px solid #000;flex-grow:2;flex-basis:600px;justify-content:center;margin-right:60px;padding:15px 0 15px 20px}}.container.portfolioGrp{flex-direction:column;margin-top:0;display:flex}.container.portfolioGrp .portfolioItem{flex-direction:column;justify-content:center;align-items:center;margin:0 0 30px;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media (min-width:768px){.container.portfolioGrp .portfolioItem{flex-direction:row;margin:0 0 45px;box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1)}}.container.portfolioGrp .portfolioItem .portfolioItemImg{width:100%}@media (min-width:768px){.container.portfolioGrp .portfolioItem .portfolioItemImg{width:62%}}.container.portfolioGrp .portfolioItem .portfolioItemText{text-align:center;width:100%;padding:30px;font-size:24px}@media (min-width:768px){.container.portfolioGrp .portfolioItem .portfolioItemText{width:38%;padding:40px;font-size:32px}}@media (min-width:1140px){.container.portfolioGrp .portfolioItem .portfolioItemText{padding:60px;font-size:45px}}.container.portfolioGrp a{text-align:center;color:#000;text-decoration:none}.container.portfolioGrp .portfolioItem.pink{background-color:#f2e2f0;border:4px solid #f2e2f0}.container.portfolioGrp .portfolioItem.blue{background-color:#d6eef8;border:4px solid #d6eef8}.container.portfolioGrp .portfolioItem.green{background-color:#ecf7dc;border:4px solid #ecf7dc}.container.portfolioGrp .portfolioItem.orange{background-color:#ffeee3;border:4px solid #ffeee3}.heroImg{height:600px;justify-content:center;align-items:center;margin-top:100px;display:flex;overflow:hidden}@media (max-width:767px){.heroImg{height:150px}}.heroImg img{max-width:100%;height:auto}.container.titleGrp{text-align:center;margin:60px auto}@media (max-width:769px){.container.titleGrp{margin:30px auto}}.container.titleGrp h3{border-color:#024379;border-bottom-style:solid;border-bottom-width:20px;padding-bottom:20px;font-size:32px}#portfolioCR .portfolio-container,#portfolioIW .portfolio-container,#portfolioFW .portfolio-container,#portfolioDB .portfolio-container{gap:30px;margin:0 auto;display:flex}@media (max-width:769px){#portfolioCR .portfolio-container,#portfolioIW .portfolio-container,#portfolioFW .portfolio-container,#portfolioDB .portfolio-container{flex-direction:column}}#portfolioCR .portfolio-container img,#portfolioIW .portfolio-container img,#portfolioFW .portfolio-container img,#portfolioDB .portfolio-container img{margin:0 auto}#portfolioCR .intro,#portfolioIW .intro,#portfolioFW .intro,#portfolioDB .intro{justify-content:center;align-items:center;gap:100px;margin:60px auto}@media (max-width:769px){#portfolioCR .intro,#portfolioIW .intro,#portfolioFW .intro,#portfolioDB .intro{margin:30px auto}}@media (max-width:767px){#portfolioCR .intro,#portfolioIW .intro,#portfolioFW .intro,#portfolioDB .intro{gap:inherit;flex-direction:column}}#portfolioCR .intro h1,#portfolioIW .intro h1,#portfolioFW .intro h1,#portfolioDB .intro h1{max-width:300px;margin-top:0;margin-bottom:15px;font-size:44px}@media (max-width:767px){#portfolioCR .intro h1,#portfolioIW .intro h1,#portfolioFW .intro h1,#portfolioDB .intro h1{max-width:100%;font-size:36px;line-height:42px}}#portfolioCR .intro h2,#portfolioIW .intro h2,#portfolioFW .intro h2,#portfolioDB .intro h2{max-width:500px;font-family:Merriweather,serif;font-size:20px;font-weight:300;line-height:38px}@media (max-width:769px){#portfolioCR .intro h2,#portfolioIW .intro h2,#portfolioFW .intro h2,#portfolioDB .intro h2{max-width:100%;font-size:18px;line-height:28px}}#portfolioCR .processGrp,#portfolioIW .processGrp,#portfolioFW .processGrp,#portfolioDB .processGrp{justify-content:center;align-items:center;gap:60px;margin:60px auto}@media (max-width:769px){#portfolioCR .processGrp,#portfolioIW .processGrp,#portfolioFW .processGrp,#portfolioDB .processGrp{flex-direction:column}}#portfolioCR .processGrp h3,#portfolioIW .processGrp h3,#portfolioFW .processGrp h3,#portfolioDB .processGrp h3{width:300px;font-size:32px;line-height:inherit;margin-top:10px;margin-bottom:15px;margin-right:30px}@media (max-width:769px){#portfolioCR .processGrp h3,#portfolioIW .processGrp h3,#portfolioFW .processGrp h3,#portfolioDB .processGrp h3{max-width:100%}}#portfolioCR .processGrp p,#portfolioIW .processGrp p,#portfolioFW .processGrp p,#portfolioDB .processGrp p{max-width:580px;border-left:2px solid;padding:15px 0 15px 20px;line-height:38px}@media (max-width:769px){#portfolioCR .processGrp p,#portfolioIW .processGrp p,#portfolioFW .processGrp p,#portfolioDB .processGrp p{max-width:100%;line-height:24px}}#portfolioCR .processGrp p .link,#portfolioIW .processGrp p .link,#portfolioFW .processGrp p .link,#portfolioDB .processGrp p .link{padding-top:5px;font-weight:700;display:block}.challenge,.objective{border:4px solid;border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,.24)}.challenge h3,.objective h3{text-align:center;border-bottom:20px solid;padding:30px;font-size:36px}.challenge p,.objective p{padding:20px 30px;font-size:16px;line-height:32px}.designProcess{text-align:center;margin:60px auto}.designProcess h3{border-bottom:20px solid;padding-bottom:20px;font-size:32px}#portfolioCR .challenge,#portfolioCR .objective{background-color:#f2e2f0;border-color:#ab55a0}#portfolioCR .challenge h3,#portfolioCR .objective h3{border-color:#ab55a0;box-shadow:0 4px 12px rgba(0,0,0,.1)}#portfolioCR .heroImg{border-bottom:40px solid #f2e2f0}#portfolioCR .titleGrp h3{border-color:#ab55a0}#portfolioCR .img-margin{text-align:left;margin-bottom:60px}.leftside img{width:280px;margin:0!important}#portfolioIW .challenge,#portfolioIW .objective{background-color:#d6eef8;border-color:#024379}#portfolioIW .challenge h3,#portfolioIW .objective h3{border-color:#024379;box-shadow:0 4px 12px rgba(0,0,0,.1)}#portfolioIW .heroImg{border-bottom:40px solid #d6eef8}p.listItem strong{font-weight:700;display:block}.userResearch p.listItem strong{color:#024379}#portfolioFW .challenge,#portfolioFW .objective{background-color:#ecf7dc;border-color:#8bc440}#portfolioFW .challenge h3,#portfolioFW .objective h3{border-color:#8bc440;box-shadow:0 4px 12px rgba(0,0,0,.1)}#portfolioFW .heroImg{border-bottom:40px solid #ecf7dc}#portfolioFW .titleGrp h3{border-color:#8bc440}.leftside img{width:280px;margin:0!important}#portfolioDB .challenge,#portfolioDB .objective{background-color:#ffeee3;border-color:#de9054}#portfolioDB .challenge h3,#portfolioDB .objective h3{border-color:#de9054;box-shadow:0 4px 12px rgba(0,0,0,.1)}#portfolioDB .heroImg{border-bottom:40px solid #ffeee3}#portfolioDB .titleGrp h3{border-color:#de9054}#portfolioDB .companyAnnouncementImg,#portfolioDB .uploadProgressImg{max-width:600px}#portfolioDB .pipelineImg{max-width:800px}#portfolioDB .calendarImg,#portfolioDB .taskImg{max-width:400px}header h2{color:inherit;text-transform:uppercase;letter-spacing:6px;font-size:27px;font-weight:700}header h2 span{letter-spacing:2px}h1{font-size:45px}@media (min-width:769px){h3{font-size:1.25rem;line-height:36px}}p{padding-bottom:30px;font-size:1em}@media (min-width:769px){p{font-size:1.1em;line-height:36px}}p a{color:#4580bf}p a:hover{color:#024379}nav a{font-size:20px}.bold{font-weight:700}label,input,textarea{font-size:1.1em}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#979797;font-family:Merriweather,serif;font-size:1.1em;font-weight:300}input::placeholder,textarea::placeholder{color:#979797;font-family:Merriweather,serif;font-size:1.1em;font-weight:300}textarea{line-height:32px}button{letter-spacing:.5px;text-align:center;font-size:1.1rem}.effect-wrapper{text-align:center;margin-top:20px;margin-bottom:30px}@media (min-width:769px){.effect-wrapper{text-align:left;margin-top:50px;margin-bottom:50px}}.effect-wrapper h1{font-size:24px;line-height:32px}@media (min-width:769px){.effect-wrapper h1{font-size:44px;line-height:50px}}.effect-wrapper h1 .name{font-size:38px;line-height:46px}@media (min-width:769px){.effect-wrapper h1 .name{font-size:54px;line-height:68px}}.effect-wrapper h1 .roleTitle{color:#024379;font-size:38px;line-height:46px}@media (min-width:769px){.effect-wrapper h1 .roleTitle{color:#024379;font-size:54px;line-height:68px}}