:root{color:#262626;--font-sf-pro:"SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;font-family:var(--font-sf-pro);font-synthesis:none;text-rendering:optimizelegibility;background:#fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fafafa}body{background:#fafafa;min-width:320px;margin:0}#root{background:#fafafa}a{color:inherit}.page{background:#fafafa;min-height:100vh}.content-shell{width:min(880px,100% - 48px);margin:0 auto;padding:32px 0 64px}.nav-bar{justify-content:space-between;align-items:center;height:20px;display:flex;overflow:hidden}.brand,.nav-links a,.message-line,.availability,.social-link{letter-spacing:-.21px;font-size:14px;line-height:20px;text-decoration:none}.brand{font-weight:510}.nav-links{justify-content:center;align-items:center;gap:20px;display:flex}.nav-links a,.social-link,.availability,.copy-body p{color:gray}.nav-links a{color:#b3b3b3}.nav-links a.active{color:#262626}.intro{min-height:209px;margin-top:64px;display:block;position:relative}.intro-copy{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;display:flex}h1{color:#262626;letter-spacing:-2px;margin:0;font-size:48px;font-weight:510;line-height:1.08}.copy-body{flex-direction:column;align-items:flex-start;gap:20px;width:100%;display:flex}.copy-body p{margin:0}.copy-body>p:first-child{letter-spacing:-.21px;width:100%;font-size:14px;line-height:20px}.copy-body>p:nth-child(2){letter-spacing:-.21px;max-width:100%;font-size:14px;line-height:20px}.message-line{white-space:nowrap;align-items:center;gap:6px;height:20px;display:flex}.message-line a{color:#262626;text-underline-offset:2px;font-weight:510;text-decoration:underline}.intro-meta{align-items:flex-start;height:auto;display:flex;position:absolute;top:19px;right:0;overflow:hidden}.availability{color:#00ce5c;white-space:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.availability-dot{background:#00ce5c;border-radius:40px;width:4px;height:4px;display:block}.social-links{flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;display:flex}.social-link{color:#909090;justify-content:space-between;align-items:center;width:auto;height:20px;transition:color .16s;display:flex}.social-link:hover,.social-link:focus-visible{color:#262626;font-weight:510}.social-icon{display:none}.featured-work{width:100%;margin-top:48px}.featured-work-footer{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:16px;display:flex}.featured-work-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.featured-work-title,.featured-work-subtitle,.slide-count,.featured-work-controls button{letter-spacing:-.16px;font-size:13px;line-height:18px}.featured-work-title{color:#262626}.featured-work-subtitle{color:#8d8d8d}.featured-work-controls{flex:none;align-items:center;gap:8px;display:flex}.slide-count{color:#8d8d8d;font-variant-numeric:tabular-nums;margin-right:4px}.featured-work-controls button{color:#262626;cursor:pointer;background:0 0;border:1px solid #dedede;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;transition:color .16s,border-color .16s,background-color .16s;display:grid}.featured-work-controls button:hover,.featured-work-controls button:focus-visible{color:#fff;background:#262626;border-color:#262626}.work-content{width:100%;margin-top:48px}.work-intro{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.work-intro h1{color:#424242;letter-spacing:0;margin:0;font-size:24px;font-weight:400;line-height:32px}.work-intro p{color:gray;letter-spacing:-.21px;margin:0;font-size:14px;line-height:20px}.projects-section{flex-direction:column;gap:20px;margin-top:24px;display:flex}.work-gallery-section{flex-direction:column;gap:24px;margin-top:24px;display:flex}.work-filter-row{align-items:center;gap:24px;min-height:32px;display:flex}.work-filter{color:#0000008a;cursor:pointer;font:inherit;letter-spacing:-.21px;background:0 0;border:0;padding:0;font-size:14px;line-height:20px}.work-filter.active,.work-filter:hover,.work-filter:focus-visible{color:#000}.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;display:grid}.work-gallery-card{aspect-ratio:430/310;cursor:pointer;width:100%;font:inherit;background:0 0;border:1px solid #f3f3f3;padding:20px 16px;display:block;overflow:hidden}.work-gallery-card img{object-fit:contain;border:0;outline:0;width:100%;height:100%;transition:opacity .18s;display:block}.work-gallery-card:hover img,.work-gallery-card:focus-visible img{opacity:.82}body.preview-is-open{overflow:hidden}.work-preview{z-index:20;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.work-preview-frame{border:1px solid #f0f0f0;justify-content:center;align-items:center;width:min(56vw,1090px);height:min(73vh,790px);padding:40px 50px;display:flex}.work-preview-frame img{object-fit:contain;image-rendering:auto;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.work-preview-close,.work-preview-arrow{color:#424242;cursor:pointer;font:inherit;background:#fff;border:1px solid #ededed;transition:background-color .16s,border-color .16s,color .16s;position:absolute}.work-preview-close{border-radius:10px;padding:9px 18px;font-size:14px;top:42px;left:42px}.work-preview-arrow{border:0;width:44px;height:44px;padding:0;top:50%;transform:translateY(-50%)}.work-preview-arrow-left{left:38px}.work-preview-arrow-right{right:38px}.work-preview-arrow span{border-top:2px solid #262626;border-right:2px solid #262626;width:11px;height:11px;margin:auto;transition:transform .18s,border-color .18s;display:block}.work-preview-arrow-left span{transform:rotate(-135deg)}.work-preview-arrow-right span{transform:rotate(45deg)}.work-preview-arrow-left:hover span,.work-preview-arrow-left:focus-visible span{transform:translate(-3px)rotate(-135deg)}.work-preview-arrow-right:hover span,.work-preview-arrow-right:focus-visible span{transform:translate(3px)rotate(45deg)}.work-preview-close:hover,.work-preview-close:focus-visible{color:#000;background:#f5f5f5;border-color:#d8d8d8;outline:none}.work-preview-arrow:hover span,.work-preview-arrow:focus-visible span{border-color:#000}.work-preview-arrow:focus-visible{outline:none}.section-label{color:#b3b3b3;letter-spacing:-.21px;margin:0;font-size:14px;line-height:20px}.project-list{flex-direction:column;gap:24px;display:flex}.work-project{width:100%}.work-project-image{background:#f7f7f7;border-radius:12px;width:100%;height:475px;overflow:hidden}.work-project-image img{object-fit:cover;width:100%;height:100%;display:block}.work-project-image img.contain{object-fit:contain}.work-project-image img.adikastake{object-fit:cover;height:128.45%;position:relative;top:-28.42%}.work-project-caption{align-items:center;gap:10px;width:100%;height:20px;margin-top:20px;display:flex;overflow:hidden}.project-name-wrap{flex:none;align-items:center;gap:6px;display:inline-flex}.project-arrow{color:#a0a0a0;font-size:14px;line-height:20px;transition:color .16s,transform .16s}.work-project-summary{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.muted,.project-description,.project-name{white-space:nowrap;letter-spacing:-.21px;text-overflow:ellipsis;font-size:14px;line-height:20px;overflow:hidden}.muted,.project-name{color:gray}.project-description{color:#262626}.project-name{flex:none}.work-project-link{color:inherit;text-decoration:none;display:block}.work-project-link:hover .work-project-image img,.work-project-link:focus-visible .work-project-image img{transform:scale(1.018)}.work-project-link:hover .project-arrow,.work-project-link:focus-visible .project-arrow{color:#262626;transform:translate(2px,-2px)}.work-project-image img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.case-study-content{flex-direction:column;gap:24px;width:100%;margin-top:40px;display:flex}.case-study-page{font-family:var(--font-sf-pro)}#cooglr.case-study-page{--cooglr-page-bg:#fafafa;--cooglr-ink:#262626;--cooglr-muted:#7b7b7b;--cooglr-faint:#a3a3a3;--cooglr-content-width:880px;--cooglr-section-gap:24px;--cooglr-body-size:14px;--cooglr-body-leading:20px;--cooglr-body-tracking:-.21px;--cooglr-heading-size:20px;--cooglr-heading-leading:28px;--cooglr-image-radius:24px;--cooglr-hero-title-size:32px;--cooglr-hero-title-leading:32px;--cooglr-hero-copy-size:16px;--cooglr-hero-copy-leading:26px;--cooglr-hero-copy-tracking:-.25px;background:var(--cooglr-page-bg)}#cooglr .content-shell{width:min(var(--cooglr-content-width), calc(100% - 48px))}#cooglr .case-study-content{gap:64px}#cooglr .cooglr-decision-group{gap:56px}#cooglr .cooglr-hero-section{gap:32px}#cooglr .case-overview-copy{gap:16px}#cooglr .case-overview h1{color:var(--cooglr-ink);font-size:var(--cooglr-hero-title-size);line-height:var(--cooglr-hero-title-leading);letter-spacing:0;font-weight:500}#cooglr .case-overview p{color:gray;font-size:var(--cooglr-hero-copy-size);line-height:var(--cooglr-hero-copy-leading);letter-spacing:var(--cooglr-hero-copy-tracking);font-weight:350}#cooglr .case-hero-image,#cooglr .case-hero-image img,#cooglr .case-ui-image-block .case-product-image{border-radius:7px}#cooglr .case-rich-text,#cooglr .case-reflection p,#cooglr .case-contact p{color:var(--cooglr-muted);font-size:var(--cooglr-body-size);line-height:var(--cooglr-body-leading);letter-spacing:var(--cooglr-body-tracking)}#cooglr .case-section-heading h2,#cooglr .case-sample-heading h2,#cooglr .cooglr-decision h2{color:var(--cooglr-ink);font-size:var(--cooglr-heading-size);line-height:var(--cooglr-heading-leading)}#cooglr .cooglr-problem-section .case-section-heading h2,#cooglr .cooglr-decision h2,#cooglr .case-ui-samples .case-sample-heading h2,#cooglr .case-reflection .case-sample-heading h2{color:var(--cooglr-ink);letter-spacing:0;font-size:24px;font-weight:500;line-height:32px}#cooglr .cooglr-problem-section .problem-copy{color:gray;letter-spacing:-.25px;flex-direction:column;gap:12px;font-size:16px;font-weight:350;line-height:26px;display:flex}#cooglr .cooglr-problem-section .problem-copy p{line-height:26px}#cooglr .cooglr-problem-section .problem-copy strong{color:#262626;font-weight:400}#cooglr .cooglr-problem-section .problem-question-intro+.problem-question{margin-top:4px}#cooglr .cooglr-decision-intro{color:gray;letter-spacing:-.25px;margin:0;font-size:16px;font-weight:350;line-height:26px}#cooglr .cooglr-decision-copy{gap:16px}#cooglr .cooglr-decision-intro strong{color:#262626;font-weight:400}#cooglr .cooglr-decision .case-study-image{border-radius:7px}#cooglr .case-reflection p,#cooglr .case-contact p{color:gray;letter-spacing:-.25px;font-size:16px;font-weight:350;line-height:26px}#cooglr .case-contact a{color:#262626;letter-spacing:-.25px;font-size:16px;font-weight:500;line-height:26px}#cooglr .case-ui-samples{gap:24px}#cooglr .case-ui-samples .case-sample-heading,#cooglr .case-reflection .case-sample-heading{height:32px}#jumia.jumia-case-study{--jumia-page-bg:#fafafa;--jumia-ink:#262626;--jumia-muted:gray;--jumia-content-width:880px;background:var(--jumia-page-bg)}#jumia .content-shell{width:min(var(--jumia-content-width), calc(100% - 48px))}#jumia .case-study-content{gap:64px}#jumia .jumia-hero-section{flex-direction:column;gap:32px;width:100%;display:flex}#jumia .case-overview{gap:32px}#jumia .case-overview-copy{gap:16px}#jumia .case-overview h1{color:var(--jumia-ink);letter-spacing:0;font-size:32px;font-weight:500;line-height:32px}#jumia .case-overview p,#jumia .case-rich-text,#jumia .case-rich-text p,#jumia .case-reflection p,#jumia .case-contact p{color:var(--jumia-muted);letter-spacing:-.25px;font-size:16px;font-weight:350;line-height:26px}#jumia .case-meta-compact{grid-template-columns:2fr 2fr 1fr;gap:32px;display:grid}#jumia .case-study-image,#jumia .case-study-image img{border-radius:7px}#jumia .jumia-case-hero{aspect-ratio:2640/1791;height:auto}#jumia .case-divider{display:none}#jumia .case-section-heading h2,#jumia .case-sample-heading h2{color:var(--jumia-ink);letter-spacing:0;font-size:24px;font-weight:500;line-height:32px}#jumia .case-sample-heading{height:32px}#jumia .case-problem,#jumia .case-solution{gap:24px}#jumia .jumia-problem-copy,#jumia .jumia-solution-copy{flex-direction:column;gap:12px;display:flex}#jumia .jumia-problem-copy strong{color:#262626;letter-spacing:-.25px;font-weight:400;line-height:26px}#jumia .jumia-decision-copy strong{color:#262626;font-weight:400}#jumia .case-kicker{color:#a3a3a3}#jumia .case-contact a{color:var(--jumia-ink);letter-spacing:-.25px;font-size:16px;font-weight:500;line-height:26px}#jumia .case-contact{gap:10px}#portico.portico-case-study{--portico-page-bg:#fafafa;--portico-ink:#262626;--portico-muted:gray;--portico-content-width:880px;background:var(--portico-page-bg)}#portico .content-shell{width:min(var(--portico-content-width), calc(100% - 48px))}#portico .case-study-content{gap:64px}#portico .portico-hero-section{flex-direction:column;gap:32px;width:100%;display:flex}#portico .case-overview-copy{gap:16px}#portico .case-overview h1{max-width:none;color:var(--portico-ink);letter-spacing:0;font-size:32px;font-weight:500;line-height:32px}#portico .case-overview p,#portico .case-rich-text,#portico .case-rich-text p,#portico .case-reflection p,#portico .case-contact p{color:var(--portico-muted);letter-spacing:-.25px;font-size:16px;font-weight:350;line-height:26px}#portico .case-meta-compact{grid-template-columns:2fr 2fr 1fr;gap:32px;display:grid}#portico .case-section-heading h2{color:var(--portico-ink);letter-spacing:0;font-size:24px;font-weight:500;line-height:32px}#portico .case-sample-heading{height:32px}#portico .case-sample-heading h2{color:var(--portico-ink);letter-spacing:0;font-size:24px;font-weight:500;line-height:32px}#portico .case-reflection,#portico .case-problem,#portico .portico-approach-section{gap:24px}#portico .case-problem .problem-copy{flex-direction:column;gap:12px;display:flex}#portico .case-rich-text strong{color:var(--portico-ink);font-weight:400}#portico .case-divider{display:none}#portico .case-hero-image,#portico .case-hero-image img{border-radius:7px}#portico .portico-case-hero{aspect-ratio:880/626;height:auto}#portico .portico-case-hero img{border-radius:7px}.case-study-content section[id]{scroll-margin-top:32px}.case-overview{flex-direction:column;gap:12px;width:100%;display:flex}.cooglr-hero-section{flex-direction:column;gap:24px;width:100%;display:flex}.case-overview-copy{flex-direction:column;gap:10px;width:100%;display:flex}.case-overview h1{color:#424242;letter-spacing:0;max-width:600px;margin:0;font-size:24px;font-weight:400;line-height:32px}.case-overview p{color:gray;letter-spacing:-.21px;margin:0;font-size:14px;line-height:20px}.case-divider{background:#0000001a;border:0;width:100%;height:1px}.case-meta{flex-direction:column;gap:20px;width:100%;display:flex}.case-meta-compact{flex-direction:row;grid-template-columns:2fr 2fr 1fr;gap:32px;display:grid}.case-meta-compact .case-meta-item{justify-content:flex-start}.case-meta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:100%;height:50px;display:grid}.case-meta-item{flex-direction:column;justify-content:center;gap:10px;min-width:0;height:50px;display:flex;overflow:hidden}.case-meta-item span{color:#7b7b7b;letter-spacing:-.21px;font-size:14px;line-height:20px}.case-meta-item strong{color:#262626;letter-spacing:-.21px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.case-study-image{background:#15191b;border-radius:24px;width:100%;position:relative;overflow:hidden}.case-study-image img{object-fit:cover;width:100%;height:100%;display:block}.case-hero-image{border-radius:24px;height:626px}.jumia-case-hero{background:#fafafa;height:372px}.jumia-case-hero img{object-fit:contain}.jumia-case-study .case-overview-copy{gap:12px}.jumia-case-study .case-overview h1,.portico-case-study .case-overview h1,.adikastake-case-study .case-overview h1{max-width:none}.adikastake-problem{gap:10px}.adikastake-problem-copy{flex-direction:column;gap:24px;display:flex}.adikastake-problem-issue{flex-direction:column;gap:10px;display:flex}.adikastake-problem-issue h3{color:#262626;letter-spacing:-.21px;margin:0;font-size:14px;font-weight:400;line-height:20px}.adikastake-approach{gap:24px}.adikastake-breakdown h3{letter-spacing:-.21px;font-size:14px;line-height:20px}.adikastake-breakdown-image{height:auto;aspect-ratio:880 / var(--adikastake-image-height);background:#fff;border-radius:0}.adikastake-home-before{--adikastake-image-height:1795}.adikastake-home-after{--adikastake-image-height:2211}.adikastake-shop-before{--adikastake-image-height:1056}.adikastake-shop-after{--adikastake-image-height:747}.adikastake-product-detail{--adikastake-image-height:1208}.adikastake-checkout-before{--adikastake-image-height:926}.adikastake-checkout-after{--adikastake-image-height:991}.adikastake-reflection{gap:24px}.adikastake-reflection .case-kicker{color:#a3a3a3;letter-spacing:-.18px;font-size:12px;line-height:16px}.portico-approach-section{gap:24px}.portico-approach-section .case-section-heading h2{max-width:none}.portico-approach-copy li{line-height:22px}.portico-decisions .case-decision-copy h3{letter-spacing:-.21px;font-size:14px;line-height:20px}#portico .portico-decisions{gap:32px}#portico .portico-decisions .case-first-decision{gap:24px}#portico .portico-decision-copy strong{color:var(--portico-ink);font-weight:400}.portico-decision-image{background:#f7f7f7;border-radius:24px;height:626px}.portico-validation{gap:24px}.portico-validation-copy li{line-height:22px}.case-section,.case-approach-group,.case-decision-group,.case-decision,.case-ui-samples,.case-reflection,.case-contact{flex-direction:column;width:100%;display:flex}.case-section-heading,.case-decision-heading,.case-sample-heading{flex-direction:column;gap:10px;display:flex}.case-section-heading .case-kicker,.case-decision-heading .case-kicker,.case-sample-heading .case-kicker{color:#a3a3a3;letter-spacing:-.18px;font-size:12px;font-weight:400;line-height:16px}.case-section-heading h2,.case-decision-heading h2,.case-sample-heading h2{color:#262626;letter-spacing:-.21px;max-width:600px;margin:0;font-size:20px;font-weight:400;line-height:28px}.case-rich-text{color:#7b7b7b;letter-spacing:-.21px;width:100%;font-size:14px;line-height:20px}.case-rich-text p{margin:0;line-height:20px}.case-rich-text .case-spacer{height:20px}.case-rich-text ul{margin:0;padding-left:21px}.case-rich-text li{line-height:20px}.case-rich-text.problem-copy li{line-height:22px}.problem-lead{line-height:20px!important}.case-problem{gap:24px}.case-problem .case-spacer{height:16px}.cooglr-problem-section .case-section-heading h2{max-width:none}.cooglr-problem-section .problem-copy{max-width:880px}.jumia-case-study .case-problem{gap:10px}.jumia-problem-copy{flex-direction:column;gap:10px;display:flex}.jumia-problem-issue{flex-direction:column;gap:6px;display:flex}.jumia-problem-issue-title{color:#262626}.jumia-case-study .case-solution{gap:16px}.jumia-solution-copy,.jumia-solution-copy p,.jumia-solution-copy li{line-height:22px}.jumia-case-study .case-solution .case-spacer{height:22px}.case-approach{gap:40px}#jumia .jumia-approach{gap:32px}.case-approach-group{gap:24px}.case-approach-copy{flex-direction:column;gap:16px;width:100%;display:flex}.case-choice-group .case-approach-copy{gap:16px}.case-choice-group h3,.case-decision-copy h3{color:#262626;letter-spacing:-.24px;margin:0;font-size:16px;font-weight:400;line-height:24px}.jumia-decision-group h3{color:#262626;letter-spacing:-.21px;margin:0;font-size:14px;font-weight:400;line-height:20px}.case-image-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.case-image-pair>div,.case-wide-image-block,.case-ui-image-block{flex-direction:column;align-items:center;gap:20px;min-width:0;display:flex}.case-image-pair .case-study-image{height:320px}.jumia-image-pair .case-study-image{background:#f7f7f7;border-radius:24px;height:562px}.jumia-decision-group .case-approach-copy{gap:6px}.jumia-first-decision-copy{flex-direction:column;gap:16px;width:100%;display:flex}.jumia-image-pair{grid-template-columns:repeat(2,minmax(0,430px));gap:20px}.jumia-image-pair>div{gap:10px}.jumia-crop-image{justify-content:center;align-items:center;display:flex}.jumia-crop-image img{object-fit:cover;border-radius:15px;width:241px;height:522px}.jumia-order-decision-group .case-study-image{height:561px}.jumia-crop-image.product-before img,.jumia-crop-image.product-after img,.jumia-crop-image.cart-before img,.jumia-crop-image.cart-after img,.jumia-crop-image.order-before img,.jumia-crop-image.order-after img,.jumia-crop-image.auth-before img,.jumia-crop-image.auth-after img{border-radius:24px;width:100%;height:100%}.case-study-caption{color:#a3a3a3;letter-spacing:-.21px;text-align:center;max-width:600px;margin:0;font-size:14px;line-height:20px}.case-decision-group,.cooglr-decision-group,.cooglr-decision{gap:24px}.cooglr-decision .case-approach-copy{gap:16px}.case-decision{gap:24px}.case-first-decision{gap:18px}.case-decision-heading{height:54px}.case-decision-copy{flex-direction:column;gap:10px;width:100%;display:flex}.case-decision-copy .case-rich-text p+p{margin-top:0}.case-product-image{border-radius:16px;height:492px}.case-wide-image-block{gap:20px}.case-ui-samples{gap:16px}.case-sample-heading{height:54px}.case-ui-image-block{gap:16px}.case-ui-image-block .case-product-image{border-radius:24px;height:626px}.case-reflection{gap:16px}.case-reflection p,.case-contact p{color:#7b7b7b;letter-spacing:-.21px;width:100%;margin:0;font-size:14px;line-height:20px}.case-contact{gap:10px}.case-contact p:last-child{align-items:center;gap:6px;display:flex}.case-contact a{color:#262626;text-underline-offset:2px;font-weight:510;text-decoration:underline}.case-project-nav{justify-content:space-between;align-items:center;width:100%;height:20px;display:flex}.case-project-nav a{color:#b3b3b3;letter-spacing:-.21px;align-items:center;gap:6px;height:20px;font-size:14px;line-height:20px;text-decoration:none;transition:color .18s,transform .18s;display:flex}.case-project-nav-icon{justify-content:center;align-items:center;width:18px;height:18px;transition:transform .18s;display:flex}.case-project-nav img{filter:brightness();width:18px;height:18px;transition:filter .18s;display:block}.case-project-nav a:last-child img{transform:rotate(180deg)}.case-project-nav a:hover,.case-project-nav a:focus-visible{color:#262626}.case-project-nav a:hover img,.case-project-nav a:focus-visible img{filter:brightness(.2)}.case-project-nav a:first-child:hover .case-project-nav-icon,.case-project-nav a:first-child:focus-visible .case-project-nav-icon{transform:translate(-3px)}.case-project-nav a:last-child:hover .case-project-nav-icon,.case-project-nav a:last-child:focus-visible .case-project-nav-icon{transform:translate(3px)}.case-project-nav a:active{transform:scale(.98)}.case-project-nav a:focus-visible,.case-side-nav a:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #262626}.case-side-nav{z-index:2;flex-direction:column;gap:16px;display:flex;position:fixed;top:100px;left:32px}.case-side-nav p{color:#a3a3a3;letter-spacing:-.18px;margin:0;font-size:12px;line-height:16px}.case-side-nav nav{flex-direction:column;gap:16px;display:flex}.case-side-nav a{color:#a3a3a3;letter-spacing:-.21px;align-items:center;gap:8px;height:20px;font-size:14px;line-height:20px;text-decoration:none;transition:color .18s,transform .18s;display:flex}.case-side-nav a.active{color:#262626}.case-side-nav-marker{opacity:0;transform-origin:0;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .18s,transform .18s;display:flex;transform:scaleX(0)}.case-side-nav-marker img{width:20px;height:20px;display:block}.case-side-nav a:hover,.case-side-nav a:focus-visible{color:#262626;transform:translate(2px)}.case-side-nav a:hover .case-side-nav-marker,.case-side-nav a:focus-visible .case-side-nav-marker{opacity:.45;transform:scaleX(.55)}.case-side-nav a.active .case-side-nav-marker{opacity:1;transform:scaleX(1)}.about-content{flex-direction:column;gap:48px;width:100%;margin-top:48px;display:flex}.about-introduction,.about-intro-copy,.about-copy,.about-learning,.about-detail-section,.academics-detail,.experience-list{flex-direction:column;display:flex}.about-introduction{width:100%}.about-intro-copy{align-items:flex-start;gap:20px;width:100%}.about-heading{color:#262626;letter-spacing:-.21px;max-width:600px;margin:0;font-size:24px;font-weight:400;line-height:32px}.about-copy{color:gray;letter-spacing:-.21px;align-items:flex-start;gap:12px;width:100%;font-size:14px;line-height:20px}.about-copy p{width:100%;margin:0}.about-emphasis{color:#262626}#about .about-copy,#about .about-copy p{color:gray;letter-spacing:-.25px;font-size:16px;font-weight:350;line-height:26px}#about .about-copy .about-emphasis{color:#262626;font-weight:400}.about-learning{align-items:flex-start;gap:24px;width:100%}.about-icons{align-items:center;gap:12px;height:24px;display:flex}.about-icons img{object-fit:contain;width:24px;height:24px;display:block}.about-icons img.about-icon-narrow{width:16px}.about-icons img.about-google-icon{width:17px}.about-detail-section{justify-content:center;align-items:flex-start;gap:10px;width:100%;overflow:hidden}.about-section-label{color:#b3b3b3;letter-spacing:-.21px;margin:0;font-size:14px;line-height:20px}.academics-detail{gap:8px;width:100%}.about-detail-row,.experience-row{justify-content:space-between;align-items:center;width:100%;display:flex}.about-detail-row{height:20px}.about-detail-primary,.experience-role-label,.experience-company{color:#262626;letter-spacing:-.21px;font-size:14px;line-height:20px}.about-detail-muted,.about-detail-secondary{letter-spacing:-.21px;font-size:14px;line-height:20px}.about-detail-muted{color:gray}.about-detail-secondary{color:gray;letter-spacing:-.18px;font-size:12px;line-height:16px}.experience-section h2{color:#262626;letter-spacing:-.21px;margin:0;font-size:20px;font-weight:400;line-height:28px}.experience-list{gap:12px;width:100%}.experience-row{min-height:40px;padding:10px 0}.experience-role-group{color:#7b7b7b;align-items:center;gap:6px;height:20px;display:flex}.experience-role-label,.experience-row .about-detail-muted{color:#7b7b7b}.experience-company{color:#262626;text-underline-offset:2px;font-weight:510;text-decoration:underline}.experience-divider{width:100%;height:.5px;display:block}.outside-section{gap:20px}.outside-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.outside-column{flex-direction:column;gap:12px;min-width:0;height:530px;display:flex}.outside-photo{background:#f5f5f5;border-radius:12px;min-width:0;min-height:0;position:relative;overflow:hidden}.outside-photo img{object-fit:cover;width:100%;height:100%;display:block}.outside-portrait{flex:0 0 300px;height:300px}.outside-portrait img{object-fit:fill;width:100%;max-width:none;height:192.89%;position:absolute;top:-25.75%;left:.06%}.outside-row{flex:1 1 0;gap:12px;min-height:0;display:flex}.outside-row .outside-photo,.outside-right .outside-photo{flex:1 1 0}.playground-section{flex-direction:column;gap:20px;margin-top:40px;display:flex}.playground-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.playground-column{flex-direction:column;gap:20px;min-width:0;display:flex}.playground-image{background:#f7f7f7;border:.75px solid #f5f5f5;border-radius:12px;width:100%;position:relative;overflow:hidden}.playground-image img{object-fit:cover;width:100%;height:100%;display:block}.playground-social{height:382.8px}.playground-login{height:307px}.playground-adika{height:254px}.playground-solace{height:358px}.playground-health{height:269px}.playground-phone-card{background:#f7f7f7;border-radius:12px;justify-content:center;align-items:center;height:500px;display:flex}.playground-phone-frame{background:#fff;border-radius:23px;width:212px;height:461px;position:relative;overflow:hidden}.playground-phone-frame img{object-fit:cover;width:151.09%;max-width:none;height:123.23%;position:absolute;top:-6.79%;left:-25.44%}.hero-link{aspect-ratio:880/634;background:0 0;width:100%;display:block;position:relative;overflow:hidden}.hero-image{object-fit:contain;image-rendering:auto;opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity 1.1s ease-in-out;display:block;position:absolute;inset:0}.hero-image.is-active{opacity:1}.hero-slide{object-fit:cover;opacity:0;will-change:opacity, transform;width:100%;height:100%;transition:opacity .7s;display:block;position:absolute;inset:0}.hero-slide.is-active{opacity:1}@media (prefers-reduced-motion:reduce){.hero-image,.case-project-nav a,.case-project-nav-icon,.case-project-nav img,.case-side-nav a,.case-side-nav-marker{transition:none}}@media (width<=720px){.content-shell{width:min(100% - 32px,560px);padding-top:24px}#jumia .content-shell{width:min(100% - 32px,560px)}.nav-bar{height:auto;min-height:20px}.intro{margin-top:56px}.intro-copy{width:100%}.intro-meta{width:100%;margin-top:28px;position:static}.featured-work{margin-top:48px}.work-content{margin-top:40px}.case-study-content{gap:24px;margin-top:40px}#portico .case-study-content{gap:64px}.case-meta-row{flex-direction:column;gap:20px;height:auto;display:flex}.case-meta{gap:20px}.case-meta-compact{flex-direction:column;gap:20px;display:flex}#jumia .case-meta-compact,#portico .case-meta-compact{flex-direction:column;grid-template-columns:none;gap:20px;display:flex}.case-meta-item{width:100%}.case-hero-image{aspect-ratio:880/626;height:auto}.jumia-case-hero{aspect-ratio:4096/1731}.case-image-pair{grid-template-columns:1fr}.case-image-pair .case-study-image{aspect-ratio:432/320;height:auto}.jumia-image-pair .case-study-image{aspect-ratio:430/562;height:auto}.jumia-crop-image img{width:56%;height:auto}.jumia-crop-image.product-before img,.jumia-crop-image.product-after img,.jumia-crop-image.cart-before img,.jumia-crop-image.cart-after img,.jumia-crop-image.order-before img,.jumia-crop-image.order-after img,.jumia-crop-image.auth-before img,.jumia-crop-image.auth-after img{width:100%;height:100%}.case-product-image{aspect-ratio:880/492;height:auto}.portico-decision-image,.case-ui-image-block .case-product-image{aspect-ratio:880/626;height:auto}.case-side-nav{display:none}.about-content{gap:40px;margin-top:40px}.about-heading{max-width:none;font-size:24px}.about-copy,.about-detail-primary,.about-detail-muted,.experience-role-label,.experience-company,.about-detail-secondary{font-size:14px}.about-detail-secondary{font-size:12px}.about-detail-row,.experience-row{gap:16px}.about-detail-row>:last-child,.experience-row>:last-child{flex:none}.outside-gallery{grid-template-columns:1fr}.outside-column{height:auto}.outside-portrait{aspect-ratio:434/300;flex-basis:auto;height:auto}.outside-row{flex:none;height:auto}.outside-row .outside-photo{aspect-ratio:211/218;height:auto}.outside-right .outside-photo{aspect-ratio:434/259;flex:none;height:auto}.work-project-image{aspect-ratio:880/475;height:auto}.work-project-caption{gap:8px}.work-gallery{grid-template-columns:1fr}.work-gallery-card{aspect-ratio:430/310}.work-preview-frame{width:calc(100vw - 48px);height:min(70vh,620px);padding:20px}.work-preview-close{top:24px;left:24px}.work-preview-arrow-left{left:8px}.work-preview-arrow-right{right:8px}.hero-image{width:100%;height:100%;inset:0}.playground-grid{grid-template-columns:1fr}.playground-social{aspect-ratio:430/382.8;height:auto}.playground-login{aspect-ratio:430/307;height:auto}.playground-adika{aspect-ratio:430/254;height:auto}.playground-solace{aspect-ratio:430/358;height:auto}.playground-health{aspect-ratio:430/269;height:auto}.playground-phone-card{height:500px}}@media (width<=460px){.nav-bar{align-items:flex-start;gap:20px}.nav-links{gap:14px}.nav-links a,.brand{letter-spacing:-.18px;font-size:13px}h1{letter-spacing:-1.6px;font-size:40px}.copy-body>p:first-child{max-width:34ch}}