@import"https://fonts.googleapis.com/icon?family=Material+Icons";:root{--text-light: #fff;--text-gray: #47454e;--text-dark: #221d2d;--primary-x-dark: #12092a;--primary: #443177;--primary-medium: #221547;--primary-light: #d8ceff;--accent: #4f9ce4;--accent-dark: #346da3;--accent-light: #ceebf9;--bg-light: #e7f1f5;--body-color: rgb(253, 254, 255);--font-primary: "Manrope", sans-serif;--text-size-xxs: .9rem;--text-size-xs: 1rem;--text-size-s: 1.125rem;--text-size-m: 1.25rem;--text-size-l: 2rem;--text-size-xl: 2.7rem;--text-size-xxl: 3rem;--text-size-xxxl: 4rem}*{scrollbar-width:16px;scrollbar-color:#ac8ace #ebeef1}body::-webkit-scrollbar{width:16px}body::-webkit-scrollbar-track{background:#ebeef1}body::-webkit-scrollbar-thumb{background-color:#ac8ace;border-radius:10px;border:3px solid #ebeef1}.modal-background::-webkit-scrollbar{width:16px}.modal-background::-webkit-scrollbar-track{background:transparent}.modal-background::-webkit-scrollbar-thumb{background-color:#ac8ace;border-radius:10px;border:3px solid transparent;background-clip:padding-box}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--body-color);overflow-x:hidden;position:relative;scrollbar-width:auto;scrollbar-color:#ac8ace #ebeef1}p{line-height:2rem;font-size:20px;font-weight:400}a{text-decoration:none}li{list-style:none}#scrollToTop{position:fixed;bottom:20px;right:30px;cursor:pointer;border:1px solid var(--primary-medium);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:4px;background-color:#f8efff;font-size:18px;z-index:150;color:var(--primary-medium);transition:all .3s;box-shadow:0 0 10px #d194fc93}#scrollToTop:hover{background-color:#fefdfe;box-shadow:0 0 10px #d194fc93}#scrollToTop i{font-size:30px}.container{padding:0 20px;width:100%}.btn{border-radius:50px;transition:all .5s;width:fit-content;cursor:pointer;position:relative;border:none}.secondary-header{color:var(--primary-medium);font-size:var(--text-size-m);line-height:1.2}.text-center{text-align:center}.text-xxxl{font-size:var(--text-size-xxxl);line-height:1.2}.text-xxl{font-size:var(--text-size-xxl);line-height:1.2}.text-xl{font-size:var(--text-size-xl);line-height:1.2}.text-l{font-size:var(--text-size-l);line-height:1.2}.text-m{font-size:var(--text-size-m);line-height:1.4}.text-s{font-size:var(--text-size-s);line-height:1.5}.text-xs{font-size:var(--text-size-xs);line-height:1.6}.text-xxs{font-size:var(--text-size-xxs);line-height:1.6;font-weight:500}.text-light{font-weight:300}.text-regular{font-weight:400}.text-medium{font-weight:500}.text-bold{font-weight:800}.text-dark{color:var(--text-dark)}.accent-dark{color:var(--accent-dark)}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.ml-1{margin-left:10px}.ml-2{margin-left:20px}.ml-3{margin-left:30px}.mr-1{margin-right:10px}.mr-2{margin-right:20px}.mr-3{margin-right:30px}.m-s{margin:10px}.m-m{margin:20px}.m-l{margin:30px}.pt-1{padding-top:10px}.pt-2{padding-top:20px}.pt-3{padding-top:30px}.pb-1{padding-bottom:10px}.pb-2{padding-bottom:20px}.pb-3{padding-bottom:30px}.pl-1{padding-left:10px}.pl-2{padding-left:20px}.pl-3{padding-left:30px}.pr-1{padding-right:10px}.pr-2{padding-right:20px}.pr-3{padding-right:30px}.p-s{padding:10px}.p-m{padding:20px}.p-l{padding:30px}.social-icons{display:flex;gap:10px;align-items:baseline}.social-icons a{transition:all .3s}.social-icons a:hover{transform:scale(1.09)}.project-wrap .description p:first-child{color:var(--primary)}footer{height:auto;padding:15px 20px;background-color:#e9e4f6;color:var(--text-gray);display:flex;align-items:center;flex-direction:column;justify-content:center}footer .social-icons{margin-top:5px}footer p{text-align:center;font-size:18px;font-family:var(--font-primary)}strong{font-weight:600}@media (min-width: 920px){.container{max-width:1440px;padding:0 40px;margin:0 auto}}@media (min-width: 1440px){.container{padding:0 80px}}header{display:flex;align-items:center;background-color:var(--primary);position:fixed;top:0;left:0;z-index:1000;width:100%;transition:all .3s;box-shadow:0 3px 20px #5757571a}header.navbar-color{background-color:var(--body-color);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}nav{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0}nav a{font-family:var(--font-secondary);font-weight:300;position:relative;transition:all .4s;cursor:pointer}nav .project-nav a{margin:0 10px;font-size:var(--text-size-s);color:#fff;font-family:var(--font-primary)}nav .desktop-nav.project-nav{display:flex;align-items:center}nav .desktop-nav{display:none}nav .logo{width:110px;position:relative}.navbar-right{display:none}.mobile-nav{background-color:var(--primary);padding:120px 0;height:100vh;width:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;transform:translate(100%);visibility:hidden;display:flex;justify-content:flex-start}.mobile-nav.show-nav{transform:translate(0);left:90px}.mobile-nav i{color:var(--text-light);font-size:30px;position:absolute;top:20px;right:20px}.mobile-nav ul{display:flex;flex-direction:column;padding:0 40px}.mobile-nav a{padding:20px;display:block;font-size:var(--text-size-m);border-bottom:1px solid #dfbaff;color:#fff}.toggle{cursor:pointer;overflow:hidden;width:42px;height:42px;background:#775fb9;border-radius:4px;box-shadow:0 3px 7px #063b563e;position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.toggle .line-toggle:nth-child(2){transition-delay:.12s}.toggle.activate .line-toggle:first-child{background:var(--text-light);transform:translateY(0) translate(0) rotate(45deg);width:30px;height:5px;transition-delay:.1s;left:6px;top:18px}.toggle.activate .line-toggle:nth-child(2){transform:translate(110px);transition-delay:0s}.toggle.activate .line-toggle:last-child{background:var(--text-light);transform:translateY(0) translate(0) rotate(314deg);width:30px;height:5px;transition-delay:.1s;left:6px;top:18px}.btn-contact,.menu-right{display:none}.mobile-right{display:flex;gap:10px}.menu-right .languages button:hover{background-color:#7c49be}.language-active{display:flex}.languages img{width:20px}.languages{position:relative;display:flex;align-items:center;gap:10px}.languages button{cursor:pointer;display:flex;background-color:#a067ec;color:#fff;border:none;border-radius:4px}.language-m-hidden,.language-d-hidden{display:none;position:absolute;left:0}.language-m-hidden{top:32px}.language-d-hidden{top:25px}.language-m-hidden img,.language-d-hidden img{transition:all .4s}.language-m-hidden img:hover,.language-d-hidden img:hover{transform:scale(1.4)}.language-m-hidden.show,.language-d-hidden.show{display:block}@media (min-width: 920px){.toggle,.mobile-nav,.mobile-nav.show-nav{display:none}nav .desktop-nav{display:flex;align-items:center}.navbar-right{display:flex;gap:20px}.desktop-nav li{transition:all .4s}.desktop-nav li:hover{transform:translateY(-3px)}.desktop-nav a{margin:0 10px;font-size:var(--text-size-s);color:#fff}.desktop-nav a:hover,.project-nav a:hover{color:#84c7ff}.desktop-nav a.active{color:var(--primary)!important}.btn-contact{background-color:#afa4e186;padding:8px 25px;display:block}.btn-contact:hover{background:rgba(175,164,225,.32);transform:scale(1.07)}.menu-right{display:flex;align-items:center;gap:10px}.mobile-right .languages{display:none}.menu-right .languages button{transition:all .3s}}@media (min-width: 1440px){nav ul a{margin:0 30px}.desktop-nav a{margin:0 20px}}main{width:100%;background-color:var(--body-color);display:flex;align-items:center}main>*{position:relative}.main-wrapper{display:flex;flex-direction:column;align-items:center;gap:50px;margin:130px 0 40px}.headline{color:var(--primary-x-dark);position:relative}.headline h1{font-size:3.2rem;line-height:1.1}.headline p{margin-top:20px}.headline:before{content:"";position:absolute;background-image:url(/icons/waving-hand.svg);background-repeat:no-repeat;background-size:36px;width:40px;height:40px;left:130px;top:10px}.headline .btn,.mfe-prototype .btn,.hm-prototype .btn{letter-spacing:1px;margin-top:26px;display:flex;align-items:center;gap:10px;font-size:var(--text-size-xs);text-transform:uppercase;padding:12px 24px;background-color:var(--accent);color:var(--text-light)}.banner-img img{width:100%}.main-wrapper .social-icons{margin-top:20px}.social-icons svg{height:fit-content}@media (min-width: 740px){main{height:100vh}.headline h1{font-size:var(--text-size-xxxl)}.main-wrapper{flex-direction:row;gap:20px;margin-top:90px}.headline{flex-basis:64%}.headline:before{left:268px;top:162px}.break-line{display:none}}@media (min-width: 847px){.headline:before{left:336px;top:92px}}@media (min-width: 920px) and (max-width: 924px){.headline:before{left:338px}}@media (min-width: 958px){.headline{flex-basis:55%}}@media (min-width: 1010px){.headline:before{left:266px}}@media (min-width: 1024px){.headline{padding-left:58px}.headline:before{background-size:40px;width:40px;height:50px;left:0;top:14px}.headline .btn:hover,.mfe-prototype .btn:hover,.hm-prototype .btn:hover{background-color:var(--accent-dark);transform:scale(1.07)}}@media (min-width: 1200px){.headline{padding-left:90px}.headline:before{left:30px}.main-wrapper{gap:0}}#work h2{color:var(--text-dark);margin:70px 0 35px;position:relative}.portfolio-wrapper{display:grid;grid-template-columns:1fr;gap:2px}.card{display:flex;transition:all .4s;width:100%;position:relative}.overlay{position:absolute;background-color:#1a0e31cc;flex-direction:column;gap:10px;height:100%;width:100%;top:0;left:0;transition:opacity .5s;opacity:0;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center}.card:hover .overlay,.card.overlay{opacity:1}.overlay>*{color:var(--text-light);transform:translateY(30px);transition:transform .6s}.card:hover .overlay>*{transform:translateY(0)}.overlay p{font-size:1.8rem}.overlay i{width:48px;height:48px;font-size:1.8rem;border-radius:50%;background-color:#51a5cc45;color:#ffffff94;transition:all .4s;display:flex;align-items:center;justify-content:center;cursor:pointer}.overlay i:hover{background-color:#51a5cca1}.card img{width:100%;height:auto}@media (min-width: 758px){.portfolio-wrapper{grid-template-columns:repeat(3,1fr)}}@media (min-width: 758px) and (max-width: 1110px){.overlay p{font-size:1rem}}#about{margin:50px 0}@media (min-width: 1100px){#about{margin:130px 0;height:100%}#about h2,#about p{padding:0 110px}}@media (min-width: 1600px){#about{margin:160px 0}}.modal{position:fixed;background:#0c0517de;width:100%;height:100%;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);top:0;left:0;display:flex;align-items:center;justify-content:center;transform:translateY(-110%)}.modal-background{background:rgb(237 234 245);width:90%;border-radius:10px;position:relative;height:90vh;overflow:auto;margin:80px 0;padding:0 20px}.modal.show{transform:translateY(0);transition:transform .8s ease 0s}.close-modal{top:20px;cursor:pointer;z-index:1000;position:sticky;display:flex;justify-content:end;font-size:28px;color:var(--primary-medium)}.modal-content{display:flex;align-items:center;flex-direction:column}.project-title{margin:45px 0 20px;text-align:center}.project-images{width:100%;display:flex;flex-direction:column;align-items:center}.project-image-header{width:100%}.desktop-images{margin-top:40px;flex-wrap:wrap}.desktop-images,.mobile-images{display:flex;justify-content:center;gap:15px}.desktop-images img{width:100%}.desktop-images img,.mobile-images img{border-radius:15px;box-shadow:0 6px 14px 4px #29262630}.mobile-images{flex-wrap:wrap;margin-top:30px}.mobile-images img{width:46%}@media (min-width: 768px){.project-image-header{width:70%}.project-images{width:90%}.desktop-images img{width:48%}.mobile-images img{width:30%}}#projects{background:#eff0f8;padding:50px 0}#projects h3{font-size:2rem;line-height:1.1}.project-wrap{display:flex;flex-direction:column;justify-content:center;margin:25px auto;box-shadow:0 1px 13px #6a6a6a2b;border-radius:10px;position:relative}.project-wrap .image{display:flex;height:380px;align-items:center;justify-content:center;border-radius:10px 10px 0 0}.mfe{background-color:#c2d9d6}.hm{background-color:#c9c8e6}.fb{background-color:#f0dbd6}.hm img,.fb img{width:230px}.mfe img{width:90%}.project-wrap .description{background-color:#fff;display:flex;flex-direction:column;justify-content:center;border-radius:0 0 10px 10px}.project-wrap .description .btn{letter-spacing:1px;display:flex;font-size:var(--text-size-xxs);text-transform:uppercase;padding:12px 20px;background-color:var(--accent);color:var(--text-light)}.project-wrap .description .btn:hover{transform:scale(1.07);background-color:var(--accent-dark)}@media (min-width: 550px){.mfe img{width:465px}}@media (min-width: 740px){.project-wrap{width:80%;flex-direction:row}.project-wrap .image,.project-wrap .description{height:auto;flex-basis:50%}.project-wrap .image:nth-child(2),.project-wrap .description:nth-child(2){border-radius:0 10px 10px 0}.project-wrap .image:first-child,.project-wrap .description:first-child{border-radius:10px 0 0 10px}.hm img,.fb img{width:55%}.mfe img{width:90%}}@media (min-width: 880px){.project-wrap{height:340px}}@media (min-width: 1024px){.hm img,.fb img{width:50%}#projects{padding:100px 0}}@media (min-width: 1160px){.mfe img{width:75%}.hm img,.fb img{width:42%}}:root{--mfe-text-light: #FDFEFF;--mfe-primary-dark: #020E1D;--mfe-primary-medium: #375B8B;--mfe-primary-light: #E5EFFC;--mfe-font-primary: "Titillium Web", sans-serif;--mfe-font-secondary: "Roboto", sans-serif}#mfe-research,#mfe-persona,#mfe-mapping,#mfe-mf-wireframes,#mfe-branding,#mfe-prototype,#mfe-usertest{padding:80px 0}.mfe-usertest{gap:80px}.mfe-usertest .mfe-insights-card{padding:30px}.mfe-usertest li{font-weight:400!important;text-transform:none!important}.mfe-toggle{cursor:pointer;overflow:hidden;width:42px;height:42px;background:#775fb9;border-radius:4px;box-shadow:0 3px 7px #063b563e;position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.line-toggle{position:absolute;display:block;width:28px;height:5px;background:var(--text-light);border-radius:5px;transition:all .6s}.line-toggle:first-child{transform:translateY(-10px) translate(-2px);transition-delay:0s;width:26px}.mfe-toggle .line-toggle:nth-child(2){transition-delay:.12s}.line-toggle:last-child{transform:translateY(10px) translate(-6px);transition-delay:0s;width:18px}.mfe-toggle.activate .line-toggle:first-child{background:var(--text-light);transform:translateY(0) translate(0) rotate(45deg);width:30px;height:5px;transition-delay:.1s;left:6px;top:18px}.mfe-toggle.activate .line-toggle:nth-child(2){transform:translate(110px);transition-delay:0s}.mfe-toggle.activate .line-toggle:last-child{background:var(--text-light);transform:translateY(0) translate(0) rotate(314deg);width:30px;height:5px;transition-delay:.1s;left:6px;top:18px}.mfe-navbar-right{display:flex;gap:20px}.mfe-mobile-nav{background-color:var(--primary);padding-top:65px;height:100vh;width:30%;position:absolute;right:0;top:0;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;transform:translateY(-100%);visibility:hidden;display:flex;justify-content:flex-start;overflow-y:auto}.mfe-mobile-nav.show-nav{transform:translateY(0);right:0}.mfe-mobile-nav i{color:var(--text-light);font-size:30px;position:absolute;top:20px;right:20px}.mfe-mobile-nav ul{display:flex;flex-direction:column}.mfe-mobile-nav a{padding:16px 0;display:block;font-size:var(--text-size-m);color:#fff;font-family:var(--font-primary);margin:0 30px}.mfe-mobile-nav a:hover{color:#88c4fc}#mfe strong{font-weight:500}.mfe-banner{background-image:url(/metal-for-everyone-img/mfe-banner.jpg);background-color:#020e1d;background-position:center;background-repeat:no-repeat;background-size:cover;height:74vh;display:flex;align-items:center;padding-top:78.38px}.mfe-banner .container{display:flex;align-items:center;flex-direction:row}.mfe-headline{flex-basis:55%;height:fit-content}.mfe-headline .title{font-size:60px;font-family:var(--mfe-font-primary);line-height:3.4rem;text-transform:uppercase}.mfe-headline .subtitle{font-size:28px;font-weight:400;font-family:var(--mfe-font-secondary)}.mfe-mockup{flex-basis:45%}.mfe-mockup img{width:100%}.mfe-headline h1,.mfe-banner h4,.mfe-interview h3{color:var(--mfe-text-light)}.mfe-summary{background-color:var(--mfe-primary-dark);color:var(--mfe-text-light);padding:25px 20px 30px}.mfe-summary .container{display:flex;justify-content:space-between}.mfe-overview .container,.mfe-whytodo .container,.mfe-research .container,.mfe-interview:first-child{justify-content:center}.mfe-overview .container,.mfe-whytodo .container,.mfe-research .container,.mfe-interview .container{display:flex;align-items:center}.mfe-summary h4{font-family:var(--mfe-font-primary)}.mfe-research h4{font-family:var(--mfe-font-secondary)}.mfe-summary h4,.mfe-research h4{font-size:22px;margin-bottom:15px}.mfe-summary p{font-family:var(--mfe-font-secondary);font-size:18px;margin-top:10px;font-weight:400}.mfe-overview,.mfe-research,.mfe-simple-content,.mfe-branding{background-color:var(--mfe-text-light);color:var(--mfe-primary-dark)}.mfe-overview .content,.mfe-whytodo .content{height:fit-content;flex-basis:46%}#mfe{font-family:var(--mfe-font-primary)}.content h3,.mfe-research h3,.mfe-research h2{text-transform:uppercase;font-weight:700}.mfe-research h2,.mfe-persona h2,.mfe-mapping h2,.mfe-branding h2{font-size:32px;text-align:center;margin-bottom:50px;text-transform:uppercase;line-height:2rem}.content h3,.mfe-research h3,.mfe-interview h3{font-size:28px;line-height:1.8rem}.content h4{font-size:24px}.mfe-styleguide h4{font-family:var(--mfe-font-primary)}.content p{margin-top:16px;font-family:var(--mfe-font-secondary);font-size:20px;font-weight:400}.mfe-overview .container,.mfe-whytodo .container{align-items:center;justify-content:center}.mfe-whytodo .container{padding:90px 20px;gap:100px}.mfe-overview .container{padding:60px 20px;gap:80px}.mfe-approach{padding:80px 20px}.mfe-overview img{max-width:340px;flex-basis:54%}.mfe-usertest img{width:80%}.mfe-whytodo,.mfe-approach,.mfe-interview{background-color:var(--mfe-primary-dark);color:var(--mfe-text-light)}.mfe-approach-cards{display:flex;flex-direction:row;gap:10px;margin-top:35px}.mfe-approach-card{background-color:var(--mfe-primary-light);flex-basis:20%;padding:0 0 20px;text-align:center;border-radius:10px}.mfe-approach-cards h4,.mfe-approach-cards p{font-family:var(--mfe-font-secondary);font-weight:300}.mfe-approach-cards h4{font-size:20px;background-color:var(--mfe-primary-medium);border-radius:10px;padding:12px}.mfe-approach-cards p{font-size:18px;color:var(--mfe-primary-dark);padding:0 20px;margin-top:10px}.mfe-research img{height:fit-content;flex-basis:45%;max-width:45%}.mfe-research .content{flex-basis:55%}.mfe-research .container{gap:30px}.mfe-research .lists{display:flex;flex-direction:row;gap:45px;padding:0 20px}.mfe-research .lists li{font-size:20px;font-family:var(--mfe-font-secondary);text-transform:capitalize}.content li{font-family:var(--mfe-font-primary);text-transform:uppercase;font-size:22px}.mfe-research .lists li,.content li{list-style:disc;font-weight:600}.mfe-research .container.mfe-table{flex-direction:column}.container.mfe-table img{max-width:100%}.container.mfe-table img:nth-child(2){background-color:var(--mfe-primary-dark);border-radius:10px}.mfe-insights-cards{display:flex;flex-direction:row;gap:20px;margin:-10px 0 0}.mfe-insights-card{background-color:var(--mfe-primary-light);padding:20px;border-radius:10px}.mfe-insights-card p{font-family:var(--mfe-font-secondary);color:var(--mfe-primary-dark);font-size:20px;line-height:2rem}.mfe-interview{padding-bottom:70px}.mfe-interview .container:first-child{padding-top:60px;padding-bottom:60px;gap:30px}.mfe-interview .content{height:fit-content;flex-basis:70%}.quote-cards{display:flex;flex-direction:row;justify-content:space-between;gap:10px;margin-bottom:20px}.quote-card{display:flex;align-items:center;flex-direction:column;flex-basis:25%}.quote-card p{font-size:18px;font-family:var(--mfe-font-secondary);line-height:1.8rem;padding:0 30px}.quote-card .icon-top{align-self:flex-start}.quote-card .icon-bottom{align-self:flex-end}.mfe-simple-content .content{display:flex;flex-direction:column}.mfe-persona img,.mfe-sketches img,.mfe-wireframes img{width:80%}.mfe-mapping img{width:100%}.mfe-moodboard img{width:60%}.mfe-styleguide img{width:70%}.mfe-styleguide img:last-child{width:40%}.mfe-persona img,.mfe-empathy img,.mfe-mapping img,.mfe-sketches img,.mfe-wireframes img,.mfe-moodboard img{align-self:center}.mfe-branding .container.col{display:flex;flex-direction:row;gap:30px;align-items:center}.mfe-branding .story{flex-basis:40%}.mfe-branding .logos{flex-basis:60%;display:flex;flex-direction:row;gap:20px}.mfe-branding .logos img{width:100%}.mfe-branding .inspiration{flex-basis:70%}.typography{width:25%}.mfe-color-palette .circles{display:flex;gap:15px}.mfe-color-palette .circle-wrap{display:flex;flex-direction:column}.mfe-color-palette .circle-wrap p{margin:10px auto 0}.mfe-color-palette .circle{width:96px;height:96px;border-radius:100%}.mfe-color-palette .circle-wrap:first-child .circle{background-color:#101112}.mfe-color-palette .circle-wrap:nth-child(2) .circle{background-color:#fdfeff;border:1px solid #C7C7C7}.mfe-color-palette .circle-wrap:nth-child(3) .circle{background-color:#58a9b8}.mfe-wireframes .single-pages{display:flex;text-align:center;gap:20px}.mfe-wireframes .single-pages p{line-height:1.4rem}.single-pages .content{flex-basis:50%}.container.tour-dates{display:flex;flex-direction:column;justify-content:center}.mfe-styleguide{background-color:#edf3f9;padding:50px 0}.mfe-footer{background-color:#d8e5f8}.mfe-modal-box{position:relative;transition:color .4s}.mfe-modal-box:hover .mfe-overlay{display:flex;transition:color .4s}.mfe-overlay i{color:var(--mfe-text-light);font-size:50px}.mfe-overlay{display:none;align-content:center;align-items:center;justify-content:center;background-color:#00000080;position:absolute;height:100%;width:100%;top:0;left:0;right:0;margin:0;padding:0;cursor:pointer;transition:color .4s}.project-modal{position:fixed;background:#0c0517de;width:100%;height:100%;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);top:0;left:0;display:none;align-items:center;justify-content:center;padding:30px}.project-modal img{width:100%}.project-modal i{position:absolute;top:26px;right:26px;font-size:35px;color:var(--mfe-primary-light);cursor:pointer}.mfe-prototype a{font-weight:600;font-size:20px!important;margin:0 auto}@media (max-width: 1166px){.mfe-modal-box:hover .mfe-overlay{display:none}.mfe-headline .title{font-size:52px}.mfe-branding .container.col{margin-top:20px}.mfe-mobile-nav a{margin:0 20px}}@media (max-width: 950px){.mfe-navbar-right{gap:4px}.mfe-usertest img{width:90%}.mfe-overview .container,.mfe-whytodo .container{gap:30px;padding:40px 20px 50px}.mfe-research .container{flex-direction:column}.mfe-research img{max-width:80%}.quote-cards{flex-wrap:wrap}.quote-card{flex-basis:46%}}@media (max-width: 834px){.mfe-approach-cards{flex-direction:column}.mfe-approach-cards p{margin-top:6px}.mfe-approach-card{padding:0 0 10px}.mfe-empathy img{width:90%}}@media (max-width: 739px){.mfe-banner{height:85vh}.pb-6-mb{padding-bottom:60px}.mfe-usertest img{margin-top:40px}.mfe-banner .container{flex-direction:column;gap:25px}.mfe-headline,.mfe-mockup{text-align:center}.mfe-mockup img{width:70%}.mfe-summary .container{text-align:center;gap:10px}.mfe-summary h4{margin-bottom:10px}.mfe-overview .container,.mfe-whytodo .container,.mfe-insights-cards{flex-direction:column}.mfe-whytodo .container,.mfe-branding .container.col.reverse{flex-direction:column-reverse}.mfe-interview .container:first-child img{display:none}.mfe-interview .content{flex-basis:100%}.mfe-moodboard img{width:80%}.hammer,.typography{width:50%}.mfe-branding .container.col{flex-direction:column;gap:20px}#mfe-overview,#mfe-whytodo,#mfe-challenge{padding:20px 0}#mfe-persona,#mfe-mapping,#mfe-mf-wireframes,#mfe-branding,#mfe-usertest,#mfe-prototype{padding:70px 0}.mfe-overview img{width:100%}.mfe-usertest{gap:0}.mfe-usertest .mfe-insights-cards{margin-top:50px}.mfe-whytodo .container{gap:50px}.mfe-research h2,.mfe-persona h2,.mfe-mapping h2,.mfe-branding h2{margin-bottom:40px}.mfe-empathy img{margin-top:10px}.mfe-sketches img,.mfe-moodboard img{margin-top:20px}.mfe-branding .inspiration{margin-top:0}.mfe-mobile-nav{width:100%}}@media (max-width: 615px){.mfe-summary .container{flex-direction:column;gap:8pxpx}.mfe-summary .container .col{border-bottom:1px solid #b5b5b536;padding-bottom:15px}.mfe-summary .container .col:last-child{border-bottom:none;padding-bottom:0}.quote-card{flex-basis:100%}.mfe-empathy img,.mfe-persona img,.mfe-sketches img,.mfe-wireframes img{width:100%}}@media (max-width: 500px){.mfe-mockup img,.hammer,.typography{width:80%}}@media (max-width: 390px){.mfe-mockup img,.mfe-research img,.mfe-moodboard img{width:100%}}:root{--hm-text-light: #FDFEFF;--hm-primary-dark: #252D4C;--hm-secondary-dark: #09417A;--hm-primary-light: #E5EFFC;--hm-font-primary: "Titillium Web", sans-serif;--hm-font-secondary: "Roboto", sans-serif}#hm-discovering span{line-break:anywhere}#hm strong{font-weight:600}section.height-auto{padding:60px 0}.hm-bg .container.align-stretch{align-items:stretch}.hm-secondary-dark{color:var(--hm-secondary-dark)}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.align-center{align-items:center}.justify-center{justify-content:center}.flex-self-start{align-self:flex-start}.flex-self-center{align-self:center}.hm-content strong{font-weight:700}.flex-basis-50{flex-basis:50%}.flex-basis-60{flex-basis:60%}.m-0{margin:0}#hm h2{font-size:32px}#hm h3,#hm h2{font-weight:700;text-transform:uppercase;margin-bottom:20px}#hm h3{font-size:28px}#hm h4{font-size:22px}.hm-research-content p,.content-border p{margin-top:0!important}.hm-content p{margin-top:15px}.hm-bg,.hm-banner,.fb-banner{background-repeat:no-repeat;background-size:cover;height:100vh;display:flex;align-items:center}.hm-banner{background-image:url(/home-mate/home-mate-bg-1.jpg)}.hm-banner .container,.fb-banner .container{display:flex;align-items:center}.hm-headline .title{text-transform:capitalize;font-size:75px}.hm-headline .subtitle{font-size:20px;line-height:2rem}.hm-mockup{display:flex;justify-content:center;flex-basis:40%;margin-top:74px}.hm-headline{flex-basis:60%;color:var(--hm-primary-dark);margin-top:65px}.hm-subheadline{font-size:28px!important}.hm-headline h2{margin-top:20px;font-size:30px}.hm-mockup img{margin-top:26px;width:90%}.hm-summary{display:flex;gap:40px;margin-top:10px}.hm-summary p{font-size:18px}.hm-bg{background-image:url(/home-mate/home-mate-bg-2.jpg);margin-top:5px;color:var(--hm-primary-dark)}.hm-bg .container{display:flex;align-items:center;gap:20px}.hm-bg .hm-image{flex-basis:40%;display:flex;justify-content:center}.hm-overview .hm-image img{width:60%}.hm-whytodo .hm-image img,.hm-userjourney .scene,.hm-visualdesign .colors{width:90%}.hm-problemstmt .hm-image img,.hm-lowfiwireframes-img{width:85%}.hm-visualdesign .buttons{width:70%}.width-100,.hm-userresearch .hm-answers,.hm-process-details{width:100%}.hm-problemstmt ul{padding-left:20px}.hm-content li{list-style:disc;padding-bottom:10px;font-size:20px;font-weight:400;line-height:2rem}.hm-bg.hm-process{flex-direction:column;justify-content:center}.hm-process-details{display:flex;flex-direction:row;gap:10px}.container.hm-process-details{justify-content:flex-start;max-width:1160px;padding:0;margin-top:20px;align-items:normal;gap:10px}.hm-process-details .box{background-color:#f0f4f8;padding:20px;border-radius:4px;width:20%}.hm-process-details .box p{margin-top:18px;font-size:16px;line-height:1.2}.hm-process-details .box p:first-child{margin-top:0;font-weight:700;color:var(--hm-secondary-dark)}.hm-research-content{display:flex;gap:30px;align-items:center}.height-auto{height:auto}.content-border{border:2px solid #A4C9EE;padding:10px;border-radius:6px}.hm-content span{color:gray;margin-top:8px}.hm-conclusion-box{background-color:#fbfbfb;padding:20px;border-radius:10px;box-shadow:0 3px 6.675px #00000021;margin-left:auto;margin-right:auto}.hm-conclusion-box h4{text-transform:uppercase}.hm-competitor .hm-content img:first-child{width:40%}.hm-competitor .hm-content.flex-row{flex-direction:row;gap:30px;align-items:center}.hm-competitor>.hm-content.flex-row p{width:50%}.hm-matrixcsd .hm-image{flex-basis:50%}.hm-userresearch img{width:70%}.hm-userresearch .hm-image-bg{padding:50px;background-color:#d9e1ec;flex-basis:50%;display:flex;justify-content:center}.hm-userresearch .hm-content{align-items:center;gap:30px}.container.hm-research-result{flex-direction:column;align-items:flex-start;gap:10px}.hm-research-result h4{text-transform:uppercase}.hm-research-result{margin-top:50px}.hm-lowfiwireframes-img{margin-top:60px}.hm-visualdesign img{align-self:self-start}.hm-test-intro{flex-basis:70%}.hm-usertest .hm-image{flex-basis:30%}.hm-usertest .hm-content{gap:30px;align-items:center;margin-bottom:30px}.hm-usertest h3{margin-bottom:0!important}.hm-csdmatrix .hm-image.flex-basis-50{flex-basis:50%}.hm-userresearch .flex-basis-50{padding-right:20px}.hm-conclusion img{width:60%;margin-left:70px}.hm-prototype a{font-size:20px!important;font-weight:600;margin:0!important}@media (max-width: 1160px){.container.hm-process-details{padding:0 10px}}@media (max-width: 1120px){.hm-headline .title{font-size:65px}.hm-subheadline{font-size:26px!important}.hm-summary p{font-size:16px;margin-bottom:0}.height-auto-mb{height:auto}section.height-auto-mb{padding:60px 0}}@media (max-width: 960px){.hm-summary{gap:20px}}@media (max-width: 850px){.hm-headline .title{font-size:55px}.hm-headline .subtitle{font-size:18px;line-height:1.8rem}.hm-summary{gap:10px}.hm-overview .hm-image img{width:75%}.hm-image.flex-basis-md-50{flex-basis:50%}}@media (max-width: 739px){.width-70{width:70%}.pb-6-mb{padding-bottom:60px}.m-0-mb{margin:0}.flex-basis-100{flex-basis:100%}#hm-discovering h2{margin-bottom:0}#hm-discovering h3{margin-top:10px}.hm-bg .container.align-normal,.hm-research-content.align-normal{align-items:normal}.hm-research-content.align-normal{margin-top:0;gap:10px}.height-auto-mb{height:auto}section.height-auto-mb{padding:60px 0}.hm-competitor .hm-content img:first-child,.hm-competitor>.hm-content.flex-row p,.hm-userjourney .scene,.hm-userresearch img{width:100%}.hm-competitor>.hm-content.flex-row p{margin-top:-10px}.hm-competitor .hm-content.flex-column{margin-top:10px;padding:10px 20px}.hm-banner .container,.fb-banner .container,.hm-overview .container,.hm-whytodo .container,.hm-problemstmt .container,.hm-process .container.flex-column-mb,.hm-research-content,.hm-bg .container.align-stretch,.hm-csdmatrix .container,.hm-userresearch .hm-content,.hm-competitor .hm-content.flex-column,#hm-lowfiwireframe .container,.flex-column-mb,.hm-conclusion .container{flex-direction:column}.hm-userresearch .hm-content{padding:20px}.hm-bg .container.align-stretch{margin-top:20px}.hm-conclusion-box{margin:15px auto 0}.hm-research-content{gap:0}.hm-highfiwireframe .container{gap:15px}.content-border{margin-top:10px!important}.hm-whytodo .container,.hm-overview .container,.hm-problemstmt .container{gap:40px}.hm-csdmatrix .container{gap:25px}.hm-overview .container,.hm-problemstmt .container,.hm-conclusion .container{flex-direction:column-reverse}.hm-summary{flex-direction:column;gap:10px}.hm-mockup{margin-top:20px;justify-content:center}.hm-mockup img{margin-top:0;width:70%}.hm-overview .hm-image img{width:65%}.container.hm-process-details{padding:0 20px;gap:10px;flex-wrap:wrap}.hm-process-details .box{width:32%}.hm-research-result{margin-top:10px}.hm-userresearch img{margin-top:15px}.hm-research-result h4{margin-top:10px}.hm-userresearch .hm-answers{margin-top:-3px}#hm-defining .container{gap:0}#hm-defining img:last-child,#hm-lowfiwireframe img,.hm-visualdesign .buttons{margin-top:10px}.hm-userjourney .container img:first-child{margin-top:20px}.hm-userjourney .container img:nth-child(2),.hm-userjourney .container img:last-child,.hm-visualdesign .colors{margin-top:0}.hm-userjourney .container{gap:15px}#hm-discovering h2,#hm-defining h2,#hm-taskflow h2,.hm-visualdesign h2,.hm-usertest h2{text-align:center}.hm-lowfiwireframes-img{margin-top:15px}.small-title{font-size:18px}.hm-userjourney .hm-content div{padding:0}.hm-visualdesign h3{margin-bottom:0}.hm-highfiwireframe img{margin-top:0}.hm-conclusion img{width:70%;margin-left:0}}@media (max-width: 539px){.hm-process-details .box{width:48%}.container.hm-process-details{gap:15px}}@media (max-width: 500px){.hm-mockup img,.width-100{width:100%}.hm-overview .hm-image img{width:75%}}@media (max-width: 414px){.hm-process-details .box{width:100%}}.fb.project-wrap{flex-direction:column-reverse}.fb.image{position:relative}.fb.image:after{position:absolute;content:"";background-image:url(/assets/loading-img-3aef83f9.svg);width:50%;height:50%;background-size:contain;background-repeat:no-repeat;background-position:center}.fb.image:before{position:absolute;content:"";background-color:#ffffff8a;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(2px);top:0;left:0;border-radius:10px 10px 0 0}.workinprogress-wrap{width:fit-content}.workinprogress-content{display:flex;justify-content:center;color:#751dcd;align-items:center}.workinprogress-content .material-icons{font-size:18px}@media (min-width: 740px){.fb.project-wrap{flex-direction:row}.fb.image:before{border-radius:0 10px 10px 0}}.fade,.scroll-right{opacity:0;transition:.7s all;filter:blur(8px)}.scroll-right{transform:translate(-30px)}.active{opacity:1;transform:translate(0);transition:.7s all;filter:blur(0px)}html{scroll-behavior:smooth}