.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}}.app-showcase{background-color:var(--color-bg-grey);position:relative}.app-showcase__inner{margin:auto;max-width:var(--content-max-width);padding:0 var(--gutter-mobile);width:100%}.app-showcase__inner.section{padding:calc(var(--gutter-mobile)*4) var(--gutter-mobile)}@media screen and (min-width:768px){.app-showcase__inner{padding:0 var(--gutter-tablet)}.app-showcase__inner.section{padding:calc(var(--gutter-tablet)*4) var(--gutter-tablet)}}@media screen and (min-width:1024px){.app-showcase__inner{padding:0 var(--gutter-desktop)}.app-showcase__inner.section{padding:calc(var(--gutter-desktop)*4) var(--gutter-desktop)}}.app-showcase__title{color:var(--color-primary)}.app-showcase__split{display:flex;flex-direction:column}.app-showcase__image-wrap{width:100%;order:-1;display:flex;align-items:center;justify-content:center;padding:2rem var(--gutter-mobile) 1rem}.app-showcase__image{width:100%;max-width:400px;height:auto;display:block}.app-showcase__content-wrap{background-color:var(--color-bg-grey);padding:3rem var(--gutter-mobile);justify-content:center}.app-showcase__content,.app-showcase__content-wrap{display:flex;flex-direction:column;align-items:center}.app-showcase__content{text-align:center;max-width:500px}.app-showcase__content.is-loading{opacity:0}.app-showcase__content{transition:opacity .8s ease .2s}.app-showcase__content-heading{font-size:48px;margin-bottom:1rem}.app-showcase__content-subheading{font-family:var(--font-display);font-size:34px;font-weight:400;margin-bottom:1rem}.app-showcase__content-body{font-family:var(--font-body);font-size:16px;line-height:1.6;margin-bottom:2rem}.app-showcase__cta{margin:0}@media screen and (min-width:768px){.app-showcase__content-wrap{padding:3rem var(--gutter-tablet)}.app-showcase__content-heading{font-size:70px}.app-showcase__content-subheading{font-size:42px}.app-showcase__content-body{font-size:18px}.app-showcase__image-wrap{padding:4rem var(--gutter-tablet)}.app-showcase__image{max-width:500px}}@media screen and (min-width:1024px){.app-showcase__split{flex-direction:row;align-items:stretch;min-height:600px}.app-showcase__image-wrap{width:50%;order:0;padding:4rem var(--gutter-desktop)}.app-showcase__image{max-width:500px}.app-showcase__content-wrap{width:50%;order:1;padding:4rem var(--gutter-desktop);min-height:600px}.app-showcase__content-heading{font-size:70px}.app-showcase__content-subheading{font-size:50px}.app-showcase__content-body{font-size:20px}}