.project-filters{display:flex;gap:1rem;margin:2rem 0;flex-wrap:wrap;justify-content:center}.filter-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:var(--text-color);padding:.75rem 1.5rem;border-radius:25px;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.filter-btn:hover{background:hsla(0,0%,100%,.1);border-color:rgba(82,39,255,.5);transform:translateY(-2px)}.filter-btn.active{background:rgba(82,39,255,.3);border-color:rgba(82,39,255,.8);color:#ffc2ff;box-shadow:0 4px 20px rgba(82,39,255,.3)}.projects-bento-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:2rem;grid-auto-rows:minmax(180px,auto)}.project-card{grid-row:span 1;min-height:180px;background:hsla(0,0%,100%,.03);border-radius:20px;padding:2rem;border:1px solid hsla(0,0%,100%,.08);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;display:flex;flex-direction:column;cursor:pointer}.project-card.featured{grid-row:span 1;min-height:250px;background:linear-gradient(135deg,rgba(82,39,255,.1),rgba(255,159,252,.05))}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(82,39,255,.2),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.project-card:hover:before{opacity:1}.project-card:hover{background:hsla(0,0%,100%,.08);transform:translateY(-8px);border-color:rgba(82,39,255,.4);box-shadow:0 20px 60px rgba(82,39,255,.25)}.project-card.featured:hover{box-shadow:0 25px 80px rgba(82,39,255,.35)}.project-card h3{color:#ff9ffc;margin-bottom:1rem;font-size:1.4rem;z-index:1;position:relative;transition:color .3s ease}.project-card.featured h3{font-size:1.6rem}.project-card:hover h3{color:#ffc2ff}.project-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1;z-index:1;position:relative}.project-card.featured .project-description{font-size:1.1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;z-index:1;position:relative;justify-content:center}.tag{background:rgba(82,39,255,.3);color:var(--text-color);padding:.3rem .65rem;border-radius:20px;font-size:.75rem;border:1px solid rgba(82,39,255,.5);transition:all .3s ease;white-space:nowrap}.tag:hover{background:rgba(82,39,255,.5);border-color:rgba(82,39,255,.8);transform:translateY(-2px)}@media (min-width:1200px){.projects-bento-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:900px) and (max-width:1199px){.projects-bento-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:640px) and (max-width:899px){.projects-bento-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.project-card{padding:1.75rem}.project-card h3{font-size:1.3rem}.project-card.featured h3{font-size:1.4rem}}@media (max-width:639px){.project-filters{gap:.5rem}.filter-btn{padding:.6rem 1.2rem;font-size:.9rem}.projects-bento-grid{grid-template-columns:1fr;gap:1rem;grid-auto-rows:auto}.project-card,.project-card.featured{padding:1.5rem;min-height:unset;background:hsla(0,0%,100%,.03)}.project-card.featured .project-description{font-size:.95rem}.project-card h3,.project-card.featured h3{font-size:1.2rem}.project-description{font-size:.95rem}}