.project-card{display:flex;flex-direction:column;background-color:var(--bgC);border:1px solid var(--shadowC);border-radius:12px;transition:all .3s ease-in-out;box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.07)}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.1)}.project-card-content{padding:1.5rem;flex-grow:1}.project-card-content h3{margin-top:0;margin-bottom:.75rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background-color:var(--shadowC);color:var(--darkSnd);padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.project-links{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--shadowC)}.project-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--darkSnd);font-weight:600;transition:color .3s ease}.project-link:hover{color:var(--darkMain)}.project-link .icon-wrapper svg{fill:var(--darkSnd);transition:fill .3s ease}.project-link:hover .icon-wrapper svg{fill:var(--darkMain)}.year-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem}.year-button{background-color:transparent;border:1px solid var(--shadowC);color:var(--darkSnd);padding:.5rem 1.5rem;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.year-button:hover{background-color:var(--shadowC);border-color:var(--darkMain);color:var(--darkMain)}.year-button.active{background-color:var(--darkMain);color:var(--bgC);border-color:var(--darkMain)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}