.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(300px,1fr));gap:2rem;width:100%;max-width:1200px;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);position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-6px)}.project-image-container{background:var(--surface);justify-content:center;align-items:center;width:100%;height:auto;min-height:300px;padding:1rem;display:flex}.project-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:500px;transition:transform .3s}.project-card:hover .project-image{transform:scale(1.01)}.project-content{padding:1.5rem}.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}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-image{max-height:400px}}