.projectsPageHeader{display:flex;height:calc(50vh - 100px);margin:0}.pageTitle{display:flex;flex-direction:column;align-items:left;justify-content:center;gap:.5rem;padding:2rem 5rem 0}.pageTitle:after{content:"";display:block;margin-top:0rem;margin-bottom:4rem;width:220px;height:3px;background:var(--orange)}.projectsPageImage{display:flex;height:50vh;margin:0;background-image:url(/../projects-bg.svg);background-size:cover;background-position:bottom right}.gridLayout{display:grid;grid-template-columns:1fr 3fr;gap:0;width:100%;height:calc(100vh - 100px);overflow:hidden}.filterSection{flex:1;position:sticky;align-self:flex-start;top:0;display:flex;flex-direction:column;justify-content:flex-start;padding:2rem;border-right:1px solid lightgrey;height:calc(100vh - 100px);overflow:hidden}.filterSkills{display:flex;gap:1rem;margin:1rem 0}.filterCategories{display:flex;flex-direction:column;gap:1rem}.filterButton{padding:.5rem 1rem;border:2px solid var(--jet-black);background:transparent;border-radius:4px;cursor:pointer;transition:all .2s ease-out;font-weight:500}.filterButton:hover{transform:translateY(-2px);box-shadow:0 4px 8px #232c331a}.filterButton.active{font-weight:700;border-width:2px;box-shadow:0 4px 12px #232c3333;transform:translateY(-2px)}.filterButton.pathways{background:var(--light-purple)!important;border:2px solid var(--purple)!important}.filterButton.pathways.active{border:2px solid var(--purple)!important;background:var(--purple)!important;color:#fff}.filterButton.placeBased{background:var(--light-blue)!important;border:2px solid var(--blue)!important}.filterButton.placeBased.active{border:2px solid var(--blue)!important;background:var(--blue)!important;color:#fff}.filterButton.techEquity{background:var(--light-rose)!important;border:2px solid var(--rose)!important}.filterButton.techEquity.active{border:2px solid var(--rose)!important;background:var(--rose)!important;color:#fff}.projectsGrid{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;gap:1rem;padding-top:1rem;overflow-y:auto;height:calc(100vh - 100px)}a{text-decoration:none;color:inherit}.projectCard{display:flex;width:90%;gap:1rem;border:2px solid var(--jet-black);background:#d3d3d3;border-radius:0 20px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1)}.projectCard:hover{transform:translateY(-8px);box-shadow:0 12px 24px #232c3326}.projectCardText{display:flex;width:100%;flex-direction:column;justify-content:space-between}.projectCardCategories{display:flex;gap:.5rem;width:fit-content;flex-wrap:wrap;margin-bottom:1rem}.projectCategory{font-size:.8rem;padding:.5rem .75rem}.projectCategory.pathways{background:var(--purple)!important}.projectCategory.placeBased{background:var(--blue)!important}.projectCategory.techEquity{background:var(--rose)!important}.projectCardTitle{margin-left:1rem}.projectCardTitle p{font-size:1.4rem;font-weight:300;margin-top:.5rem}.projectCardSkills{display:flex;gap:.5rem;margin:1rem auto 1rem 1rem}.skillTag{padding:.25rem .5rem;border:1px dashed var(--jet-black);border-radius:4px;font-size:.8rem}.projectCardImage{padding:1rem 0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:none!important;background:none!important}.projectCardImage img{width:350px;height:250px;object-fit:cover;border:5px solid var(--jet-black);border-radius:4px}.projectCardImage.pathways img{border:5px solid var(--purple)!important}.projectCardImage.placeBased img{border:5px solid var(--blue)!important}.projectCardImage.techEquity img{border:5px solid var(--rose)!important}@media(max-width:1000px){.gridLayout{grid-template-columns:1fr;padding:2rem;overflow:visible;border-top:none;height:auto}.filterSection{position:relative;height:400px;border-right:none}.projectsGrid{border:none;overflow-y:visible;height:auto}.projectCard{flex-direction:column}.filterSection:after{content:"";display:block;margin-top:1rem;width:100%;height:10px;background:var(--jet-black)}.projectsPageHeader{height:300px}.pageTitle{align-items:center;padding:0;padding-top:2rem}.pageTitle:after{margin-bottom:0}}@media(max-width:480px){.projectCardImage img{width:250px;height:150px}}