.portfolio-page{padding:60px 0 80px;background:var(--bg-secondary);min-height:100vh}.portfolio-header{display:inline;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:60px;align-items:center}.portfolio-title{font-family:var(--font-display);font-size:4rem;font-weight:900;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.03em}.portfolio-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:8px}.portfolio-desc{font-size:.95rem;color:var(--text-muted);line-height:1.6}.portfolio-feature-card{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md)}.portfolio-feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;font-weight:600}.portfolio-feature-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;margin-bottom:16px;position:relative}.portfolio-feature-bar:after{content:"";position:absolute;left:40%;top:-4px;width:14px;height:14px;background:var(--primary);border-radius:50%}.portfolio-feature-preview{display:flex;gap:12px;align-items:center}.portfolio-feature-img{width:80px;height:56px;background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.portfolio-feature-preview strong{display:block;font-size:.85rem;margin-bottom:2px}.portfolio-feature-preview small{display:block;font-size:.75rem;color:var(--text-muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.portfolio-card{background:#fff}@media (max-width:1024px){.portfolio-header{grid-template-columns:1fr;gap:32px}.portfolio-title{font-size:3rem}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portfolio-title{font-size:2.5rem}.portfolio-grid{grid-template-columns:1fr}.portfolio-page{padding:40px 0 60px}}