/* ===== PORTFOLIO PAGE ===== */

.portfolio-page-hero {
    padding-top: calc(var(--space-32) + var(--space-8));
    padding-bottom: var(--space-16);
    background: linear-gradient(135deg, #0a0a0f 0%, #111827 100%);
    color: #fff;
    text-align: center;
}

.portfolio-page-hero h1 { color: #ffffff; margin-bottom: var(--space-4); }
.portfolio-page-hero p { color: #e5e7eb; font-size: var(--text-lg); max-width: 600px; margin: 0 auto; }

.portfolio-page-main {
    padding: var(--section-padding);
    background: #111827;
}

.portfolio-full-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-8);
}

@media (min-width: 576px) {
    .portfolio-full-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 992px) {
    .portfolio-full-grid { grid-template-columns: repeat(3, 1fr); }
}