:root{--slate: hsla(240,3.33%,11.76%, 1);--slate-90: hsla(240,3.33%,11.76%, .9);--slate-80: hsla(240,3.33%,11.76%, .8);--slate-70: hsla(240,3.33%,11.76%, .7);--slate-60: hsla(240,3.33%,11.76%, .6);--slate-50: hsla(240,3.33%,11.76%, .5);--slate-40: hsla(240,3.33%,11.76%, .4);--slate-30: hsla(240,3.33%,11.76%, .3);--slate-20: hsla(240,3.33%,11.76%, .2);--slate-10: hsla(240,3.33%,11.76%, .1);--slate-5: hsla(240,3.33%,11.76%, .05);--white: hsla(0,100%,100%, 1);--white-90: hsla(0,100%,100%, .9);--white-80: hsla(0,100%,100%, .8);--white-70: hsla(0,100%,100%, .7);--white-60: hsla(0,100%,100%, .6);--white-50: hsla(0,100%,100%, .5);--white-40: hsla(0,100%,100%, .4);--white-30: hsla(0,100%,100%, .3);--white-20: hsla(0,100%,100%, .2);--white-10: hsla(0,100%,100%, .1);--white-5: hsla(0,100%,100%, .05);--blue-lighter: #D7E9FF;--blue-light: #9BC8FF;--blue: #5078EE;--blue-dark: #214DCF;--blue-darker: #002590;--red-lighter: #FFD6D7;--red-light: #FF7888;--red: #DF0742;--red-dark: #A7002D;--red-darker: #430214}@font-face{font-family:'jetbrains';src:url("/assets/fonts/jetbrains/JetBrainsMono-Regular.eot"),url("/assets/fonts/jetbrains/JetBrainsMono-Regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/jetbrains/JetBrainsMono-Regular.woff") format("woff"),url("/assets/fonts/jetbrains/JetBrainsMono-Regular.woff2") format("woff2"),url("/assets/fonts/jetbrains/JetBrainsMono-Regular.ttf") format("ttf");font-weight:normal;font-style:normal}@font-face{font-family:'jetbrains';src:url("/assets/fonts/jetbrains/JetBrainsMono-Bold.eot"),url("/assets/fonts/jetbrains/JetBrainsMono-Bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/jetbrains/JetBrainsMono-Bold.woff") format("woff"),url("/assets/fonts/jetbrains/JetBrainsMono-Bold.woff2") format("woff2"),url("/assets/fonts/jetbrains/JetBrainsMono-Bold.ttf") format("ttf");font-weight:bold;font-style:bold}body{font-family:-apple-system, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-size:18px;font-weight:normal;color:var(--text-color);font-weight:normal;-webkit-font-smoothing:antialiased;line-height:1.6;margin:0 auto}a:link{color:var(--blue);text-decoration:none}a:visited{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-light);text-decoration:none}::selection{background:var(--blue);color:var(--white)}::-moz-selection{background:var(--blue);color:var(--white)}h1,h2,h3,h4,h5{font-weight:normal;margin:0;color:var(--text-color)}.headline-xl{font-size:3.5rem;font-weight:700;line-height:1.25;text-transform:none;margin:2rem 0}@media only screen and (max-width: 1024px){.headline-xl{font-size:2rem;margin:1.5rem 0}}@media only screen and (max-width: 768px){.headline-xl{font-size:2rem;margin:1.5rem 0}}.headline-lg{font-size:3rem;text-transform:none;font-weight:700;line-height:1.25;margin:1.5rem 0}@media only screen and (max-width: 1024px){.headline-lg{font-size:2rem}}.headline-md{font-size:2rem;font-weight:700;line-height:1.5;margin:1rem 0}@media only screen and (max-width: 1024px){.headline-md{font-size:1.5rem}}.headline-sm{font-size:1.5rem;font-weight:500;line-height:1.25;margin:1rem 0}.headline-xs{font-size:.75rem;text-transform:uppercase;font-weight:bold;line-height:1.25;margin:.5rem 0;color:var(--text-color-40)}.text-xl{font-size:1.5rem;line-height:1.75;font-weight:normal;margin:1rem 0}@media only screen and (max-width: 1024px){.text-xl{font-size:1.25rem}}.text-lg{font-size:1.25rem;line-height:1.75;font-weight:normal;margin:1rem 0}.text-md{font-size:1rem;line-height:1.75;font-weight:normal;margin:1rem 0}.text-sm{font-size:.75rem;line-height:1.75}.text-xs{font-size:.6875rem;line-height:1.75}header{background-color:var(--header-background-color);z-index:150;position:fixed;top:0;width:100%;transition:top .3s ease-in-out}.nav-up{top:-62px}.nav-logo{margin:0 auto;height:24px;align:left;width:148px;vertical-align:middle;fill:var(--icon-color);padding-left:1rem}.menu__grid{margin:0 auto;border-bottom:1px solid;border-color:var(--border-color)}.menu__desktop{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 3fr;grid-template-rows:auto;grid-gap:1rem;position:fixed;z-index:90;opacity:0;position:relative;opacity:1;align-items:center;height:60px}.desktop__menu-list{color:var(--text-color-40);font-size:1.25rem;justify-self:right;align-self:center;padding-left:.5rem;padding-right:1.5rem}.desktop__menu-list a{color:var(--text-color-lighter);padding-left:.5rem}.desktop__menu-list a:visited{color:var(--text-color-lighter);padding-left:.5rem}.desktop__menu-list a:hover{color:var(--text-color);padding-left:.5rem}@media (max-width: 768px){.desktop__menu-list{display:none}}.menu__toggle__icon{float:right;position:relative;width:24px;height:24px;margin-left:8px;background-image:url(/assets/icons/round-menu-24px.svg)}.menu__mobile{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;padding:1rem 1.5rem;align-items:center}@media (min-width: 1024px){.menu__mobile{display:none}}.mobile__nav-title{font-size:1.25rem;color:var(--text-lighter);align-self:center}.mobile__nav-title a{color:var(--white)}.mobile__menu-list{font-size:2rem;text-align:center;list-style:none;padding-left:0px}.menu__list-item a{color:var(--text-color);hover-color:var(--text-color-60)}.mobile__social-list{text-align:center;bottom:0;position:fixed;padding:3rem 0;width:100%}#overlay-button{color:var(--text-color);right:6px;top:4px;padding:26px 11px;cursor:pointer;position:fixed;z-index:999}@media (min-width: 768px){#overlay-button{display:none}}#overlay-button span{height:2px;width:1.5rem;border-radius:50vh;background-color:var(--text-color);position:relative;display:block;transition:all .3s ease-in-out}@media only screen and (min-width: 768px){#overlay-button span{display:none}}#overlay-button span:before{top:-10px;visibility:visible}#overlay-button span:after{top:10px}#overlay-button span:before,#overlay-button span:after{height:2px;width:1.5rem;border-radius:50vh;background-color:var(--text-color);position:absolute;content:"";transition:all .3s ease-in-out}#overlay-button:hover span,#overlay-button:hover span:before,#overlay-button:hover span:after{background:var(--text-color)}input[type=checkbox]{display:none}input[type=checkbox]:checked ~ #overlay{visibility:visible}input[type=checkbox]:checked ~ #overlay-button:hover span,input[type=checkbox]:checked ~ #overlay-button span{background:transparent}input[type=checkbox]:checked ~ #overlay-button span:before{transform:rotate(45deg) translate(7px, 7px);opacity:1}input[type=checkbox]:checked ~ #overlay-button span:after{transform:rotate(-45deg) translate(7px, -7px)}#overlay{display:grid;align-content:center;top:0;left:0;height:100%;width:100%;background-color:var(--overlay-background);z-index:701;visibility:hidden;position:fixed}#overlay.active{visibility:visible}.overlay-icon{width:32px;height:32px;vertical-align:middle;fill:var(--text-color);padding:.5rem}.footer{max-width:1200px;margin:0 auto;display:grid;grid-template-rows:auto;grid-template-columns:1fr 3fr;grid-column-gap:3rem;padding:1.5rem;align-items:center;color:var(--text-color)}@media (max-width: 768px){.footer{grid-template-columns:1fr}}.footer-text{text-align:right;text-decoration:none;padding-right:1rem;color:var(--text-color-40)}.footer-text a{color:var(--text-color-40)}.footer-text a:hover{color:var(--text-color)}.copyright-text{color:var(--text-color-60)}.socials{margin:0;padding:0}.socials a{text-decoration:none}.icon__square{padding:12px;border-radius:50%;width:24px;height:24px;vertical-align:middle;fill:var(--text-color-40);background-color:var(--button-clear-default)}.icon__square:hover{fill:var(--text-color);background-color:var(--button-clear-hover);cursor:pointer}.accordian{padding-left:0px;list-style-type:none;margin:auto 0}.inner{padding:1rem 56px;overflow:hidden;display:none;list-style-type:none;font-size:1rem;color:var(--slate-lightest)}@media only screen and (max-width: 1024px){.inner{font-size:.75rem}}.section__testimonials h4{padding-top:1.5rem}.section__testimonials{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:.5rem}.testimonial{display:grid;grid-template-columns:2rem 1fr 2rem;grid-template-rows:auto;grid-column-gap:1rem;padding:.5rem}.testimonial:hover{background-color:var(--ash);border-radius:.25rem}.testimonial__author-image{width:2rem;height:2rem;align-self:center}.testimonial__info{font-size:1rem;color:var(--slate-lighter);align-self:center}.testimonial__info p{margin:0 auto}span.testimonial__company{color:var(--ash-darkest)}.testimonial__caret{align-self:center}.section__clients{display:grid;grid-column-gap:1.5rem;grid-row-gap:.25rem;grid-template-columns:repeat(5, 1fr);grid-template-rows:auto;margin:1.5rem 0}@media (max-width: 1024px){.section__clients{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:auto;grid-gap:.25rem}}@media (max-width: 768px){.section__clients{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:auto;grid-gap:.25rem}}@media (max-width: 768px){.section__clients{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:2;grid-gap:.25rem}}.clients__logo{display:block}.portfolio__feature-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;grid-column-gap:1rem;grid-row-gap:2rem}@media (max-width: 1024px){.portfolio__feature-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto}}@media (max-width: 768px){.portfolio__feature-grid{display:grid;grid-template-columns:repeat(1, 1fr);grid-template-rows:auto}}.portfolio__grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto;grid-column-gap:1rem;grid-row-gap:2rem}@media (max-width: 1024px){.portfolio__grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto}}@media (max-width: 768px){.portfolio__grid{display:grid;grid-template-columns:repeat(1, 1fr);grid-template-rows:auto}}.portfolio__grid a{color:var(--text-color);hover-color:var(--text-color-80)}.portfolio__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.2s ease-in-out;transition:all .2s ease-in-out}.portfolio__image:hover{transform:translate(0px, -4px)}.portfolio__info{padding:.25rem 0}.portfolio__client{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:-.5rem 0}.portfolio__tags{font-size:.75rem;color:var(--text-color-40);margin:.25rem 0}.portfolio-top{display:grid;grid-template-columns:1fr 1fr}.portfolio-headline{padding-bottom:1.5rem}.portfolio-media{margin:1.5rem 0}.portfolio-content{padding:1.5rem 0}.page__navigation{font-size:1.25rem;display:grid;grid-template-rows:auto;grid-template-columns:repeat(3, 1fr);grid-column-gap:.5rem;text-align:center}#myBtn{display:none}.button-top{width:48px;height:48px;right:1.5rem;bottom:80px;z-index:100;position:fixed;fill:var(--background-color);vertical-align:middle}.button-mode{width:48px;height:48px;right:1.5rem;bottom:1.5rem;z-index:100;position:fixed;fill:var(--background-color)}.button-float{border-radius:50%;background-color:var(--text-color-80);cursor:pointer}.float-icon{fill:var(--page-background-color);width:24px;height:24px;padding:12px}.button-float:hover{background-color:var(--text-color-60)}.button-navigation{padding:1rem;background-color:var(--button-clear-default)}.button-navigation :hover{padding:1rem;background-color:var(--button-clear-hover)}@keyframes fade__in{from{opacity:0}to{opacity:1}}.subfooter{display:grid;grid-template-rows:auto;grid-template-columns:1fr 3fr;grid-column-gap:3rem;max-width:1200px;margin:0 auto;padding:1.5rem;align-content:center}@media only screen and (max-width: 768px){.subfooter{display:grid;grid-template-rows:auto;grid-template-columns:1fr;grid-gap:1.5rem}}@media only screen and (max-width: 1024px){.footer__links{text-align:left}}.footer__links a{padding-left:.5rem}.desktop__social-links{align-self:center}[tooltip]{position:relative;width:100%;height:100%}[tooltip]::before,[tooltip]::after{text-transform:none;font-size:14px;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}[tooltip]::before{content:'';z-index:100}[tooltip]::after{content:attr(tooltip);min-width:3em;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.5rem;box-shadow:0 1em 2em -0.5em rgba(0,0,0,0.35);background:var(--tooltip-background);color:var(--tooltip-text);z-index:101}[tooltip]:hover::before,[tooltip]:hover::after{display:block}[tooltip='']::before,[tooltip='']::after{display:none !important}[tooltip]:not([flow])::before,[tooltip][flow^="up"]::before{bottom:100%;border-bottom-width:0}[tooltip]:not([flow])::after,[tooltip][flow^="up"]::after{bottom:calc(100% + 5px)}[tooltip]:not([flow])::before,[tooltip]:not([flow])::after,[tooltip][flow^="up"]::before,[tooltip][flow^="up"]::after{left:50%;transform:translate(-50%, -0.5em)}[tooltip][flow^="down"]::before{top:100%;border-top-width:0}[tooltip][flow^="down"]::after{top:calc(100% + 5px)}[tooltip][flow^="down"]::before,[tooltip][flow^="down"]::after{left:50%;transform:translate(-50%, 0.5em)}[tooltip][flow^="left"]::before{top:50%;border-right-width:0;left:calc(0em - 5px);transform:translate(-0.5em, -50%)}[tooltip][flow^="left"]::after{top:50%;right:calc(100% + 5px);transform:translate(-0.5em, -50%)}[tooltip][flow^="right"]::before{top:50%;border-left-width:0;right:calc(0em - 5px);transform:translate(0.5em, -50%)}[tooltip][flow^="right"]::after{top:50%;left:calc(100% + 5px);transform:translate(0.5em, -50%)}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%, 0)}}@keyframes tooltips-horz{to{opacity:.9;transform:translate(0, -50%)}}[tooltip]:not([flow]):hover::before,[tooltip]:not([flow]):hover::after,[tooltip][flow^="up"]:hover::before,[tooltip][flow^="up"]:hover::after,[tooltip][flow^="down"]:hover::before,[tooltip][flow^="down"]:hover::after{animation:tooltips-vert 500ms ease-out forwards;animation-delay:.5s}[tooltip][flow^="left"]:hover::before,[tooltip][flow^="left"]:hover::after,[tooltip][flow^="right"]:hover::before,[tooltip][flow^="right"]:hover::after{animation:tooltips-horz 500ms ease-out forwards;animation-delay:.5s}html,html[data-theme="light"]{--logo-color: var(--slate);--text-color: var(--slate);--text-color-80: var(--slate-80);--text-color-60: var(--slate-60);--text-color-40: var(--slate-40);--text-color-20: var(--slate-20);--header-background-color: var(--white);--page-background-color: var(--white);--lower-background-color: var(--slate-10);--media-background-color: var(--slate-5);--button-clear-default: var(--slate-0);--button-clear-hover: var(--slate-10);--button-clear-selected: var(--slate-20);--icon-color: var(--slate);--icon-background-color: var(--slate-20);--overlay-background: var(--white-90);--overlay-text: var(--slate);--border-color: var(--slate-20);--tooltip-background: var(--slate-90);--banner-background: var(--white-50);--tooltip-text: var(--white)}html[data-theme="dark"]{--logo-color: var(--slate);--text-color: var(--white);--text-color-80: var(--white-80);--text-color-60: var(--white-60);--text-color-40: var(--white-40);--text-color-20: var(--white-20);--header-background-color: #0D0D0D;--page-background-color: hsla(0,0%,0%, .95);--lower-background-color: var(--slate);--media-background-color: var(--white-5);--button-clear-default: var(--white-0);--button-clear-hover: var(--white-10);--button-clear-selected: var(--white-20);--icon-color: var(--white);--icon-background-color: var(--white-20);--overlay-background: var(--slate-90);--overlay-text: var(--white);--border-color: var(--white-20);--tooltip-background: var(--white-90);--banner-background: var(--slate-50);--tooltip-text: var(--slate)}@media (prefers-color-scheme: dark){html{content:"dark"}}.text-80{color:var(--text-color-80)}.text-60{color:var(--text-color-60)}.text-40{color:var(--text-color-40)}.text-20{color:var(--text-color-20)}html{scroll-behavior:smooth}.page__grid{display:grid;grid-template-rows:auto;background-color:var(--page-background-color)}.page{padding-top:60px}.page__section{margin:0 auto;padding:8vh 1.5em;-webkit-animation-name:fade__in;-webkit-animation-duration:1.2s;animation-name:fade__in;animation-duration:1.2s}.page__banner{margin:0 auto;background:url(https://images.unsplash.com/photo-1520943241034-7866c2b35cdf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjk5NTd9&auto=format&fit=crop&w=2250&q=80) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed;position:relative}.banner{background-color:var(--banner-background)}.section__split{display:grid;max-width:1200px;margin:0 auto;padding:4vh 1.5rem;grid-template-columns:1fr 3fr;grid-template-rows:auto;grid-column-gap:3rem}@media (max-width: 768px){.section__split{grid-template-columns:repeat(1, 1fr);padding:2vh 0}}@media (max-width: 768px){.split__col{padding-top:3rem}}.feature-grid{display:grid;margin:0 auto;grid-template-columns:auto 1fr;grid-template-rows:auto}.section__full{display:grid;grid-template-columns:auto;grid-template-rows:auto;max-width:1200px;margin:0 auto;padding:4vh 1.5rem}@media (max-width: 768px){.section__full{grid-template-columns:repeat(1, 1fr);padding:4vh 0}}.section__split-even{display:grid;margin:0 auto;padding:1.5rem 0;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-column-gap:3rem}@media (max-width: 768px){.section__split-even{grid-template-columns:repeat(1, 1fr)}}.page__lower{background-color:var(--lower-background-color)}@media (min-width: 768px){.sticky{position:sticky;position:-webkit-sticky;top:100px}}.image-wrap{width:100%;object-fit:cover;-o-object-fit:cover;transition:.2s ease-in-out;border-radius:.25rem;background-color:var(--media-background-color)}.image-attribution{fill:var(--white);display:grid;grid-template-columns:1fr auto;grid-gap:.25rem;margin:.5rem;padding:.25rem .5rem;font-size:.6875rem;color:var(--white);background-color:var(--white-lightest);position:absolute;bottom:0;right:0;align-items:center;opacity:.4;hover-opacity:.8}.icon{width:40px;height:40px;vertical-align:middle;fill:var(--icon-color)}.client-icon{width:100%;object-fit:cover;-o-object-fit:cover;transition:.2s ease-in-out;fill:var(--text-color-40)}.app-icon{vertical-align:middle;padding:0 .25rem}.recolor-app-icon-background{fill:var(--icon-background-color)}.recolor-app-icon{fill:var(--icon-color)}.project__intro h2{color:var(--text-color)}.section__project-info{display:grid;grid-gap:1rem;grid-template-columns:repeat(2, 1fr);margin:2rem 0}@media (min-width: 768px){.section__project-info{grid-template-columns:repeat(1, 1fr)}}.project__col{margin:.25rem 0}.project-subheading{font-size:.75rem;color:var(--text-color-60)}.project__caption{font-size:.75rem;margin-top:.25rem}.section__404{display:grid;justify-content:space-around;align-content:center;margin:10px auto;max-width:600px;text-align:center;padding:10vh 0}