.header{color:var(--project-color)!important}.project-container{margin-top:1.5rem!important;margin-bottom:1.5rem!important;display:block;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.project-section{margin:.75rem 0 1.75rem}.project-content{margin:1rem 0}.project-section .header{margin:.5rem 0}.project-hero{display:flex;flex-direction:column-reverse;gap:var(--space-l);margin:0;padding-block:calc(var(--header-height) + var(--space-l)) var(--space-l);padding-inline:var(--bleed-pad);background-color:var(--project-color)}.project-intro{display:flex;flex-direction:column;flex:1;color:#fff;justify-content:flex-start}.project-title{justify-content:flex-start;font-size:var(--text-2xl);font-family:var(--poppins);font-weight:600;margin:calc(.5rem + .5vw) 0 calc(.2rem + .1vw)}.project-desc{font-size:var(--text-md);justify-content:flex-end;margin:calc(.5rem + .6vw) 0 calc(.3rem + .6vw)}.project-cover{justify-content:center;align-items:center;text-align:center;flex:3}.project-cover>img{border-radius:5px;width:100%}.overview{display:flex;flex-direction:column-reverse;justify-content:space-between;margin-top:0rem!important}.overview .left{display:flex;flex-direction:column;flex:2;margin:.5rem 0 0}.overview p:last-of-type{margin-bottom:0rem}.overview .right{display:flex;flex-direction:row;flex:1;justify-content:flex-start;margin:0 0 .5rem}.project-header:before{content:"";width:1px;height:2.5rem;border-left:calc(.25rem + .1vw) solid var(--project-color);margin-right:.75rem}.analysis .project-header:before{height:4rem}.project-header{font-family:var(--poppins);color:var(--project-color);display:flex;justify-content:left;align-items:center;text-align:left;font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2xs)}.project-subheader{font-family:var(--poppins);color:var(--black);display:flex;justify-content:left;align-items:center;text-align:left;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2xs)}.quote{font-style:italic;margin-bottom:.2rem}.quote-person{font-family:var(--poppins);color:var(--black);display:flex;justify-content:left;align-items:center;text-align:left}.quote-person:before{content:"";color:var(--black);border-top:.1rem solid;margin:0 .5rem 0 0;width:1.75rem;height:1px}.project-user-group{display:flex;flex-direction:column;margin:.5rem 0 1.5rem;flex-basis:100%}.project-user-img,.project-user-img img{width:8rem;height:8rem;border-radius:100px;margin-top:.1rem;margin-bottom:.75rem}.project-content-header{color:var(--project-color);margin:1rem 0 0;font-weight:700}.project-content-desc{font-size:var(--text-base);line-height:1.6;margin:var(--space-3xs) 0 0}.project-content-images{margin:1rem 0;display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap}.project-content-images.web .project-image-container .project-content-img img{max-width:100%;height:auto}.project-image-container{margin-top:1rem;text-align:center}.project-image-container p{font-size:var(--text-xs);font-weight:600}.project-content-img>img{max-height:23rem;max-width:100%;background-size:cover;background-repeat:no-repeat;position:relative}.project-content-ui-img>img{max-width:100%;background-size:cover;background-repeat:no-repeat;position:relative}.project-demo{margin:1rem 0 2rem;max-width:40rem}.project-disclaimer{font-size:var(--text-xs);color:var(--grey);font-weight:700;text-align:left;margin-bottom:.5rem}.conclusion{margin-bottom:2.5rem}.return-top-link{transition:all .75s ease-in-out;position:fixed;bottom:0;right:0;display:inline-flex;cursor:pointer;text-decoration:none;align-items:center;justify-content:center;margin:0 var(--gutter) var(--gutter) 0;border-radius:50%;padding:.25em;width:2.75rem;height:2.75rem;background-color:#2f2e38cc}.return-top-link.show{visibility:visible;opacity:1}.return-top-link.hide{visibility:hidden;opacity:0}.return-top-link svg{fill:#fff;width:1.1rem;height:1.3rem}.return-top-link:hover{background-color:#5fabe6f2}.return-top-link:hover svg{fill:#fff}.screen-reader-text{position:absolute;clip-path:inset(50%);margin:-1px;border:0;padding:0;width:1px;height:1px;overflow:hidden;word-wrap:normal!important;clip:rect(1px,1px,1px,1px)}.screen-reader-text:focus{display:block;top:5px;left:5px;z-index:100000;clip-path:none;background-color:#fff;padding:15px 23px 14px;width:auto;height:auto;text-decoration:none;line-height:normal;color:var(--black);font-size:1em;clip:auto!important}.modal{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background-color:#000000e6}.modal::backdrop{background:transparent}body:has(.modal[open]){overflow:hidden}img[data-zoom]{cursor:zoom-in}#modal-content{display:flex;margin:auto auto 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;max-width:100%;max-height:100%;animation:zoom .6s}#modal-img{padding:0 5%;max-width:90%;max-height:90%}#modal-caption{text-align:center;color:#fff;margin:.75rem auto 0}@keyframes zoom{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes zoom-out{0%{transform:scale(1)}to{transform:scale(0)}}.out{animation-name:zoom-out;animation-duration:.6s}.loader{--loader-accent: var(--project-color)}@media(min-width:48rem){.project-hero{flex-direction:row}.project-intro{flex-direction:column;flex:2}.project-cover{margin-block:auto;text-align:right}.project-title{margin:0 0 calc(.2rem + .1vw)}.overview{flex-direction:row}.overview .left{margin:0 1.5rem 0 0}.overview .right{margin:0 0 0 1.5rem}.project-content{width:90%}.project-content-images{flex-direction:row}.analysis .project-header:before{height:2.5rem}.project-content-images.web .project-image-container .project-content-img img{max-width:100%;max-height:23rem}}@media(min-width:64rem){.project-content{width:var(--measure)}.return-top-link{margin:0 4rem 1.5rem 0}.project-content-ui-img>img{max-width:80%}}