.portfolio { padding: var(--spacing-xl) 0; background: var(--bg-light); }
.portfolio__header { text-align: center; margin-bottom: var(--spacing-lg); }
.portfolio__title { font-size: 2rem; color: var(--fg); margin-bottom: var(--spacing-xs); }
.portfolio__subtitle { color: var(--text-light); }
.portfolio__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--spacing-md); }
.portfolio-card { background: var(--bg); border-radius: 8px; overflow: hidden; transition: transform 0.3s; }
.portfolio-card:hover { transform: scale(1.02); }
.portfolio-card__image-wrapper { height: 200px; overflow: hidden; }
.portfolio-card__image { width: 100%; height: 100%; object-fit: cover; }
.portfolio-card__content { padding: var(--spacing-md); text-align: center; }
.portfolio-card__title { font-size: 1.25rem; color: var(--fg); }