article section{overflow:hidden}article section p{color:#1f1f1f}.case-study__flex-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.article__grid{width:100%;display:grid;grid-template-columns:repeat(17,1fr);grid-auto-rows:minmax(164px,auto);grid-auto-flow:row;-moz-column-gap:20px;column-gap:20px;overflow-y:hidden}.background__drk{grid-column:auto/span 17;background-color:var(--super-dark-gray);color:var(--off-white);padding-top:122px;padding-bottom:128px}.background__drk .background__drk--container{padding-left:16px;padding-right:16px}.background__drk .subsection-title h2,.background__drk p{color:var(--very-light-gray)}.background__drk .subsection-title .section-title__text{color:var(--off-white)}.background__drk .section-title h2{color:var(-very-light-gray)}.background__drk .section-title .section-title__text{color:var(--off-white)}.section-title__text{font-weight:700;font-size:32px;font-family:var(--font-space_grotesk);line-height:1.2;padding-bottom:24px;max-width:888px}.background__lgt{padding:160px 0 100px;grid-column:auto/span 17}.background__lgt .background__drk--container{padding-left:16px;padding-right:16px}.casestudy__title{padding-bottom:16px}.casestudy__title h1{font-family:var(--font-space_grotesk);font-weight:700}.casestudy__title .article-type{font-family:var(--font-space_mono);font-size:32px}.casestudy__description{max-width:746px;padding-bottom:24px}.casestudy__project-details{padding-top:2%;padding-bottom:2%}.__navigation--title{grid-row:1;grid-column:3/span 10;padding-bottom:20px}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.col h4{font-family:var(--font-space_grotesk);font-size:20px;font-weight:500}.col .detail-content{padding-top:8px;line-height:1.5;font-family:var(--font-space_mono)}.col .detail-content p,.col .detail-content ul li{font-size:16px}.details-columns .col{flex:1}.case-study-flex{display:flex;justify-content:center;align-self:center;width:100vw}.grid__results--image-and-text{display:grid;grid-template-columns:repeat(25,1fr)}.casestudy-header{border-bottom:1px solid var(--soft-black)}.casestudy__section--title{padding-bottom:16px}.section-title{display:flex;flex-flow:column}.section-title h2{font-weight:400;font-size:20px;font-family:var(--font-space_mono);line-height:1.4;padding-bottom:8px}.section-title .section-title__text{font-weight:700;font-size:32px;font-family:var(--font-space_grotesk);line-height:1.2;padding-bottom:16px;max-width:888px;color:var(--soft-black)}.span-12{grid-column:4/span 12}.case-study__small--title{font-size:22px;font-family:var(--font-space_grotesk);font-weight:600;width:100%}.case-study__masthead-image{width:100%;height:auto}.casestudy__flex--1x1{display:flex;flex-direction:column;width:100%;gap:24px;padding-bottom:104px}.column__flex--media{flex-grow:1;min-height:300px;width:100%}.flex__solution--2x2{display:flex;flex-direction:row;flex-flow:row;width:100%;gap:24px;justify-content:center;align-items:center}.flex__final-designs--1x1{display:flex;flex-direction:column;width:100%;gap:24px}.flex__final-design--1x1-center{justify-content:center;align-items:center}.flex__final-designs--2x2{display:flex;flex-direction:row;width:100%;gap:24px;padding-bottom:104px}.flex__final-design--2x2-center{justify-content:center;align-items:center}.flex__final-design--2x2-end{justify-content:flex-end;align-items:flex-end}.casestudy__flex--2x2{display:flex;flex-direction:row;width:100%;gap:24px;padding-bottom:104px}.final__showcase--text{grid-column:auto/span 3}.final__showcase--text .final__subsection--title{font-size:28px;font-family:var(--font-space_grotesk);font-weight:600;padding-bottom:12px}.final__showcase--text p{line-height:140%;padding-bottom:16px;max-width:688px}.column__flex--solution-image,.column__flex--solution-image img,.final__media{width:100%}.carousel__title{font-size:28px;font-family:var(--font-space_grotesk);font-weight:600;padding-bottom:12px}.carousel--container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%;position:relative;overflow:hidden}.carousel__control-section{display:flex;flex-direction:column;justify-content:center;width:20%;padding-right:1rem}.carousel__control-section .carousel__index--text{font-family:var(--font-space_mono);padding-bottom:16px}.carousel__control-section p{line-height:140%;padding-bottom:16px}.light_mode .carousel__controls{font-family:var(--font-space_mono)}.light_mode .carousel__controls .controls__button--disabled{color:var(--light-gray)}.light_mode .carousel__controls .controls__button--active{color:var(--soft-black)}.dark_mode .carousel__controls{font-family:var(--font-space_mono)}.dark_mode .carousel__controls .controls__button--disabled{color:var(--light-gray)}.dark_mode .carousel__controls .controls__button--active{color:var(--off-white)}.carousel__media--container{position:relative;width:80%;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}.carousel__media--track{display:flex;transition:transform .5s ease;will-change:transform}.carousel__media--slide-item{padding:0 .8rem 0 0;box-sizing:border-box;cursor:pointer}.carousel__media--image{width:100%;height:auto}.carousel__media--video{max-width:500px;height:auto}@media (max-width:768px){.carousel__media--slide-item{flex:0 0 calc(100% / 1.5)}.carousel__control-section{width:20%}}.carousel__media--padding{padding-right:.625rem}.slider--container{cursor:grab;height:100%;width:100%;position:relative;transition-property:transform;transform:translate3d(-8426.77px,0,0)}.case-study__overview{padding-top:32px}.case-study__conclusion,.case-study__overview{display:flex;flex-direction:column;grid-column-start:3;grid-column-end:15;padding-bottom:88px}.case-study__conclusion{padding-top:160px}.subsection__problem--center{display:flex;justify-content:center;align-items:center;flex-flow:column;margin:auto}#keelhub__conclusion{grid-column-start:3;grid-column-end:16;display:flex;flex-direction:column}#conclusion__grid{display:grid;grid-template-columns:repeat(7,1fr)}#conclusion__grid .section-title{grid-column-start:2;grid-column-end:7;grid-row:1}#conclusion__grid #keelhub__conclusion--description{grid-column-start:2;grid-column-end:7;grid-row:2}#keelhub__conclusion--description{padding-top:4px}.learnings__title{font-size:24px;font-family:var(--font-space_mono);text-align:center;padding:40px 0}#keelhub__learnings{padding-top:64px}.learnings__flex{display:flex;flex-flow:row;justify-content:space-between}.learnings__flex p{width:40%}.learnings__flex{padding:32px 0}.learning__item-title{max-width:100%;font-size:32px;font-family:var(--font-space_grotesk);max-width:444px;font-weight:600}@media screen and (max-width:879px){article{height:100%;width:100%;font-size:16px}.casestudy__title h1{font-size:56px}.span-12{grid-column:auto/span 17}.case-study__overview{display:flex;flex-direction:column;grid-column-start:1;grid-column-end:18;padding:32px 2% 88px}.section-title{display:flex;flex-flow:column}.section-title h2{font-size:18px;padding-bottom:4px}.section-title .section-title__text{font-size:28px;line-height:1.3;padding-bottom:16px;max-width:888px}.details-grid{grid-template-columns:repeat(2,1fr)}.details-grid .col h4{font-size:16px}.details-grid .col .detail-content p{font-size:14px;line-height:1.3}.details-grid .col .detail-content ul li{font-size:14px}.details-grid .col .detail-content{padding-top:4px}.details-grid #role,.details-grid #timeline{grid-row:1}.final__media.col-span-9{grid-column:auto/span 12}.final__showcase--text.col-span-3{margin-top:32px;grid-column:auto/span 12;order:2}.carousel--container,.flex__final-designs--2x2{flex-direction:column}.carousel--container{width:100%;margin-left:0}.carousel__control-section{width:100%;padding:1rem 0;position:relative;gap:8px;justify-content:space-between;order:2}.carousel__media--container,.carousel__media--track{width:100%}.background__lgt{padding-left:16px;padding-right:16px}#keelhub__problem{display:grid;grid-column-start:1;grid-column-end:18}#keelhub__problem #keelhub__problem__container{gap:0;grid-column:auto/span 8}#keelhub__previous-designs{grid-column-start:1;grid-column-end:18}#keelhub__previous-designs #previous-designs__text--flex{flex-flow:column;grid-column:auto/span 8}#keelhub__previous-designs #previous-designs__text--flex ul{flex-flow:column;gap:12px}#keelhub__previous-designs #previous-designs__text--flex ul li{font-size:18px}#keelhub__results{grid-column-start:1;grid-column-end:18}#keelhub__results #keelhub__results--grid{padding:20px 0 8px;row-gap:24px}#keelhub__results #keelhub__results--grid .results__item{display:flex;align-items:left;flex-direction:column;grid-column:auto/span 3;grid-row:auto/span 1}#keelhub__results #keelhub__results--grid .results__item i{font-size:80px;padding-bottom:8px}#keelhub__results #keelhub__results--grid .results__item p{font-size:20px;line-height:1.4}#keelhub__results #results__text--flex{grid-column:auto/span 8}#keelhub__results #results__text--flex ul{flex-flow:column;gap:12px}#keelhub__results #results__text--flex ul li{font-size:18px}#keelhub__process{display:grid;grid-template-columns:repeat(1,1fr)}#keelhub__process #keelhub__process--container{grid-column:auto/span 1}#keelhub__process #keelhub__process--container .col-span-1{grid-column:auto/span 2}#keelhub__process #keelhub__process--container ul{flex-flow:column;gap:12px}#keelhub__process #keelhub__process--container ul li{font-size:18px}.keelhub__process--flex{padding-bottom:28px}#keelhub__challenges{grid-column:auto/span 17}#keelhub__challenges--grid{grid-column-start:1;grid-column-end:17;grid-template-columns:repeat(1,1fr);gap:60px}#keelhub__conclusion{grid-column-start:1;grid-column-end:18}#conclusion__grid #keelhub__conclusion--description,#conclusion__grid .section-title{grid-column-start:1;grid-column-end:8}.learnings__title{font-size:24px;font-family:var(--font-space_mono);text-align:center;padding:40px 0}#keelhub__learnings{padding-top:64px}.learnings__flex{display:flex;flex-flow:column}.learnings__flex p{width:100%}.learnings__flex{padding:0 0 28px}.learning__item-title{max-width:100%;font-size:24px;padding-bottom:20px}}@media only screen and (max-width:480px){.flex__solution--2x2{flex-flow:column}.flex__solution--2x2 .column__flex--solution-image,.flex__solution--2x2 .column__flex--solution-text{width:100%}.details-grid #team{grid-row:2;grid-column:auto/span 2}.details-grid #skills{grid-row:3;grid-column:auto/span 2}#keelhub__results #keelhub__results--grid .results__item i{font-size:64px;padding-bottom:8px}#keelhub__results #keelhub__results--grid .results__item p{font-size:18px;line-height:1.4}.final__showcase--text{padding-top:16px;row:2;grid-column:auto/span 12}#keelhub__challenges--grid{row-gap:32px}#keelhub__challenge--1,#keelhub__challenge--2,#keelhub__challenge--3,#keelhub__challenge--4{flex-flow:column;align-items:flex-start;padding-bottom:8%}#keelhub__challenge--image-1-container,#keelhub__challenge--image-2-container,#keelhub__challenge--image-3-container,#keelhub__challenge--image-4-container{max-width:88px}}@media only screen and (min-width:481px) and (max-width:768px){.details-grid #skills,.details-grid . #team{grid-column:auto/span 1}.flex__solution--2x2{flex-flow:column}.flex__solution--2x2 .column__flex--solution-image,.flex__solution--2x2 .column__flex--solution-text{width:100%}#keelhub__results #keelhub__results--grid .results__item i{font-size:72px;padding-bottom:8px}#keelhub__results #keelhub__results--grid .results__item p{font-size:18px;line-height:1.4}#keelhub__challenge--1{grid-column-start:1;grid-column-end:27;grid-row:1;gap:32px}#keelhub__challenge--2{grid-column-start:1;grid-column-end:27;grid-row:2;gap:32px}#keelhub__challenge--3{grid-row:3;gap:32px;grid-column-start:1;grid-column-end:27}#keelhub__challenge--4{grid-row:4;gap:32px;grid-column-start:1;grid-column-end:27}#keelhub__challenge--image-1-container,#keelhub__challenge--image-2-container,#keelhub__challenge--image-3-container,#keelhub__challenge--image-4-container{max-width:148px}}@media only screen and (min-width:769px) and (max-width:1279px){#keelhub__masthead{display:grid}#keelhub__masthead,#keelhub__previous-designs{grid-column-start:1;grid-column-end:18}#keelhub__previous-designs #previous-designs__text--flex{grid-column:auto/span 8}#keelhub__previous-designs #previous-designs__text--flex ul{flex-flow:column;gap:12px}#keelhub__previous-designs #previous-designs__text--flex ul li{font-size:18px}#keelhub__results #keelhub__results--grid .results__item i{font-size:80px;padding-bottom:8px}#keelhub__results #keelhub__results--grid .results__item p{font-size:20px;line-height:1.4}#keelhub__process{display:grid;grid-template-columns:repeat(2,1fr)}#keelhub__process #keelhub__process--container{grid-column:auto/span 2;padding-left:32px;padding-right:32px}#keelhub__challenges--grid{row-gap:40px}#keelhub__challenge--1{grid-column-start:1;grid-column-end:20;grid-row:1;gap:32px}#keelhub__challenge--2{grid-column-start:4;grid-column-end:27;grid-row:2;gap:32px}#keelhub__challenge--3{grid-row:3;gap:32px;grid-column-start:2;grid-column-end:23}#keelhub__challenge--4{grid-row:4;gap:32px;grid-column-start:6;grid-column-end:27}}@media only screen and (min-width:1280px){.carousel--container{margin-left:25%}.column__flex--solution-text{max-width:380px}#keelhub__masthead{display:grid;grid-column-start:2;grid-column-end:17}.final__showcase--text{grid-column:auto/span 3}.final-media__grid-container{grid-column:auto/span 8}#keelhub__challenge--1{grid-column-start:1;grid-column-end:16;grid-row:1;gap:32px}#keelhub__challenge--2{grid-column-start:9;grid-column-end:24;grid-row:2;gap:32px}#keelhub__challenge--3{grid-row:3;gap:32px;grid-column-start:4;grid-column-end:20}#keelhub__challenge--4{grid-row:4;gap:32px;grid-column-start:11;grid-column-end:25}}@media only screen and (min-width:1920px){.carousel--container{margin-left:25%}.final__showcase--text{grid-column:auto/span 2}.final-media__grid-container{grid-column:auto/span 8}#keelhub__masthead{display:grid;grid-column-start:2;grid-column-end:17}#keelhub__previous-designs #previous-designs__text--flex{display:flex;width:80%;margin:auto}#keelhub__challenges,#keelhub__conclusion,#keelhub__process--container,#keelhub__results{grid-column-start:5;grid-column-end:14}#keelhub__challenge--1{grid-column-start:1;grid-column-end:16;grid-row:1;gap:32px}#keelhub__challenge--2{grid-column-start:9;grid-column-end:24;grid-row:2;gap:32px}#keelhub__challenge--3{grid-row:3;gap:32px;grid-column-start:4;grid-column-end:20}#keelhub__challenge--4{grid-row:4;gap:32px;grid-column-start:11;grid-column-end:25}}