.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;padding:4rem 2rem 5rem;display:grid}.project-media{border-radius:12px;padding:1rem;position:relative;overflow:hidden}.project-img{width:100%;transition:transform .4s;display:block}.project-overlay{background:color-mix(in srgb, var(--bg-color), transparent 20%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:3.2rem;color:var(--text-color);padding:0 1rem;transition:height .35s,background .35s;position:absolute;bottom:0;left:0;right:0}.project-overlay h3{letter-spacing:.05rem;margin:0;font-size:1.05rem;font-weight:600;text-decoration:underline;transition:transform .35s,bottom .35s;position:absolute;bottom:50%;transform:translateY(50%)}.project-overlay p{opacity:0;margin:3rem 0 0;font-size:.9rem;line-height:1.4;transition:opacity .25s,transform .25s;transform:translateY(6px)}.project-card:hover .project-overlay{background:color-mix(in srgb, var(--bg-color), transparent 30%);height:100%}.project-card:hover .project-overlay h3{top:1rem;bottom:auto;transform:translateY(0)}.project-card:hover .project-overlay p{opacity:.9;transform:translateY(0)}.project-card:hover .project-img{transform:scale(1.05)}