.project-page .empathy-img{position:relative}.project-page .empathy-img picture{display:flex;flex-direction:column;align-items:center}.project-page .empathy-img img{width:80%;border:none;align-self:center;transition:all .5s ease-in}.project-page .intro-banner{width:100%;--min-height: min-content}.intro-banner .img-container picture{width:100%;overflow:hidden}.intro-banner .img-container picture img{overflow:hidden;height:auto}.horiz-card .title-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.banner-img picture img{border:none;max-height:75vh}.project-page .summary-pill strong{font-weight:600}.project-page .summary-pill{background:#d9fcca;border-color:#d9fcca;color:#008c13}.project-page .intro-card{--text-color: gb(78, 78, 78);width:100%;background:#f9f9f9;color:var(--text-color);padding:5% 17.5%;min-height:50vh;margin-top:5rem;--heading-color: var(--text-color);position:relative}.blurred-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:var(--bg-image)}.blurred-bg-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:inherit;backdrop-filter:blur(8px);background:var(--background-blur-color)}.blurred-bg-image-content{z-index:1;backdrop-filter:blur(0px);color:#000}.understanding-user-bg>.blurred-bg-content{backdrop-filter:blur(5px)}.project-page .mini-title{margin-top:5rem}.story-problem-hypo-container{row-gap:1rem;column-gap:1rem;color:#545454;text-align:justify;margin-bottom:5rem}.user-story-card{border:1px solid #ccc;background:#fcfcfc;border-radius:.5rem;box-sizing:border-box}.story-problem-hypo-container .card{padding:2rem;background:#fcfcfc}.subheading-plain{color:var(--heading-color);text-align:center;font-size:1.5em;font-weight:500;margin-bottom:1rem}.crazy-8-img{max-width:20vw;height:60vh}.hmw-container{row-gap:1.5rem;box-sizing:content-box}.hmw-container .question p,.research-finding .finding>h4{border-top:2px solid #c7832a;padding-top:1rem}.research-finding{row-gap:1.5rem;justify-content:space-between;--heading-font-family: var(--bs-body-font-family);--heading-font-style: normal;--heading-font-weight: var(--bs-body-font-weight);text-align:center;word-wrap:break-word}.horiz-gallery{display:flex;flex-direction:row;overflow:auto;min-height:min-content;position:relative}.horiz-gallery .item{overflow:auto;min-width:100%}.index-section[data-cid=index-section-sticky]{position:sticky;top:40vh;left:90%;--default-width: min-content;z-index:10;height:0;overflow:visible}.index-section .project-index-container a{color:var(--color-mid-gray)}.index-section .project-index-container{padding:1rem;text-align:right}@media(max-width:991.9px){.index-section[data-cid=index-section-sticky]{display:none}}.usability-container{background-color:#fff;--default-width: 90%;overflow:hidden}.streamline-navigation{background-color:#fff}.usability-container .description{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 3rem}.usability-container .screenshot{padding:1rem 3rem}.project-page .intro-banner-inspired-by{margin-bottom:0rem;width:35vw;margin-left:auto;margin-right:auto;margin-top:1rem;width:var(--default-width)}@media(max-width:576px){.project-page .intro-banner-inspired-by{margin-top:1rem;width:90%}}.lets-connect-social{display:flex;column-gap:1rem;justify-content:center;position:fixed;top:2rem;right:2rem}.lets-connect-social .social-link{font-size:1.2em}@keyframes hovering{0%,to{transform:rotate(-1deg) translateZ(.5rem)}50%{transform:rotate(1deg) translateZ(0)}}.connect-card h3{position:relative;text-decoration:underline;text-decoration-thickness:.05em;text-decoration-style:wavy}.connect-card,.connect-card h3{color:#fcfcfc}.connect-card{--connect-card-background: hsl(211, 100%, 17%);background:var(--connect-card-background);padding:1rem;transform:rotate(-1deg);text-align:center;transition:.1s linear}.connect-card:hover,.connect-card:active,.connect-card:focus{transform:rotate(0);box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.demo-video-container{position:relative;display:flex;flex-direction:column;align-items:center;height:80vh;--default-width: 100%;background-color:#000;padding:1rem 0}.demo-video-container video{height:100%}