.projects-section-listing{margin:0 auto;max-width:var(--container-lg)}.projects-section-listing-wrapper{max-width:var(--container-default);padding:1rem}.projects-section-listing__title{color:var(--clr-green-600);font-size:1.585rem}.projects-controls-group{border:none;margin:1.5rem 0;padding:1rem 0 0}.projects-controls-group legend{font-size:1.075rem;font-weight:600}.projects-controls-group__btn{display:block;flex:0 1 auto;margin:.5rem auto;position:relative}.projects-controls-group__btn>input{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-2}.projects-controls-group__btn>span{-webkit-touch-callout:none;background-color:var(--clr-light);border:1px solid var(--clr-green-600);border-radius:25px 0 25px 0;color:var(--clr-green-600);cursor:pointer;display:block;font-size:1rem;padding:.25em 2em;position:relative;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.projects-controls-group__btn input[type=radio]:checked~span{background-color:var(--clr-green-600);color:var(--clr-light)}.projects-controls-group__btn input[type=radio]:checked:focus~span,.projects-controls-group__btn:hover span,.projects-controls-group__btn>input[type=checkbox]:focus~span{background-color:var(--clr-green-400);border-color:var(--clr-green-400);color:var(--clr-light)}.projects-result-listing{display:grid;grid-auto-rows:1fr;grid-template-columns:1fr}.projects-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:325px;position:relative}.projects-card__img{background-color:var(--clr-gray-300);height:100%;inset:0;position:absolute}.projects-card__img img{height:100%;object-fit:cover;object-position:center center;width:100%}.projects-card-body{background-color:rgba(0,0,0,.75);color:var(--clr-light);display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:1rem 2rem;text-align:center;text-transform:uppercase;transition:all .5s ease;width:100%;z-index:1}.projects-card__type{color:var(--clr-green-600);display:block;font-size:1.2rem}.projects-card__title{font-size:1.5rem;margin:.5rem 0}.projects-card__city{display:block;font-size:1.2rem}.projects-card.focused .projects-card-body,.projects-card:hover .projects-card-body{flex-grow:0}.projects-card.focused .projects-card__city,.projects-card.focused .projects-card__title,.projects-card.focused .projects-card__type,.projects-card:hover .projects-card__city,.projects-card:hover .projects-card__title,.projects-card:hover .projects-card__type{animation:anim-on-hover .5s ease-in forwards;animation-delay:.5s;opacity:0;text-align:left}.projects-card__city,.projects-card__title,.projects-card__type{animation:anim-off-hover .5s ease-in forwards;animation-delay:.3s;opacity:0;text-align:center}.projects-card__btn{background-color:transparent;border:none;cursor:pointer;inset:0;position:absolute;width:100%;z-index:1}.projects-card.hidden{display:none!important}.modal{backdrop-filter:blur(10px);background-color:hsla(0,0%,73%,.65);display:none;height:100%;inset:0;overflow:auto;padding:5rem 0;position:fixed;width:100%;z-index:50}.modal-content{background-color:var(--clr-light);border-radius:15px;box-shadow:0 0 15px 1px rgba(0,0,0,.3);display:flex;flex-direction:column;margin:0 auto;max-width:100%;min-height:500px;overflow:hidden;position:relative}.modal-content>*{flex:1 1 100%}.modal-content__img{margin:0;max-height:300px;padding:0}.modal-content__img img{height:100%;object-fit:cover;object-position:center center;width:100%}.modal-content-body{display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.modal-content__title{color:var(--clr-green-600);font-size:1.2rem;margin-bottom:.5rem 0}.modal-content__description>*{font-size:1rem}.modal-content-list{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin:0;max-width:750px;padding:0}.modal-content-list-item{list-style:none}.modal-content-item__label{color:var(--clr-gray-300);display:block}.modal__close-btn{background-color:transparent;border:none;border-radius:5px;cursor:pointer;height:20px;padding:.15rem;position:absolute;right:1rem;top:1rem;width:20px}.modal-content__link{align-self:flex-start;border:1px solid var(--clr-green-600);border-radius:25px 0 25px 0;color:var(--clr-green-600);display:inline-block;font-size:1rem;margin:2rem 0;padding:.25em 2em;text-decoration:none}.modal-content__link:focus,.modal-content__link:hover{background-color:var(--clr-green-600);color:var(--clr-light);outline:none}.modal__close-btn svg{height:100%;width:100%}.modal__close-btn:focus,.modal__close-btn:hover{background-color:var(--clr-green-400);outline:none}@keyframes anim-on-hover{0%{opacity:0}to{opacity:1}}@keyframes anim-off-hover{0%{opacity:0}to{opacity:1}}@media (min-width:600px){.projects-controls-group{align-items:flex-start;display:flex;flex-flow:row wrap}.projects-controls-group__btn{margin:.5rem}}@media (min-width:750px){.projects-result-listing{grid-template-columns:1fr 1fr}}@media (min-width:872px){.modal-content{flex-direction:row;max-width:80%}.modal-content__img{max-height:100%}.modal-content__title{font-size:1.875rem}}@media (min-width:992px){.projects-section-listing__title{font-size:2rem}.projects-section-listing-wrapper{margin:0 auto;max-width:80%}.projects-result-listing{grid-template-columns:1fr 1fr 1fr}.modal-content-body{padding:5rem 2rem}.modal-content-list{grid-template-columns:1fr 1fr 1fr}}