.portfolio-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--space-8); margin-bottom: var(--space-12);}.portfolio-heading h2 { margin-bottom: 0;}.portfolio-heading__count { margin-bottom: 0; color: var(--color-text-subtle); font-family: var(--font-mono); font-size: var(--font-size-sm);}.portfolio-list { border-top: 1px solid var(--color-border);}.portfolio-item { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; gap: var(--space-8); align-items: start; padding-block: var(--space-10); border-bottom: 1px solid var(--color-border); transition: background-color var(--transition-fast);}.portfolio-item:hover { background: rgba(255, 255, 255, 0.5);}.portfolio-item__number { padding-top: 0.25rem; color: var(--color-text-subtle); font-family: var(--font-mono); font-size: var(--font-size-sm);}.portfolio-item__category { margin-bottom: var(--space-3); color: var(--color-accent); font-size: var(--font-size-sm); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;}.portfolio-item__title { margin-bottom: var(--space-4);}.portfolio-item__description { max-width: 700px; margin-bottom: var(--space-6); color: var(--color-text-muted);}.portfolio-item__tags { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0;}.portfolio-item__tags li { padding: 0.3rem 0.6rem; border: 1px solid var(--color-border); border-radius: 999px; color: var(--color-text-muted); font-family: var(--font-mono); font-size: var(--font-size-xs);}.portfolio-item__action { align-self: center; white-space: nowrap;}@media (max-width: 720px) { .portfolio-heading { align-items: flex-start; flex-direction: column; } .portfolio-item { grid-template-columns: 40px minmax(0, 1fr); gap: var(--space-5); } .portfolio-item__action { grid-column: 2; align-self: start; } .portfolio-item__number { padding-top: 0.2rem; }}