.project-hero{background-image:url(/assets/granted-KKseHVEt.jpg);background-color:var(--tone-100);background-size:cover}.project-hero .container .project-hero-copy{color:var(--tone-400)}.banner .banner-content img.logo{position:absolute;max-width:min(1800px,95vw);top:clamp(-80px,-6vmin,-30px);left:clamp(-420px,-18vmin,-120px);opacity:.6}.banner .banner-content img.graphic{position:absolute;bottom:0;right:clamp(-420px,-20vmin,-160px);max-width:min(1600px,92vw);margin-top:2rem}.banner .banner-content .container{position:relative;z-index:2}.banner-copy a{color:var(--tone-400);cursor:pointer}.banner-copy a:hover{color:var(--tone-500)}.project-hero .container .project-hero-copy .pixelated-text h1,nav .logo a,nav .menu-toggle-btn p,.banner .banner-content .container h2,.project-snapshots h4{color:#fff7c2}.solution-space .solution{background-color:#fff7c2}.solution-space .description h4,.research h5{color:#1a3b2d}.solution-space .solution .description p.title,.more-info .description p.title,.design .description p.title,.conclusion .description p.title{color:var(--tone-500)}.svg-overlay{position:absolute;inset:0;pointer-events:none}.svg-overlay svg.about-svg{position:absolute;top:calc(-200px/1337.84px*100%);left:calc(320px/1440px*100%);width:calc(1308.54px/1440px*100%);max-width:1308.54px;transform:rotate(5deg);height:auto}.solution-space .features{background-color:#fefdfb}.solution-space .features video{border:1px solid #e6e6e6}.more-info{background-color:#fefdfb;padding-top:4rem}.more-info h4,.more-info h5,.design h4,.conclusion h4{color:#1a3b2d}.more-info .description p,.design .description p,.conclusion .description p{color:var(--tone-100)}.more-info .research-findings{position:relative;margin-top:5rem;display:flex;gap:2rem;z-index:2}.more-info .research-findings .findings{width:calc(33.33% - 1.33rem)}.more-info .research-findings .findings p{padding-right:1rem}.more-info .research-findings img{height:180px}.more-info .hypothesis{position:relative;background-color:#fff7c2;height:100vh;display:flex;align-items:center;margin-top:5rem}.more-info .hypothesis .description{position:relative;z-index:2}.more-info .hypothesis .svg-overlay svg.top{position:absolute;top:calc(10px/500px*100%);right:calc(-155px/1440px*100%);width:calc(811.69px/1440px*100%);max-width:800px;height:auto;transform:rotate(170deg)}.more-info .hypothesis .svg-overlay svg.bottom{position:absolute;bottom:calc(-40px/436.85px*100%);left:calc(-315px/1440px*100%);width:calc(827.5px/1440px*100%);max-width:830px;height:auto;transform:rotate(-20deg)}@media screen and (max-width:769px){.more-info .hypothesis .svg-overlay svg.top{right:calc(-155px/1024px*100%);width:calc(811.69px/1024px*100%);top:-20px}.more-info .hypothesis .svg-overlay svg.bottom{left:calc(-315px/1024px*100%);width:calc(827.5px/1024px*100%)}}@media screen and (max-width:480px){.more-info .hypothesis{overflow:hidden}.more-info .hypothesis .svg-overlay svg.top,.more-info .hypothesis .svg-overlay svg.bottom{width:auto}}.design,.conclusion{background-color:#fefdfb}.design .research{height:100vh;display:flex;align-items:center}.design .focus{display:flex;gap:4rem;margin-top:1rem}.design .focus div.focus-content{width:50%}.design .focus ul li{max-width:100%}.design .focus-title{display:flex;align-items:center;gap:.6rem}.design .focus img{max-width:40px}.design .explorations{margin-block:4rem}.design .exploration-wrapper{margin-top:6rem}.design .explorations-home{display:flex;gap:2rem;margin-top:2rem;padding-inline:8rem}.design .explorations-home .content{padding-inline:4rem}.design .explorations-home img{width:100%}.design .explorations-home .content h6{margin-block:1rem;color:var(--tone-500)}.design .explorations-home .content ul li{max-width:100%}.progress-bar{background-color:#fff7c2}.conclusion .tbc{margin-top:4rem;font-style:italic}@media(max-width:1000px){.banner .banner-content img.graphic{max-width:min(700px,90vw);right:50%;bottom:clamp(-32px,-4vmin,-12px);transform:translate(50%)}.solution-space .solution .description{width:80%}.solution-space .solution .header{width:100%}.more-info .research-findings{flex-direction:column}.more-info .research-findings .findings{width:100%}.design .research{height:auto;flex-direction:column;padding-block:2rem}.design .focus{flex-direction:column;gap:1.5rem}.design .focus div.focus-content{width:100%}.design .explorations{margin-bottom:0}}@media(max-width:480px){.banner{height:auto}.banner .banner-content .container .banner-copy{width:100%}.banner .banner-content img.graphic{position:relative}}