body{background:#fff7f7}.banner .banner-content .container h2,.banner.project-banner .banner-content .banner-copy p,.project-snapshots h2,.solution-space h2,.project-snapshots,.problem-space p .solution-space p,.more-info h4,.more-info p,.conclusion .description h4,.conclusion .description p{color:#32201c}.banner .banner-content img.graphic{position:absolute;bottom:0;right:clamp(-400px,-20vmin,-240px);max-width:min(1600px,92vw);margin-top:2rem}.project-hero{background-image:url(/assets/soc-hero-BIjg0zf2.webp);background-color:var(--tone-400);background-size:cover}.project-hero p{color:var(--tone-400)}.banner.project-banner{background-color:#fff7f7}.banner.project-banner .banner-img img{opacity:1}.project-hero .container .project-hero-copy .pixelated-text h1,.project-hero .container .project-hero-copy{color:var(--tone-400)}.project-snapshots{background-color:#2d1111}.solution-space .solution{background-color:#fdf8d2;padding-inline:4rem;padding-block:0}.more-info{padding-inline:4rem;padding-block:0}.solution-space .description h4,.research h5{color:#2d1111}.solution-space .solution .header{position:absolute;width:60%;right:0}.solution-space .solution .description{width:100%}.solution-space .solution .description>*{width:40%}.solution-space .solution video{height:100%}.more-info{padding-block:4rem}.research-findings{margin-top:3rem}.research-findings img{width:100%}.research-findings .caption{max-width:70%;text-align:center;margin:0 auto;font-size:1rem;margin-top:.5rem;font-style:italic;opacity:.8}.research-findings .findings.compare{margin-top:8rem}.research-findings .findings ul{margin-bottom:3rem;max-width:700px;margin-inline:auto}.research-findings .findings ul li{margin-bottom:1rem}.design{background-image:url(/assets/bg-Db8D4x1s.webp);background-size:cover}.design .video-showcase{display:flex;gap:2rem;padding-block:4rem;justify-content:center}.design .video-showcase video{max-height:720px}.progress-bar{background-color:red;border-color:#f74b4b}@media(max-width:1000px){.banner .banner-content img.graphic{max-width:min(700px,90vw);right:50%;bottom:clamp(-32px,-4vmin,-12px);transform:translate(50%)}.project-snapshots .problem-space img{width:300px;margin-bottom:2rem}.solution-space .solution{padding-block:5rem;padding-inline:0}.solution-space .solution .description{padding-inline:4rem}.solution-space .solution .description>*{width:100%}.solution-space .solution .header{position:relative;width:100%}.solution-space .solution video{width:130%;margin-left:-4rem}}@media(max-width:480px){.banner{height:auto}.banner .banner-content .container .banner-copy{width:100%}.banner .banner-content img.graphic{position:relative}.more-info{padding-inline:1rem}.research-findings .findings.compare{margin-top:4rem}.research-findings .findings ul{padding-left:1.5rem}.design .video-showcase{flex-direction:column}.design .video-showcase video{max-height:500px}.banner .banner-content img.graphic{bottom:-19px}.research-findings .caption{max-width:90%}.solution-space .solution .description{padding-inline:1.5rem}}