.case_study--1 .case_study__nav{--focus-color: #9B8AFF}.case_study--1 #secondary_research img{height:fit-content}.case_study--1 #secondary_research img[data-emoji=open-book]{width:7rem}.case_study--1 #secondary_research img[data-emoji=school],.case_study--1 #secondary_research img[data-emoji=house]{width:6rem}.case_study--1 #secondary_research img[data-emoji=health-worker],.case_study--1 #secondary_research img[data-emoji=comment-bubble],.case_study--1 #secondary_research img[data-emoji=loudspeaker]{width:5rem}.case_study--1 #secondary_research img[data-emoji=children]{width:10rem}.case_study--1 #secondary_research_insight .section_circle_icon{--size: 7rem;--padding: 1.5rem;--background-color: hsl(249 29% 23% / 1)}.case_study--1 #secondary_research_insight img[data-emoji=long-nose]{height:fit-content;width:5rem;transform:translate(10%)}.case_study--1 #secondary_research_insight .transparent{background-color:unset;border:unset}.case_study--1 #solution_sneak_peak ul li div>span{padding-bottom:3rem}.case_study--1 #solution_sneak_peak video{width:27rem;height:fit-content}.case_study--1 #user_survey_methods ul li{position:relative;padding:3rem 0 3rem 6rem;background-color:#171523;border-radius:calc(var(--border-radius)/2);border-color:var(--border)}.case_study--1 #user_survey_methods ul li:nth-child(1){background-color:#161422;border-color:#1f1c30}.case_study--1 #user_survey_methods ul li:nth-child(2){background-color:#1c1a23;border-color:#23212d}.case_study--1 #user_survey_methods ul li:nth-child(3){background-color:#15141c;border-color:#21202d}.case_study--1 #user_survey_methods ul li:after{position:absolute;top:50%;left:3rem;content:"";display:block;width:.8rem;height:.8rem;background-color:var(--white-100);border-radius:100%}.case_study--1 #user_survey_methods img[data-emoji]{height:4.5rem;width:fit-content}.case_study--1 #user_survey_methods img[data-emoji=speaker-mute]{height:5rem}.case_study--1 #identifying_stakeholders .case_study__section--main{margin-top:5rem}.case_study--1 #identifying_stakeholders img[data-image=influences]{width:75%;height:fit-content}.case_study--1 #user_interviews .details img[data-emoji]{width:4rem;height:fit-content}.case_study--1 #user_interviews .details img[data-emoji=parents]{width:5rem}.case_study--1 #user_interviews .stakeholder_details--item{padding:3rem 4rem}.case_study--1 #user_interviews .stakeholder_details--item ul{padding-top:3rem}.case_study--1 #user_interviews .stakeholder_details--item li{list-style-type:disc;font-size:var(--ff-p2);font-weight:var(--ff-light);color:var(--grey-70)}.case_study--1 #user_interviews .stakeholder_details img[data-emoji]{width:8rem;height:fit-content}.case_study--1 #user_interviews .stakeholder_details img[data-emoji=parents]{transform:scale(1.2)}.case_study--1 #findings ul{padding:0 3rem;gap:3rem;flex-wrap:wrap;justify-content:center}.case_study--1 #findings li{position:relative;width:20rem;height:17rem;justify-content:center;padding:1rem 2rem;border-radius:calc(var(--border-radius)/3);font-size:var(--ff-small);font-family:var(--secondary-ff);font-weight:var(--ff-regular);color:var(--grey-70);text-align:center;border:.1rem dotted var(--grey-15);background-color:hsl(251 26 16 / 1)}.case_study--1 #findings li[aria-odd]{background-color:hsla(251 26 16 / 41%)}.case_study--1 #findings li span{display:grid;position:absolute;bottom:0;left:50%;width:5rem;height:5rem;transform:translate(-50%) translateY(50%);border-radius:100%;background-color:var(--grey-10);border:.1rem solid var(--grey-15);justify-content:center;align-items:center}.case_study--1 #findings li img{grid-area:1/1;width:3rem;height:fit-content}.case_study--1 #insights .section_circle_icon{--size: 8.9rem;--icon-size: 60%}.case_study--1 #insights ul li:nth-of-type(odd) .section_circle_icon{background-color:#252235}.case_study--1 #insights ul li:nth-of-type(2n) .section_circle_icon{background-color:#2b2353}.case_study--1 #experience_mapping .section_bubble{--background-color: var(--white-100)}.case_study--1 #experience_mapping ul li p{padding:2rem 2.5rem;height:12rem}.case_study--1 #experience_mapping ul li span{background-color:#322c5454;border:.3rem dashed hsl(251 41% 23% / 1);font-size:var(--ff-caption);font-weight:var(--ff-light);text-align:center;padding:2rem 3rem;color:var(--highlight-purple);border-radius:5rem}.case_study--1 #experience_mapping img[data-emoji]{height:11rem;width:fit-content}.case_study--1 #experience_mapping img[data-emoji=worried-grimacing]{transform:scale(65%)}.case_study--1 #experience_mapping img[data-emoji=confused]{transform:scale(.9)}.case_study--1 #experience_mapping img[data-emoji=anxiety]{transform:translateY(-5%)}.case_study--1 #experience_mapping img[data-emoji=web]{transform:scale(95%)}.case_study--1 #experience_mapping .legend{gap:2rem;justify-content:center;align-items:center}.case_study--1 #experience_mapping legend{width:15rem;padding:1.5rem 2rem;font-size:var(--ff-p2);font-weight:var(--ff-light);text-align:center}.case_study--1 #experience_mapping .legend__action{background:var(--grey-10);border:var(--border);color:var(--white-80);border-radius:calc(var(--border-radius)/3)}.case_study--1 #experience_mapping .legend__feeling{color:var(--grey-50);border-radius:5rem;background-color:#322c5454;border:.3rem dashed hsl(251 41% 23% / 1)}.case_study--1 #experience_mapping .legend__opinion{color:#000;border-radius:2rem;background-color:var(--white-90)}.case_study--1 .ideation--metrics ul li img{width:3.5rem;height:fit-content;margin-left:-.5rem}.case_study--1 #concept_development #must_have{border:.2rem solid #7568BB;background-color:#141414ad;color:#afa7d1}.case_study--1 #concept_development #should_have{border:.2rem solid hsl(156 57% 61% / 66%);background-color:#40404030;color:#89b0a0}.case_study--1 #concept_development #could_have{border:.2rem solid hsl(65 84% 68% / 50%);background-color:#ab9d2117;color:#d5cfa1}.case_study--1 #concept_development #wont_have{border:.2rem solid hsl(0 48% 27% / 75%);background-color:#66242421;color:#e2bfbf}.case_study--1 #concept_development p.section_box{background-color:#1f1f1f47;min-height:27rem;line-height:2.5rem}.case_study--1 #concept_development .case_study__section--main>ul li:nth-of-type(odd) p{background-color:#1f1f1fcf}.case_study--1 #concept_development .metric{grid-template-columns:1fr 2fr;padding:0 5rem}.case_study--1 #concept_development .metric img[data-emoji]{width:4rem;height:fit-content}.case_study--1 .final_design__screens{gap:10rem;padding:0 5rem;margin-bottom:5rem}.case_study--1 .final_design__screens--item{justify-content:space-between}.case_study--1 .final_design__screens--item:nth-child(odd){flex-direction:row-reverse}.case_study--1 .final_design__screens--item video{width:30em;height:fit-content}.case_study--1 .final_design__screens--item div{align-self:center;width:fit-content;gap:3rem}.case_study--1 .final_design__screens--item h2{font-size:var(--ff-h2);font-weight:var(--ff-medium);color:var(--white-90)}.case_study--1 .final_design__screens--item ul,.case_study--1 .final_design__screens--item p{color:var(--grey-50);font-size:var(--ff-p2);font-weight:var(--ff-light);line-height:3rem}.case_study--1 .final_design__screens--item ul{gap:3rem;padding-left:2rem}.case_study--1 .final_design__screens--item ul li{list-style-type:disc}.case_study--1 #final_design button{justify-self:center;align-self:center;width:fit-content}.case_study--1 #user_testing_evaluation .tag{width:fit-content;align-self:center;justify-self:center;background-color:#46a9aa8a}.case_study--1 #user_testing_evaluation img[data-emoji]{width:4rem;height:fit-content}.case_study--1 #user_testing_evaluation .tag{margin-top:3rem}.case_study--1 #retrospective .section_box{padding:3rem 2.5rem;background-color:#1f1939ab;border:.3rem solid hsl(0 0% 22% / 47%);border-radius:calc(var(--border-radius)/3)}.case_study--1 #retrospective img[data-emoji]{width:4rem;height:fit-content}.case_study--1 #retrospective img[data-emoji=blue-book]{width:3.5rem}@media screen and (max-width: 1440px){.case_study--1 #solution_sneak_peak ul li{gap:6rem}.case_study--1 .final_design__screens--item{gap:5rem}}@media screen and (max-width: 1024px){.case_study--1 #solution_sneak_peak ul li{gap:4rem}.case_study--1 #user_interviews .stakeholder_details{gap:2rem}.case_study--1 #user_interviews .stakeholder_details--item{display:grid;grid-template-columns:1fr;grid-template-rows:5rem 3rem auto;justify-items:left;gap:4rem}.case_study--1 #user_interviews .stakeholder_details--item strong{align-self:start}.case_study--1 #user_interviews .stakeholder_details--item ul{align-self:flex-start}.case_study--1 #experience_mapping ul li{display:grid;gap:3rem;justify-items:center;grid-template-columns:1fr;grid-template-rows:10rem max-content max-content auto}.case_study--1 #experience_mapping ul li p{height:15rem}.case_study--1 #concept_development ul li{display:grid;grid-template-columns:1fr;grid-template-rows:6rem auto}.case_study--1 #concept_development ul li span{align-content:center}.case_study--1 #concept_development ul li p{height:auto}}@media screen and (max-width: 720px){.case_study--1 #journey_timeline{gap:5rem;padding-bottom:3rem}.case_study--1 #secondary_research ul li{padding:3rem 2rem}.case_study--1 #secondary_research img[data-emoji]{width:5rem}.case_study--1 #secondary_research img[data-emoji=children]{width:10rem}.case_study--1 #secondary_research_insight .case_study__section--main{gap:3rem}.case_study--1 #secondary_research_insight ul{gap:4rem}.case_study--1 #secondary_research_insight ul li{gap:2rem}.case_study--1 #secondary_research_insight ul li p{line-height:2rem}.case_study--1 #secondary_research_insight .section_circle_icon{--size: 5rem !important;--padding: 1rem !important}.case_study--1 #secondary_research_insight img[data-emoji]{grid-area:1/1;height:3rem;width:fit-content}.case_study--1 #solution_sneak_peak ul{gap:5rem!important}.case_study--1 #solution_sneak_peak ul li{gap:2rem}.case_study--1 #solution_sneak_peak ul li div{gap:1rem}.case_study--1 #solution_sneak_peak ul li div>span{padding-bottom:1rem}.case_study--1 #solution_sneak_peak ul li div p{word-wrap:break-word!important;text-wrap:wrap!important}.case_study--1 #solution_sneak_peak video{height:35rem;width:fit-content;align-self:flex-start}.case_study--1 #user_survey_methods ul li{width:100%;padding:2rem}.case_study--1 #user_survey_methods ul li h3{align-items:start;padding-top:1rem}.case_study--1 #user_survey_methods img[data-emoji]{height:3rem;width:fit-content}.case_study--1 #user_survey_methods ul li:after{display:none}.case_study--1 #user_interviews .details{padding:2rem;width:100%}.case_study--1 #user_interviews .case_study__section--main>div{width:100%}.case_study--1 #user_interviews .details--item ul{gap:1rem;align-items:start}.case_study--1 #user_interviews .details img[data-emoji]{width:3rem;height:fit-content}.case_study--1 #user_interviews .details img[data-emoji=parents]{width:4rem}.case_study--1 #user_interviews .stakeholder_details{width:100%}.case_study--1 #user_interviews .stakeholder_details--item{display:grid;grid-template-columns:1fr;grid-template-rows:3rem auto auto;justify-items:center;padding:3rem 3rem 2rem;gap:3rem}.case_study--1 #user_interviews .stakeholder_details--item strong{align-self:center;justify-self:center}.case_study--1 #user_interviews .stakeholder_details--item ul{padding-top:0rem}.case_study--1 #user_interviews .stakeholder_details img[data-emoji]{width:6rem;height:fit-content;align-self:center;justify-self:center}.case_study--1 #findings ul{gap:0rem;height:17.5rem!important;justify-content:flex-start}.case_study--1 #findings li{height:15rem!important}.case_study--1 #insights ul{gap:3rem}.case_study--1 #insights ul li{gap:2rem}.case_study--1 #insights ul li span{margin-bottom:0rem;height:7rem;width:7rem}.case_study--1 #insights ul li img{width:4rem}.case_study--1 #insights ul li h3{line-height:2.5rem;text-wrap:wrap}.case_study--1 #experience_mapping ul li{gap:2rem}.case_study--1 #experience_mapping ul li p{height:8rem;vertical-align:middle;padding:2rem}.case_study--1 #experience_mapping legend{width:fit-content}.case_study--1 #concept_development .metric{padding:0}.case_study--1 #concept_development .metric ul{align-items:start;justify-content:start;gap:3rem}.case_study--1 #final_design--screens .case_study__section--main{margin-top:3rem}.case_study--1 .final_design__screens{padding:0;gap:5rem;margin-bottom:0rem}.case_study--1 .final_design__screens--item video{width:100%}.case_study--1 .final_design__screens--item{gap:2rem}.case_study--1 .final_design__screens--item div{gap:2rem;padding:0 1rem}.case_study--1 .final_design__screens--item h2{align-self:center}.case_study--1 .final_design__screens--item ul,.case_study--1 .final_design__screens--item p{line-height:2rem}.case_study--1 .key_focus_areas ul{padding:2.5rem 2rem;gap:3rem}.case_study--1 #user_testing_evaluation .tag{margin-top:unset}.case_study--1 #retrospective{margin-bottom:3rem}}
