.hero-banner{background-color:#000;position:relative}.hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);pointer-events:none;z-index:1}.hero-banner__inner{display:flex;flex-direction:column;margin:auto;max-width:var(--content-max-width);padding:0 var(--gutter-mobile);width:100%}.hero-banner__inner.section{padding:calc(var(--gutter-mobile)*4) var(--gutter-mobile)}@media screen and (min-width:768px){.hero-banner__inner{padding:0 var(--gutter-tablet)}.hero-banner__inner.section{padding:calc(var(--gutter-tablet)*4) var(--gutter-tablet)}}@media screen and (min-width:1024px){.hero-banner__inner{padding:0 var(--gutter-desktop)}.hero-banner__inner.section{padding:calc(var(--gutter-desktop)*4) var(--gutter-desktop)}}.hero-banner__inner{max-width:none}.hero-banner__inner.section{padding:0}.hero-banner__image-wrap{width:100%;order:-1}.hero-banner__image{width:100%;height:auto;display:block}.hero-banner__caption{color:#999;font-family:var(--font-display-light);font-size:14px;margin-top:.75rem;padding:0 var(--gutter-mobile);text-align:right}.hero-banner__caption a{text-decoration:underline}.hero-banner__content-wrap{background-color:#000;color:#fff;padding:2rem var(--gutter-mobile);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:350px}.hero-banner h1{color:#fff;font-size:48px;margin:0 auto var(--gutter-mobile);max-width:350px}.hero-banner p{color:#fff;font-size:18px;margin:0 auto 1rem;max-width:380px;padding:0 var(--gutter-mobile)}@media screen and (min-width:768px){.hero-banner h1{font-size:70px;max-width:475px}.hero-banner p{font-size:20px;max-width:400px}}@media screen and (min-width:1024px){.hero-banner{min-height:800px}.hero-banner:before{height:200px}.hero-banner__inner{flex-direction:row;align-items:stretch;padding:0;min-height:800px}.hero-banner__content-wrap{width:50%;order:0;padding:3rem var(--gutter-desktop);min-height:600px}.hero-banner__image-wrap{width:50%;order:1}.hero-banner__image{width:100%;height:100%;object-fit:cover}.hero-banner__caption{color:var(--color-text-light);font-size:18px;padding:0 var(--gutter-desktop)}.hero-banner h1{font-size:70px;max-width:600px}.hero-banner p{font-size:22px;max-width:450px}}.previous-work__inner{margin:auto;max-width:var(--content-max-width);padding:0 var(--gutter-mobile);width:100%}.previous-work__inner.section{padding:calc(var(--gutter-mobile)*4) var(--gutter-mobile)}@media screen and (min-width:768px){.previous-work__inner{padding:0 var(--gutter-tablet)}.previous-work__inner.section{padding:calc(var(--gutter-tablet)*4) var(--gutter-tablet)}}@media screen and (min-width:1024px){.previous-work__inner{padding:0 var(--gutter-desktop)}.previous-work__inner.section{padding:calc(var(--gutter-desktop)*4) var(--gutter-desktop)}}.previous-work__logo-grid{grid-gap:var(--gutter-mobile);gap:var(--gutter-mobile);display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(115px,auto)}.previous-work__logo{cursor:pointer;display:flex;position:relative;transition:background-color .2s ease}.previous-work__logo.is-loading{opacity:0}.previous-work__logo{transition:opacity .8s ease .2s}.previous-work__logo svg{width:100%;pointer-events:none}.previous-work__logo-details{align-items:center;background-color:var(--color-bg-grey);display:flex;flex-direction:column;height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:height .4s ease,opacity .4s ease,width .4s ease;width:0;z-index:1}.previous-work__logo:nth-child(2n) .previous-work__logo-details{left:unset;right:0}.previous-work__logo:last-child .previous-work__logo-details,.previous-work__logo:nth-last-child(2) .previous-work__logo-details{bottom:0;top:unset}.previous-work__logo-content{color:var(--color-bg-grey);display:flex;flex-direction:column;height:0;justify-content:center;opacity:0;padding:var(--gutter-mobile);transition:opacity 1.6s}.previous-work__logo-content p{font-size:20px;margin:0}.previous-work__logo-content p label{font-family:var(--font-display);margin-right:.25rem}.previous-work__logo-content p span{color:var(--color-text-light);font-family:var(--font-display-light)}.previous-work__logo-content p:last-child{margin-bottom:0}.previous-work__logo.is-active{cursor:unset}.previous-work__logo.is-active .previous-work__logo-details{height:calc(230px + var(--gutter-mobile));opacity:1;pointer-events:auto;width:calc(200% + var(--gutter-mobile))}.previous-work__logo.is-active .previous-work__logo-content{color:var(--color-primary);height:calc(100% - var(--gutter-mobile));opacity:1}.previous-work__close{color:var(--color-primary);height:24px;opacity:.4;position:absolute;right:calc(var(--gutter-mobile)/2);top:calc(var(--gutter-mobile)/2);width:24px}.previous-work__badges{bottom:var(--gutter-mobile);display:flex;justify-content:center;left:var(--gutter-mobile);position:absolute;width:calc(100% - var(--gutter-mobile)*2)}.previous-work__badge{background-color:var(--color-primary);border-radius:3px;color:var(--color-text-inverse);font-size:16px;font-family:var(--font-display);letter-spacing:.5px;margin-right:.5rem;padding:.25rem .5rem .1rem}.previous-work__badge:last-child{margin-right:0}.previous-work__badge--affirm{background-color:#4a4af4}.previous-work__badge--algolia{background-color:#5468ff}.previous-work__badge--bazaarvoice{background-color:#002e6e}.previous-work__badge--boost{background-color:#f30}.previous-work__badge--findify{background-color:#3e93f8}.previous-work__badge--flexiti{background-color:#e94679}.previous-work__badge--gorgias{background-color:#ff9780;color:var(--color-primary)}.previous-work__badge--heap{background-color:#31d891;color:#120e43}.previous-work__badge--klarna{background-color:#ffa8cd;color:#0b051d}.previous-work__badge--klaviyo{background-color:#24ce78;color:#252c26}.previous-work__badge--optimizely{background-color:#007bff}.previous-work__badge--sanity{background-color:#ef4434}.previous-work__badge--searchspring{background-color:#3a23ad}.previous-work__badge--speakeasy{background-color:#b49b7d;color:var(--color-primary)}.previous-work__badge--submarine{background-color:#0e4652}.previous-work__badge--yotpo{background-color:#0042e4}@media screen and (min-width:768px){.previous-work__logo-grid{gap:var(--gutter-tablet);grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(130px,auto)}.previous-work__logo{padding:0 .5rem}.previous-work__logo-details{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:all .4s ease;width:0;z-index:1}.previous-work__logo:nth-child(2n) .previous-work__logo-details{left:0;right:unset}.previous-work__logo:nth-child(3n) .previous-work__logo-details{left:unset;right:0}.previous-work__logo:nth-last-child(3) .previous-work__logo-details{bottom:0;top:unset}.previous-work__logo-content p{font-size:23px}.previous-work__logo.is-active .previous-work__logo-details{height:calc(260px + var(--gutter-tablet));width:calc(200% + var(--gutter-tablet))}.previous-work__logo.is-active .previous-work__logo-content{height:calc(100% - var(--gutter-tablet))}.previous-work__close{right:calc(var(--gutter-tablet)/2);top:calc(var(--gutter-tablet)/2)}.previous-work__badges{bottom:var(--gutter-tablet);left:var(--gutter-tablet);width:calc(100% - var(--gutter-tablet)*2)}.previous-work__badge{font-size:17px}}@media screen and (min-width:1024px){.previous-work__logo-grid{gap:var(--gutter-desktop);grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto)}.previous-work__logo{padding:0 1rem}.previous-work__logo:nth-child(3n) .previous-work__logo-details{left:0;right:unset}.previous-work__logo:nth-child(4n) .previous-work__logo-details{left:unset;right:0}.previous-work__logo:nth-last-child(4) .previous-work__logo-details{bottom:0;top:unset}.previous-work__logo-content p{font-size:25px}.previous-work__logo:hover{background-color:var(--color-bg-grey)}.previous-work__logo.is-active .previous-work__logo-details{height:calc(360px + var(--gutter-desktop));width:calc(200% + var(--gutter-desktop))}.previous-work__logo.is-active .previous-work__logo-content{height:calc(100% - var(--gutter-desktop))}.previous-work__close{right:calc(var(--gutter-desktop)/2);top:calc(var(--gutter-desktop)/2)}.previous-work__badges{bottom:var(--gutter-desktop);left:var(--gutter-desktop);width:calc(100% - var(--gutter-desktop)*2)}.previous-work__badge{font-size:18px}}