.page-intro {
    padding: 3rem 0;
    background: var(--bg-light);
    text-align: center;
}

.page-intro h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--primary-color);
}

.page-intro p {
    font-size: 1.1rem;
    color: var(--text-light);
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8;
}


.portfolio-section {
    padding: 4rem 0;
}

.portfolio-card {
    display: flex;
    flex-direction: column;
}

.portfolio-card h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: var(--primary-color);
}

.portfolio-card p {
    margin-bottom: 0.75rem;
    color: var(--text-light);
    line-height: 1.6;
}