.case_study--2 .case_study__nav{--focus-color: #40D4F9}.case_study--2 .case_study__header{--gradient-0: #1A1A1A;--gradient-100: #5185AF;--gradient-pos-100: 200%}.case_study--2 .case_study__section--header{gap:2rem}.case_study--2 #details .tag{--background-color: #232E37;color:#6a859d;padding:2rem}.case_study--2 #heuristic_analysis .tag{background-color:#1b4e5a3b;width:fit-content;margin-top:1rem}.case_study--2 #heuristic_analysis .case_study__section--main{margin-top:1rem}.case_study--2 #understanding_primary_user .bento{flex-wrap:wrap}.case_study--2 #understanding_primary_user .bento [data-bento="1"]{width:30%;background-image:linear-gradient(130deg,#12202b,80%,#0a1218)!important;padding-bottom:0}.case_study--2 #understanding_primary_user .bento [data-bento="1"] img{width:20rem;height:fit-content}.case_study--2 #understanding_primary_user .bento [data-bento="2"]{flex:1;flex-basis:content}.case_study--2 #understanding_primary_user .bento [data-bento="3"],.case_study--2 #understanding_primary_user .bento [data-bento="4"]{min-width:45%;flex:1}.case_study--2 #understanding_primary_user .bento [data-bento="5"]{width:100%}.case_study--2 #understanding_user_journey .timeline{margin:0 5rem;padding:4rem 3rem}.case_study--2 #understanding_user_journey .timeline_item{display:grid;grid-template-columns:repeat(3,minmax(.5rem,.7fr)) 10fr;grid-template-rows:1fr;gap:1rem;height:100%}.case_study--2 #understanding_user_journey .timeline_item p{margin-top:.5rem}.case_study--2 #understanding_user_journey .timeline_item:last-child .line{display:none}.case_study--2 #understanding_user_journey .timeline_dial{height:100%;margin-top:1rem}.case_study--2 #understanding_user_journey .timeline_dial .circle{display:block;background-color:#378497;height:1rem;width:1rem;border-radius:100%}.case_study--2 #understanding_user_journey .timeline_dial .line{display:block;background-color:var(--grey-20);width:.2rem;height:100%}.case_study--2 #understanding_user_journey ul{margin-bottom:3rem}.case_study--2 #field_research .case_study__section--main .field-research--img{width:100%;height:fit-content}.case_study--2 #field_research .section_bubble{width:70%}.case_study--2 #field_research .feedback:not(:first-child){margin-top:-3rem}.case_study--2 #field_research .section_bubble{--background-color: var(--grey-20)}.case_study--2 #field_research .feedback:nth-of-type(odd) .section_bubble{align-self:flex-start}.case_study--2 #field_research .feedback:nth-of-type(odd) .section_circle_icon{transform:translate(90%,20%)}.case_study--2 #field_research .feedback:nth-of-type(2n) .section_bubble{align-self:flex-end}.case_study--2 #field_research .feedback:nth-of-type(2n) .section_circle_icon{transform:translate(-90%,20%);align-self:flex-end}.case_study--2 #field_research .feedback:nth-of-type(1) .section_circle_icon{background-color:unset;background-image:linear-gradient(#d12f3c,#6b181f)}.case_study--2 #field_research .feedback:nth-of-type(2) .section_circle_icon{background-color:#446b5e}.case_study--2 #field_research .feedback:nth-of-type(3) .section_circle_icon{background-color:#444983}.case_study--2 #focus_group_discussion .section_box{padding:5rem}.case_study--2 #insights .section_circle_icon{--size: 8rem;--background-color: #1A2D31}.case_study--2 #insights h3{line-height:3.5rem}.case_study--2 #insights--notes li{position:relative}.case_study--2 #insights--notes li>*{padding-left:2rem}.case_study--2 #insights--notes li:before{content:"";position:absolute;top:1rem;display:block;width:.6rem;aspect-ratio:1;background-color:var(--white-100);border-radius:100%}.case_study--2 #ideation_and_brainstorm .note>:first-child{margin-top:1rem}.case_study--2 #ideation_and_brainstorm .note.note--action{--background-color: #35475D;--fold-color: #2A384A}.case_study--2 #ideation_and_brainstorm .note.note--data-point{--background-color: #294831;--fold-color: #223928}.case_study--2 #ideation_and_brainstorm img{max-width:100%!important}.case_study--2 #interaction .interaction--fix-height{height:10rem}.case_study--2 #interaction img{max-height:20rem;width:fit-content}.case_study--2 #testing video{max-width:25rem;height:fit-content}.case_study--2 #visual_design_ideation .case_study__section--main .grid{grid-template-columns:.4fr 1fr;width:100%}.case_study--2 #design_development{padding-bottom:0rem;margin-bottom:-3rem}.case_study--2 #design_development .case_study__section--main{grid-template-columns:1fr 2fr;padding-bottom:0rem}.case_study--2 #design_development .dd--arrow-2{margin-top:8rem}.case_study--2 #user_delight{margin-bottom:-4rem;padding-bottom:0rem}.case_study--2 #user_delight .case_study__section--main{grid-template-columns:1fr 2fr}.case_study--2 #user_delight .user-delight--nudge p{width:15rem}.case_study--2 #user_delight .user-delight--nudge img{width:40rem;height:fit-content}.case_study--2 #new_feature_ideation .content{width:55rem}.case_study--2 #new_feature_ideation video{width:23rem;height:fit-content}.case_study--2 #design_development_3 button{width:fit-content}.case_study--2 #user_feedback_testing .item-1{grid-template-columns:1.5fr 3fr}.case_study--2 #user_feedback_testing .item-1>div,.case_study--2 #user_feedback_testing .item-2>div{grid-template-rows:1fr 1fr;padding-top:3rem}.case_study--2 #user_feedback_testing .item-1>div>img,.case_study--2 #user_feedback_testing .item-2>div>img{align-self:flex-end}.case_study--2 #user_feedback_testing .item-2{grid-template-columns:3fr 1.5fr}.case_study--2 #user_feedback_testing .item-1>img,.case_study--2 #user_feedback_testing .item-2>img{height:30rem;width:fit-content}.case_study--2 #user_feedback_testing--insights .case_study__section--main>div{position:relative}.case_study--2 #user_feedback_testing--insights .case_study__section--main>div>*{margin-left:3rem}.case_study--2 #user_feedback_testing--insights .case_study__section--main>div:before{content:"";width:.8rem;aspect-ratio:1;position:absolute;top:1.5rem;background-color:var(--white-100);border-radius:100%}.case_study--2 #user_feedback_testing--insights .tag{padding:1rem}.case_study--2 #outcome .tag{padding:2rem;color:#6a859d;background-color:#232e37}@media screen and (max-width: 1440px){.case_study--2 #observations_and_findings .gap-2{gap:1rem!important}.case_study--2 #understanding_primary_user .bento [data-bento="2"]{max-width:70%}.case_study--2 #understanding_primary_user .bento [data-bento="1"]{flex:1;justify-content:space-between}.case_study--2 #understanding_primary_user .bento [data-bento="1"] img{width:12rem}.case_study--2 #testing video{max-width:20rem}.case_study--2 #field_research .case_study__section--main{gap:3rem;margin-bottom:2rem}.case_study--2 #field_research .section_bubble{padding:1.5rem;--arrow-size: 3rem !important}.case_study--2 #field_research .section_circle_icon{--size: 5rem !important}.case_study--2 #field_research .feedback:nth-of-type(odd) .section_circle_icon{transform:translate(80%,20%)}.case_study--2 #field_research .feedback:nth-of-type(2n) .section_circle_icon{transform:translate(-80%,20%)}.case_study--2 #field_research .feedback:not(:first-child){margin-top:-3.5rem}.case_study--2 #field_research .feedback p{font-size:clamp(.6rem,.9vw,1.2rem)}.case_study--2 #field_research .case_study__section--main .grid>div{grid-template-columns:clamp(30rem,35vw,40rem) 1fr}.case_study--2 #field_research .field-research--img{height:100%!important}.case_study--2 #field_research .case_study__section--main .col-2{grid-template-columns:clamp(30rem,35vw,40rem) 1fr}.case_study--2 #ideation_and_brainstorm .note{min-width:11rem}.case_study--2 #ideation_and_brainstorm .carousel{gap:1.5rem}.case_study--2 #ideation_and_brainstorm .case_study__section--main>.grid{gap:3rem;align-items:center}.case_study--2 #ideation_and_brainstorm .information-architecture{max-width:85%!important}.case_study--2 #ideation_and_brainstorm .information-architecture img:nth-of-type(2){width:clamp(15rem,32vw,36rem)}}@media screen and (max-width: 1200px){.case_study--2 #ideation_and_brainstorm .note{min-width:10rem}.case_study--2 #ideation_and_brainstorm .carousel{gap:3rem}.case_study--2 #ideation_and_brainstorm .case_study__section--main>.grid{grid-template-columns:1fr!important;gap:3rem;align-items:center}.case_study--2 #ideation_and_brainstorm .information-architecture img:nth-of-type(2){width:32rem}}@media screen and (max-width: 720px){.case_study--2 .case_study__header .case_study__header--item{gap:2rem}.case_study--2 .case_study__header .case_study__header--item img[data-image=logo]{width:15rem;height:fit-content}.case_study--2 #understanding_primary_user .bento [data-bento="2"]{max-width:unset}.case_study--2 #understanding_primary_user .bento [data-bento="1"]{width:unset;justify-content:space-between}.case_study--2 #understanding_primary_user .bento [data-bento="1"] p{margin-top:2rem;font-size:var(--ff-p1)}.case_study--2 #understanding_primary_user .bento [data-bento]{gap:2rem}.case_study--2 #understanding_primary_user .bento ul{gap:1.5rem}.case_study--2 #understanding_primary_user .bento [data-bento="1"] img{width:20rem}.case_study--2 #understanding_primary_user .bento [data-bento="5"]{align-items:start}.case_study--2 #understanding_user_journey .timeline_item{grid-template-rows:repeat(3,.5fr) 17rem!important;grid-template-columns:1fr;align-items:flex-start!important;justify-items:start!important;padding:2rem 0;gap:1.2rem}.case_study--2 #understanding_user_journey .timeline_item img{width:3.5rem;height:fit-content}.case_study--2 #understanding_user_journey .timeline_item ul{margin-bottom:unset;padding-right:1.5rem;gap:1rem}.case_study--2 #understanding_user_journey .timeline_dial{flex-direction:row!important;align-self:center;width:100%;height:auto;margin-top:unset}.case_study--2 #understanding_user_journey .timeline_dial .line{height:.2rem;width:100%}.case_study--2 #field_research .case_study__section--main{gap:3rem;margin-bottom:2rem}.case_study--2 #field_research .section_bubble{padding:1.5rem;--arrow-size: 3rem !important}.case_study--2 #field_research .section_circle_icon{--size: 5rem !important}.case_study--2 #field_research .feedback:nth-of-type(odd) .section_circle_icon{transform:translate(80%,20%)}.case_study--2 #field_research .feedback:nth-of-type(2n) .section_circle_icon{transform:translate(-80%,20%)}.case_study--2 #field_research .feedback p{font-size:var(--ff-small)}.case_study--2 #observations_and_findings .section_circle_icon{--size: 6rem !important}.case_study--2 #observations_and_findings .case_study__section--main{gap:3rem}.case_study--2 #observations_and_findings .case_study__section--main>div{gap:2rem!important}.case_study--2 #observations_and_findings>p{margin:1rem 0;padding:0 1rem}.case_study--2 #focus_group_discussion .section_box{padding:3rem}.case_study--2 #insights .case_study__section--main{gap:3rem!important}.case_study--2 #insights .flex-responsive>div{gap:1.5rem}.case_study--2 #insights h3{line-height:initial}.case_study--2 #insights .section_circle_icon{--size: 6rem}.case_study--2 #insights--notes .case_study__section--main{gap:3rem!important}.case_study--2 #ideation_and_brainstorm .grid-responsive>div{max-width:90vw}.case_study--2 #ideation_and_brainstorm .carousel{gap:2rem}.case_study--2 #ideation_and_brainstorm .information-architecture,.case_study--2 #ideation_and_brainstorm .information-architecture img{max-width:100%!important}.case_study--2 #interaction .grid-responsive{gap:6rem}.case_study--2 #interaction .grid-responsive>div{gap:2rem}.case_study--2 #interaction .interaction--fix-height{height:unset}.case_study--2 #testing .grid-responsive{gap:5rem}.case_study--2 #testing .grid-responsive>div:first-child{gap:3rem}.case_study--2 #testing video{max-width:100%}.case_study--2 #feedback_from_stakeholders .carousel{gap:4rem;height:23rem}.case_study--2 #feedback_from_stakeholders .section_bubble,.case_study--2 #feedback_from_stakeholders .section_box{text-align:left}#design_development .case_study__section--main{gap:5rem}#design_development .grid-responsive,#design_development .grid-responsive img{width:100%}#design_development .grid-responsive img[data-image=dd-product-card-4]{height:fit-content;width:35%}.case_study--2 #design_development .dd--arrow-2{margin-top:5rem;width:2rem}.case_study--2 #user_delight{margin-bottom:unset;padding-bottom:0rem}.case_study--2 #user_delight .carousel{gap:3rem}.case_study--2 #user_delight .flex-responsive{gap:2rem;flex-direction:column-reverse!important}.case_study--2 #user_delight .user-delight--nudge p{width:95%}.case_study--2 #user_delight .user-delight--nudge img{width:100%;height:fit-content}.case_study--2 #new_feature_ideation .flex-responsive{gap:3rem}.case_study--2 #new_feature_ideation .content{width:100%}.case_study--2 #new_feature_ideation video{width:60%;height:fit-content}.case_study--2 #user_feedback_testing .item-1>div,.case_study--2 #user_feedback_testing .item-2>div{grid-template-rows:.7fr 1fr;padding-top:0rem}.case_study--2 #user_feedback_testing .item-1>img,.case_study--2 #user_feedback_testing .item-2>img{height:fit-content;width:100%}.case_study--2 #user_feedback_testing--insights .case_study__section--main{margin:0;gap:3rem}.case_study--2 #outcome .grid-responsive{gap:3rem}.case_study--2 #testimonials .case_study__section--main{margin:0}}