.projects-container{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex}.projects-header{font-size:var(--step-h1);letter-spacing:-.02em;text-align:center;margin-bottom:.75rem;font-weight:800}.projects-subtitle{font-size:var(--step-lead);color:var(--fg-muted);text-align:center;margin-bottom:3rem}.temporary-message{opacity:.9;text-align:center;margin-top:1rem;font-size:1.125rem;line-height:1.75}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem 0;display:grid}.project-card{background:var(--bg-elev);border-radius:var(--radius-lg);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-6px)}.project-image-container{aspect-ratio:16/10;background:var(--surface);justify-content:center;align-items:center;width:100%;padding:1rem;display:flex;overflow:hidden}.project-image{object-fit:contain;width:100%;height:100%;transition:transform .3s}.project-card:hover .project-image{transform:scale(1.01)}.project-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.project-title{letter-spacing:-.01em;color:var(--fg);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.project-description{color:var(--fg-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.65}.project-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:999px;padding:.4rem .8rem;font-size:.875rem;font-weight:600}.project-links{flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:1.5rem;display:flex}.project-link{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--fg);transition:border-color .3s var(--ease),transform .3s var(--ease);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.project-link:hover{border-color:var(--border-strong);transform:translateY(-2px)}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}