.portfolio-section{padding:var(--space-24) 0}.portfolio-heading{font-family:var(--font-headline);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-12)}.portfolio-heading em{font-style:italic;font-weight:300;color:var(--text-secondary)}.portfolio-list{display:flex;flex-direction:column}.portfolio-item{display:block;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-base)}.portfolio-item:first-child{border-top:1px solid var(--border-color)}.portfolio-item:hover{background-color:var(--bg-hover)}.portfolio-item-inner{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-4);transition:all var(--transition-base)}.portfolio-item-index{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);min-width:32px;flex-shrink:0}.portfolio-item-thumb{width:120px;height:80px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.portfolio-item-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.portfolio-item:hover .portfolio-item-thumb img{transform:scale(1.05)}.portfolio-item-title{font-family:var(--font-body);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;color:var(--text-primary);transition:transform var(--transition-base);white-space:nowrap}.portfolio-item:hover .portfolio-item-title{transform:translate(4px)}.portfolio-item-spacer{flex:1}.portfolio-item-tags{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.portfolio-item-year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0;min-width:40px}.portfolio-item-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;color:var(--text-muted);transition:all var(--transition-base)}.portfolio-item-arrow svg{width:16px;height:16px;transition:transform var(--transition-base)}.portfolio-item:hover .portfolio-item-arrow{color:var(--text-primary)}.portfolio-item:hover .portfolio-item-arrow svg{transform:translate(2px,-2px)}.work-page{padding-top:calc(var(--nav-height) + var(--space-12));min-height:100vh}.work-header{margin-bottom:var(--space-10)}.work-title{font-family:var(--font-headline);font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-6)}.work-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-10)}.work-filter-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.work-filter-btn:hover,.work-filter-btn.active{color:var(--text-primary);border-color:var(--text-primary);background:var(--accent-subtle)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.work-card{display:block;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-base)}.work-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.work-card-image{aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-tertiary)}.work-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.work-card:hover .work-card-image img{transform:scale(1.03)}.work-card-info{padding:var(--space-5) var(--space-6)}.work-card-title{font-family:var(--font-body);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.work-card-meta{display:flex;align-items:center;gap:var(--space-3)}.work-card-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.work-card-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.work-card-year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}@media(max-width:768px){.portfolio-item-inner{flex-wrap:wrap;gap:var(--space-3)}.portfolio-item-thumb{width:80px;height:54px}.portfolio-item-tags,.portfolio-item-year{display:none}.work-grid{grid-template-columns:1fr}}