.projects-listing{margin:4rem 0 9rem}.projects-listing__filters{align-items:center;display:flex;flex-flow:column nowrap;gap:2rem;justify-content:center;margin-bottom:6rem}.projects-listing__filter-select{position:relative;width:100%}.projects-listing__filter-select label{background-color:#fff;color:#707070;font-size:1.6rem;font-weight:600;left:1.7rem;line-height:1;margin:0;padding:0 .5rem;pointer-events:none;position:absolute;text-transform:none;top:1.5rem;transition:font-size .15s ease-out,top .15s ease-out}.projects-listing__filter-select.is-active label{font-size:1.4rem;top:-.8rem}.projects-listing__filter-select select{background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.45" height="9.225" viewBox="0 0 16.45 9.225"><path d="M18,27.45a1,1,0,0,1-.707-1.707l6.518-6.518-6.518-6.518a1,1,0,0,1,1.414-1.414l7.225,7.225a1,1,0,0,1,0,1.414l-7.225,7.225A1,1,0,0,1,18,27.45Z" transform="translate(27.45 -17) rotate(90)" fill="%23eaaa3b"/></svg>');background-position:right -2.7rem center;background-size:1.6rem .9rem;border:.2rem solid var(--c-supernova);border-radius:2rem 0 0;color:var(--c-regal-blue);font-size:1.6rem;font-weight:600;height:4.6rem;margin:0;padding:0 4rem 0 2rem;transition:box-shadow .15s ease-out}.projects-listing__filter-select select:focus,.projects-listing__filter-select select:hover{box-shadow:0 0 0 .4rem #fdeac0}.projects-listing__filter-select select:focus{border-color:var(--c-web-orange)}.projects-listing__filter-reset{border-bottom:.2rem solid var(--c-web-orange);color:var(--c-regal-blue);cursor:pointer;font-size:1.6rem;font-weight:600;position:relative;transition:color .15s ease-out}.projects-listing__filter-reset:focus,.projects-listing__filter-reset:hover{color:var(--c-horizon)}.projects-listing__filter-reset:after{bottom:-1rem;content:"";display:block;left:-1rem;position:absolute;right:-1rem;top:-1rem}.projects-listing__card-list{display:grid;gap:3.5rem}.projects-listing__card{animation:fade-in .5s cubic-bezier(.39,.575,.565,1) both;text-decoration:none}.projects-listing__card.fade-out{animation:fade-out .5s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2rem)}}.projects-listing__card.is-disabled{animation:none;filter:grayscale(1);opacity:.5;transform:scale(.8)}.projects-listing__card-image{background-color:var(--c-ghost);border-radius:2rem 0 2rem 0;height:0;isolation:isolate;margin-bottom:1rem;overflow:hidden;padding-top:48%;position:relative}.projects-listing__card-image:after{border:0 solid var(--c-supernova);border-radius:2rem 0 2rem 0;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:border-width .15s ease-out;width:100%}.projects-listing__card-image img{border-radius:2rem 0 2rem 0;height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:scale(1.02);transition:transform .15s ease-out;width:100%}.projects-listing__card-image svg{height:40%;left:0;margin:0 auto;opacity:.5;position:absolute;right:0;top:50%;transform:translateY(-50%)}.projects-listing__card-excerpt{align-items:center;background-color:rgba(223,226,231,.93);border-radius:1rem 0 1rem 0;bottom:2vw;display:flex;font-size:clamp(1.15rem,2.5vw,1.9rem);left:2vw;opacity:0;padding:2vw 4vw;position:absolute;right:2vw;top:2vw;transform:scale(1.05);transition:opacity .3s ease-out,transform .3s ease-out}.projects-listing__card-excerpt p{color:var(--body-font-color);font-weight:600;margin:0 0 .3em}.projects-listing__card-learn{border-bottom:.15em solid var(--c-regal-blue);color:var(--c-regal-blue);display:inline-block;font-weight:700;letter-spacing:.015em}.projects-listing__card-title{align-items:baseline;display:flex;justify-content:space-between;line-height:1.5;margin:0 0 1rem;text-transform:uppercase}.projects-listing__card-title svg{color:var(--c-web-orange);flex-shrink:0;margin:0 1.4rem;opacity:0;transform:translate(-2rem,-.2em);transition:opacity .15s ease-out,transform .15s ease-out}a.projects-listing__card:focus .projects-listing__card-excerpt,a.projects-listing__card:hover .projects-listing__card-excerpt{opacity:1;transform:scale(1)}html:not([data-whatintent=touch]) a.projects-listing__card:focus .projects-listing__card-image img,html:not([data-whatintent=touch]) a.projects-listing__card:hover .projects-listing__card-image img{transform:scale(1)}html:not([data-whatintent=touch]) a.projects-listing__card:focus .projects-listing__card-image:after,html:not([data-whatintent=touch]) a.projects-listing__card:hover .projects-listing__card-image:after{border-width:.9rem}html:not([data-whatintent=touch]) a.projects-listing__card:focus .projects-listing__card-title svg,html:not([data-whatintent=touch]) a.projects-listing__card:hover .projects-listing__card-title svg{opacity:1;transform:translateY(-.2em)}@media (min-width:768px){.projects-listing__filters{flex-flow:row nowrap}.projects-listing__filter-select{width:auto}.projects-listing__card-list{grid-template-columns:repeat(2,1fr)}.projects-listing__card-excerpt{bottom:1.5rem;font-size:clamp(1.1rem,1.4vw,1.9rem);left:1.5rem;padding:1vw 2.5vw;right:1.5rem;top:1.5rem}}@media (min-width:992px){.projects-listing__card-excerpt{padding:1vw 4.8vw}}@media (min-width:1440px){.projects-listing__card-excerpt{font-size:1.9rem;padding:2rem 7rem}}