/* Section Header */
.section-header {
    text-align: center;
    margin-bottom: 4rem;
}

.section-header h2 {
    margin-bottom: 1rem;
}

.section-header p {
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

/* Metric Card for Project Visual */
.metric-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
}

.metric-title {
    font-size: 0.9rem;
    color: var(--text-secondary);
    height: 100px;
    gap: 0.5rem;
}

.metric-chart .bar {
    flex: 1;
    background: var(--accent-blue);
    border-radius: 4px 4px 0 0;
    transition: all 0.3s;
    opacity: 0.7;
}

.metric-chart .bar:hover {
    opacity: 1;
    transform: scaleY(1.1);
}