.projects{position:relative}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}.project-card{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.project-card-image-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-tertiary);cursor:pointer}.project-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.project-card-image-wrap:hover .project-card-image{transform:scale(1.06)}.image-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#07090e80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.project-card-image-wrap:hover .image-hover-overlay{opacity:1}.expand-badge{padding:.5rem 1rem;border-radius:var(--radius-full);background:var(--surface-glass);border:1px solid var(--border-glass);color:var(--text-primary);font-family:var(--font-heading);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-md)}.project-card-body{padding:1.75rem;display:flex;flex-direction:column;flex:1;gap:1.15rem}.project-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.project-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);line-height:1.25;letter-spacing:-.015em}.project-role{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.25rem .7rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.role-senior{background:#38bdf826;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.35);box-shadow:0 0 12px #38bdf833}.role-mid{background:#10b98126;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.35)}.role-junior{background:#f59e0b26;color:var(--accent-amber);border:1px solid rgba(245,158,11,.35)}.role-intern{background:#f43f5e26;color:var(--accent-rose);border:1px solid rgba(244,63,94,.35)}.project-description{font-size:.95rem;color:var(--text-secondary);line-height:1.65;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.45rem;padding-top:.5rem}.project-tag{font-family:var(--font-mono);font-size:.785rem;font-weight:500;padding:.25rem .65rem;border-radius:var(--radius-xs);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-muted)}html.light .project-tag{background:#f1f5f9e6;border-color:#e2e8f0e6;color:#475569}html.light .role-senior{background:#0284c71f;color:#0284c7;border-color:#0284c74d}html.light .role-mid{background:#0596691f;color:#059669;border-color:#0596694d}html.light .role-junior{background:#d977061f;color:#d97706;border-color:#d977064d}html.light .role-intern{background:#e11d481f;color:#e11d48;border-color:#e11d484d}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#07090ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .25s ease-out}.project-modal-content{position:relative;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:0}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:#07090eb3;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;z-index:10;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--accent-rose);transform:scale(1.1)}.modal-image-wrap{width:100%;max-height:450px;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.modal-image{width:100%;height:100%;object-fit:contain}.modal-body{padding:2rem;display:flex;flex-direction:column;gap:1rem}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-tags{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}}