.portfolio-doc{box-sizing:border-box;color:#0f172a;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}.portfolio-doc *,.portfolio-doc :before,.portfolio-doc :after{box-sizing:border-box}.portfolio-hero{padding:48px 32px}.portfolio-section{padding:32px}.portfolio-section-title{letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-size:12px;font-weight:700}.portfolio-name{color:#0f172a;font-size:32px;font-weight:700;line-height:1.15}.portfolio-tagline{color:#475569;margin-top:8px;font-size:16px}.portfolio-bio{color:#334155;margin-top:16px;font-size:14px;line-height:1.65}.portfolio-avatar{object-fit:cover;background:#e2e8f0;border-radius:9999px;width:96px;height:96px}.portfolio-avatar-fallback{color:#475569;background:#cbd5e1;border-radius:9999px;justify-content:center;align-items:center;width:96px;height:96px;font-size:28px;font-weight:700;display:flex}.portfolio-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.portfolio-link{color:#334155;background:#f1f5f9;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;text-decoration:none;display:inline-flex}.portfolio-skill-grid{flex-wrap:wrap;gap:8px;display:flex}.portfolio-skill{color:#334155;background:#f1f5f9;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500}.portfolio-project-grid{gap:16px;display:grid}.portfolio-project-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.portfolio-project-image{object-fit:cover;background:#e2e8f0;width:100%;height:160px}.portfolio-project-image-fallback{color:#64748b;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);justify-content:center;align-items:center;width:100%;height:160px;font-size:13px;font-weight:600;display:flex}.portfolio-project-body{padding:16px}.portfolio-project-name{color:#0f172a;font-size:16px;font-weight:700}.portfolio-project-desc{color:#475569;margin-top:8px;font-size:13px;line-height:1.55}.portfolio-tech{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.portfolio-tech-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:11px}.portfolio-project-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.portfolio-btn{border-radius:8px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.portfolio-btn-primary{color:#fff}.portfolio-btn-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.portfolio-dev{color:#f8fafc;background:#0f172a}.portfolio-dev .portfolio-name,.portfolio-dev .portfolio-project-name{color:#f8fafc}.portfolio-dev .portfolio-tagline,.portfolio-dev .portfolio-bio,.portfolio-dev .portfolio-project-desc{color:#cbd5e1}.portfolio-dev .portfolio-section-title{color:#94a3b8}.portfolio-dev .portfolio-link,.portfolio-dev .portfolio-skill{color:#e2e8f0;background:#1e293b}.portfolio-dev .portfolio-project-card{background:#1e293b;border-color:#334155}.portfolio-dev .portfolio-tech-pill{color:#cbd5e1;background:#0f172a;border-color:#475569}.portfolio-dev .portfolio-btn-secondary{color:#e2e8f0;background:#0f172a;border-color:#475569}.portfolio-creative-hero{color:#fff;padding:56px 32px}.portfolio-creative .portfolio-name{color:#fff}.portfolio-creative .portfolio-tagline{color:#ffffffe6}.portfolio-creative .portfolio-project-card{border:none;box-shadow:0 8px 24px #0f172a14}