:root{--orange: #FF5F00;--dark-orange: #f33900;--light-orange: #FF7F2A;--lighter-orange: #E89D3E;--semi-transparent-orange: rgba(243, 57, 0, .5);--white: #FFFFFF;--off-white: #F5F5F5;--black: #000000;--spacing-unit: 1rem;--focus-visible-outline: 3px solid #4D90FE;--sizing-unit: calc(100vw / 6)}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif}body{color:var(--white);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,var(--lighter-orange) 0%,var(--dark-orange) 100%);background-size:contain;background-repeat:no-repeat;background-position:center}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-visible-outline);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--black);color:var(--white);padding:8px;z-index:1000;transition:top .3s}.skip-link:focus{top:0}.button{cursor:pointer;background:linear-gradient(135deg,#fff10033,#f3390080),var(--dark-orange);border-radius:.25rem;box-shadow:0 2px 1px 1px #0003,inset 1px 1px #ffffff80;border:1px solid transparent}.scroll-arrow.button{background:var(--off-white)}.u-padding{padding:var(--spacing-unit)}.u-padding-2x{padding:calc(var(--spacing-unit) * 2)}.u-padding-half{padding:calc(var(--spacing-unit) / 2)}.u-padding-vertical{padding:var(--spacing-unit) 0}.u-padding-horizontal{padding:0 var(--spacing-unit)}.u-padding-standard{padding:0 var(--spacing-unit) var(--spacing-unit) var(--spacing-unit)}.u-grid-full{grid-column:1 / 7}.u-grid-half-left{grid-column:1 / 4}.u-grid-half-right{grid-column:4 / 7}.u-grid-center{grid-column:2 / 6}.u-grid-narrow{grid-column:2 / 7}.u-grid-narrow-right{grid-column:3 / 7}.u-flex-center{display:flex;justify-content:center;align-items:center}.u-flex-between{display:flex;justify-content:space-between;align-items:center}.u-absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.u-full-width{width:100%}.u-full-height{height:100%}.u-auto-height{height:auto}.u-sizing-height{height:var(--sizing-unit)}.u-semi-transparent-bg{background-color:var(--semi-transparent-orange)}.u-off-white-bg{background-color:var(--off-white)}.u-white-text{color:var(--white)}.u-off-white-text{color:var(--off-white)}.u-dark-orange-text{color:var(--dark-orange)}.u-uppercase{text-transform:uppercase}footer{position:relative;background-color:var(--semi-transparent-orange);padding:var(--spacing-unit) 0;text-align:center}footer .logo img{width:40px;height:auto}.social-links{display:flex;justify-content:center;margin:1rem 0}.social-links a{color:var(--white);margin:0 .5rem;font-size:1.2rem;text-decoration:none;padding:.5rem}.social-links a:hover{text-decoration:underline}.layout-wrapper{min-height:calc(100vh + 100px);position:relative;z-index:0;overflow:hidden;display:grid;grid-template-columns:repeat(6,calc(100vw * (1/6)));grid-template-rows:calc(100vw * (1 / 3)) auto auto}#parallax-bg{background:url(../images/hexflower-med.png) repeat;background-size:auto;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.content-area section{display:grid}.container{display:grid;grid-template-columns:repeat(6,var(--sizing-unit));grid-template-rows:var(--sizing-unit) auto auto;grid-auto-rows:min-content}.content-area,main{width:100vw}#content-container{position:relative;z-index:1}.container{width:100%}section{position:relative}.grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-unit)}nav{width:100%;height:calc(var(--sizing-unit) * 2);background-color:var(--semi-transparent-orange);z-index:100;display:grid;grid-template-columns:repeat(6,calc(100vw * (1/6)))}.logo{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;grid-column:1 / 5;border-right:1px solid;padding:var(--spacing-unit)}nav .logo img{width:100%;height:auto;padding-top:calc(((100vw / 6) / 2) - var(--spacing-unit))}.menu-toggle{display:block;position:relative;font-size:1.5rem;border:none;color:transparent;margin:.25rem;grid-column:6 / 6;z-index:5}.menu-toggle:before{content:"";width:10px;height:10px;background-color:transparent;position:absolute;top:calc(50% - 5px);right:calc(50% - 5px);box-shadow:10px 20px 0 var(--off-white),10px 0 0 var(--off-white),10px -20px 0 var(--off-white);border-radius:50%;z-index:6}.menu-toggle:after{content:"";width:10px;height:10px;background-color:transparent;position:absolute;top:calc(50% - 5px);right:calc(50% - 5px);box-shadow:10px 22px 1px #0000004d,10px 2px 1px #0000004d,10px -18px 1px #0000004d;border-radius:50%;z-index:5}.menu-toggle:hover{border-color:var(--white)}.nav-links{position:fixed;top:calc((100vw/6) * 2);right:-100%;width:100vw;height:100vh;background-color:var(--dark-orange);transition:.3s;display:flex;flex-direction:column}.nav-links.active{right:0}.nav-links a{color:var(--off-white);text-decoration:none;padding:var(--spacing-unit);font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--off-white);transition:.1s;height:var(--sizing-unit);font-size:1.5rem;align-content:center}.nav-links a:hover{transition:.3s}.nav-links a:active,.nav-links a:hover{color:var(--dark-orange);background-color:var(--off-white)}.hero{display:grid;flex-direction:column;align-items:flex-start}.hero .container{display:block}.hero .home-content:nth-child(2n){grid-column:1 / 4}.hero .home-content:nth-child(odd){grid-column:4 / 7}.home-content{padding:var(--spacing-unit);border:1px solid var(--off-white);min-height:calc(var(--sizing-unit) * 3);width:calc(var(--sizing-unit) * 3);justify-self:center;background-color:var(--semi-transparent-orange);border-width:0 1px 1px 0}.hero h1{font-size:1.2rem}.hero h3{height:auto}.home-content h2{font-size:1.2rem;font-weight:700;text-decoration:none}.promo-list{list-style:none;padding:0 var(--spacing-unit)}.promo-list li{background-color:var(--semi-transparent-orange);border-radius:0 1rem 1rem 0;border:1px solid rgba(255,255,255,.2);border-left-color:var(--off-white);padding:var(--spacing-unit);margin-bottom:var(--spacing-unit)}.work-example{background-color:#000}.home-content img{width:100%;height:auto}.block-text{font-size:1.5rem;line-height:1.5rem;font-weight:700}.studio-link ul,.consultancy-link ul{padding-left:var(--spacing-unit)}.block-link{position:relative;width:calc((var(--sizing-unit) * 3) - 2rem);height:calc((var(--sizing-unit) * 3) - 2rem);background-color:var(--off-white);cursor:pointer;border-radius:.25rem;box-shadow:0 2px 1px 1px #0003,inset 1px 1px #ffffff80;border:1px solid transparent}.block-link:after{content:"";width:1px;height:1px;display:block;position:absolute;right:0;bottom:var(--spacing-unit);border:10px solid transparent;border-left-color:var(--dark-orange)}a.home-content{text-decoration:none}.block-link{padding:var(--spacing-unit);color:var(--dark-orange)}#nav-link-container{display:flex;width:calc(100vw - 2rem);flex-direction:row;justify-content:flex-start;align-items:center;gap:16px}.button.nav-link{display:inline-flex;flex:1;align-items:center;justify-content:center;position:relative;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;text-decoration:none;color:var(--off-white);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;border:none}.btn.nav-link:hover{background-color:var(--off-white)}.btn.nav-link:active,.btn.nav-link:focus{background-color:var(--off-white)}.cta{background:linear-gradient(45deg,#ff0080,#0cf);width:calc(100vw - (2 * var(--spacing-unit)));padding:var(--spacing-unit);margin:var(--spacing-unit)}.section-title,.section-subtitle,.service,.scroll-container,.contact-form,.contact-text,.product-block{grid-column:1 / 7}.section-title{position:relative;background-color:var(--off-white);color:var(--orange);padding:var(--spacing-unit);text-align:right;text-transform:uppercase;height:var(--sizing-unit)}.section-subtitle{padding:var(--spacing-unit);text-align:left;height:var(--sizing-unit)}.quote,.container p,.service h3,.service h4,.service p{padding:0 var(--spacing-unit) var(--spacing-unit) var(--spacing-unit)}.service ul{padding:0 var(--spacing-unit) var(--spacing-unit) calc(var(--spacing-unit) * 2);list-style:none}.service ul li{position:relative;padding:0 0 0 calc(var(--spacing-unit) * 1.5)}.service ul li:before{content:"●";position:absolute;left:0;top:0;font-size:1.2em;color:#fff}.service ul ul{padding-left:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) / 2)}.service ul ul li{padding-left:calc(var(--spacing-unit) * 1.5)}.service ul ul li:before{content:"○";font-size:1em}.service{padding:var(--spacing-unit)}.card{padding:var(--spacing-unit);padding-bottom:calc(var(--spacing-unit) * 2);border:1px solid rgba(255,255,255,.2);transition:.3s;border-radius:4px;background-color:var(--semi-transparent-orange)}.card:hover,.card:focus-within{border-color:var(--white)}.card h3{font-size:1rem;padding-bottom:var(--spacing-unit)}.card p{padding:0 calc(var(--spacing-unit) * 2)}.card ul{padding-left:calc(var(--spacing-unit) * 3)}.scroll-container{position:relative;align-items:center}.scroll-container button{z-index:1}#main-content-about .container{grid-template-rows:initial}.profile-text,.profile-pic,.profile-position{padding:var(--spacing-unit)}.quote{padding-left:calc(var(--spacing-unit) * 2)}cite{display:block;padding-left:calc(var(--spacing-unit) * 4);padding-bottom:var(--spacing-unit)}.contact-form{padding:var(--spacing-unit)}#contact-form .cta{padding:var(--spacing-unit) 0 var(--spacing-unit) 0;margin:0;color:var(--off-white);font-size:1rem;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.contact-text{margin-top:var(--spacing-unit)}a.contact-link{text-decoration:none;width:calc(var(--sizing-unit) * 2);height:var(--sizing-unit);grid-column:3 / 4}.contact-linkedin{width:100%;height:100%;border-radius:.25rem;background-image:url(../images/linked-acc.png);background-color:var(--dark-orange);background-repeat:no-repeat;background-size:contain;color:transparent;border:none}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:700}input,textarea,select{width:100%;padding:.8rem;border:2px solid transparent;border-radius:4px;background-color:#ffffffe6;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--black)}textarea{height:150px;resize:vertical}.form-error{color:gold;font-size:.9rem;margin-top:.25rem}.service-toggle{background:var(--off-white);border:none;border-radius:4px;padding:0;margin-bottom:var(--spacing-unit);cursor:pointer;width:calc(100vw - (var(--spacing-unit) * 2));text-align:left;box-shadow:0 2px 1px 1px #0003,inset 1px 1px #fff}.service-toggle h3{color:var(--dark-orange);margin:0;padding:var(--spacing-unit);grid-column:1 / 7;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.service-content{overflow:hidden;transition:max-height .3s ease}@media (max-width: 768px){.service-content{max-height:0}.service-content.expanded{max-height:2000px}.service-toggle h3:after{content:"+";font-weight:700;font-size:2rem}.service-toggle[aria-expanded=true] h3:after{content:"−"}}@media (min-width: 769px){.service-content{max-height:none}.service-toggle h3:after{display:none}}.data-viz{position:relative;overflow:hidden;height:calc(var(--sizing-unit) * 2);display:flex;flex-direction:column}.data-bars{position:absolute;bottom:0;display:flex;gap:6px;align-items:center;justify-content:space-between;padding-left:4px;height:var(--sizing-unit);width:var(--sizing-unit)}.bar{background:var(--off-white);width:8px;flex:1;border-radius:4px;transition:height .5s ease;animation:pulse 2s infinite alternate}@keyframes pulse{0%{height:20%}to{height:80%}}.data-circles-viz,.data-bars-viz{background:transparent;position:relative;overflow:hidden;height:var(--sizing-unit);flex:1}.data-circles{position:absolute;bottom:50%;width:calc(100vw * (1/6))}.circle{position:absolute;top:50%;left:50%;border:1px solid white;border-radius:50%;margin-left:-50%;margin-top:-50%}.circle:before{content:"";width:2px;height:2px;display:block;background-color:transparent;position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);border-radius:50%}.circle:nth-child(1){width:10px;height:10px;margin-left:-5px;margin-top:-5px;animation:rotate-left 2s linear infinite}.circle:nth-child(1):before{box-shadow:0 -5px #fff,0 5px #fff}.circle:nth-child(2){width:20px;height:20px;margin-left:-10px;margin-top:-10px;animation:rotate-right 3s linear infinite}.circle:nth-child(2):before{box-shadow:0 -10px #fff,0 10px #fff}.circle:nth-child(3){width:30px;height:30px;margin-left:-15px;margin-top:-15px;animation:rotate-left 4s linear infinite}.circle:nth-child(3):before{box-shadow:0 -15px #fff,0 15px #fff}.circle:nth-child(4){width:40px;height:40px;margin-left:-20px;margin-top:-20px;animation:rotate-right 5s linear infinite}.circle:nth-child(4):before{box-shadow:0 -20px #fff,0 20px #fff}@keyframes rotate-left{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-right{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.product-block h3{padding:var(--spacing-unit);grid-column:1 / 4}.product-img{padding:var(--spacing-unit)}.product-img img,.profile-pic img{width:100%;height:auto}.profile-pic img{width:calc(100vw - calc(var(--spacing-unit) * 2))}.product-block .caption{font-size:.8rem}.product-block p,.product-block ul{padding:var(--spacing-unit) calc(var(--spacing-unit) * 2)}.product-block ul{padding-left:calc(var(--spacing-unit) * 3)}nav,footer{grid-column:1 / 7}@media (max-width: 767px){.scroll-container{position:relative}.scroll-arrow{position:absolute;bottom:50%;width:calc(var(--sizing-unit) / 2);height:calc(var(--sizing-unit) / 2);background-color:var(--off-white);border:none;color:transparent;font-size:1.5rem;z-index:2;cursor:pointer;display:none}.scroll-arrow:before{content:"";position:absolute;top:25%;left:25%;display:block;width:1px;height:1px;background-color:transparent;border:calc(var(--sizing-unit) / 8) solid transparent;border-left-color:var(--dark-orange)}.scroll-arrow.left:before{transform:rotate(180deg)}.scroll-arrow.left{left:0}.scroll-arrow.right{right:0}.grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.card{flex:0 0 100%;scroll-snap-align:start;margin-right:var(--spacing-unit)}}@media (min-width: 768px){.layout-wrapper{grid-template-rows:calc(100vw / 6) auto auto}nav{height:var(--sizing-unit);border-bottom:1px solid var(--off-white);background:transparent}.logo{grid-column:1 / 4;padding:var(--spacing-unit) 0 0 var(--spacing-unit)}nav .logo img{width:calc((var(--sizing-unit) * 3) - (var(--spacing-unit) * 2));height:auto;padding-top:0}.data-viz{height:var(--sizing-unit);flex-direction:row;grid-column:5 / 7;opacity:.5}.data-circles-viz{transform:scale(4)}.data-bars{gap:1rem;width:calc(var(--sizing-unit) - var(--spacing-unit))}.container{grid-template-rows:calc(var(--sizing-unit) / 2)}.menu-toggle{display:none}.nav-links{position:static;text-align:right;width:auto;height:auto;background-color:transparent;display:flex;flex-direction:column;justify-content:center;padding:0;border-left:1px solid var(--off-white);grid-column:4 / 5;grid-row:1}.nav-links a{padding:0 1rem;border-bottom:none;height:auto;font-size:1.2rem}.grid,.team-grid{grid-template-columns:repeat(2,1fr)}.scroll-arrow{display:none!important}.section-title,.section-subtitle{height:calc(var(--sizing-unit) / 2)}.section-title,.hero h1{font-size:calc((var(--sizing-unit) / 2) - (var(--spacing-unit) * 2));line-height:calc((var(--sizing-unit) / 2) - (var(--spacing-unit) * 2))}.home-content{width:calc(var(--sizing-unit) * 2);min-height:calc(var(--sizing-unit) * 2);font-size:1.5rem}.home-content h2{font-size:2rem}.home-content .block-link{width:calc((var(--sizing-unit) * 2) - 2rem);height:calc((var(--sizing-unit) * 2) - 2rem)}.hero .home-content:nth-child(2){grid-column:1 / 3}.hero .home-content:nth-child(3){grid-column:3 / 5}.hero .home-content:nth-child(4){grid-column:5 / 7}.hero .home-content:nth-child(5){grid-column:1 / 3}.hero .home-content:nth-child(6){grid-column:3 / 5}.hero .home-content:nth-child(7){grid-column:5 / 7}.service-toggle{border-radius:0;box-shadow:none;cursor:auto}.product-block .product-img{grid-column:2 / 4}.product-block .product-text{grid-column:4 / 6}#main-content-about .profile-pic{grid-column:1 / 3}#main-content-about .profile-text{grid-column:3 / 7}.profile-pic img{width:100%}.button.nav-link{display:block;width:calc(100vw - (2 * var(--spacing-unit)) - (2 * var(--sizing-unit)));text-align:center}}@media (min-width: 992px){.content-area{margin:0 var(--sizing-unit)}.container{display:block}.grid,.team-grid{grid-template-columns:repeat(3,1fr)}.container,.section-title,.section-subtitle,.service,.scroll-container,.contact-form,.contact-text,.product-block,.u-grid-full,.content-area,main{width:calc(100vw - (2 * var(--sizing-unit)))}.container h1{position:relative}.container h1:before,.container h1:after{content:"";display:block;position:absolute;top:0;width:var(--sizing-unit);height:calc(var(--sizing-unit) / 2);background-color:var(--off-white)}.container h1:before{right:calc(100vw - (2 * (var(--sizing-unit))))}.container h1:after{left:calc(100vw - (2 * (var(--sizing-unit))))}.service-toggle{width:calc(100vw - (2 * var(--sizing-unit)) - (2 * var(--spacing-unit)))}.profile-pic{width:var(--sizing-unit);margin:auto}.cta{width:100%}a.contact-link{display:block;margin:0 auto;width:var(--sizing-unit);height:calc(var(--sizing-unit) / 2)}.product-img.u-grid-full,.product-text.u-grid-full{width:auto}}@media (min-width: 1200px){.container{max-width:1140px}}@media (forced-colors: active){.btn,.card,.nav-links a,.menu-toggle{border:1px solid currentColor}}.carousel-container{position:relative;width:100%;height:100%;overflow:hidden}.carousel-image{position:absolute;opacity:0;transition:opacity 1s ease-in-out;width:100%;height:100%;top:0;left:0;z-index:0}.carousel-image.active{opacity:1;z-index:1}