/**

Main CSS
========

/* 4. Utilities globales (optionnel) */
.section {
padding-block: var(--section-padding);
}
.section-header {
text-align: center;
margin-bottom: var(--space-xl);
}
.section-subtitle {
font-size: var(--text-sm);
font-weight: var(--font-semibold);
text-transform: uppercase;
letter-spacing: var(--tracking-wider);
color: var(--color-accent);
margin-bottom: var(--space-sm);
}
.section-title {
font-size: var(--text-4xl);
font-weight: var(--font-bold);
color: var(--color-primary);
}
/* Animations scroll reveal */
.reveal {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s var(--ease-out);
}
.reveal.visible {
opacity: 1;
transform: translateY(0);
}
.reveal.stagger-1 { transition-delay: 0.1s; }
.reveal.stagger-2 { transition-delay: 0.2s; }
.reveal.stagger-3 { transition-delay: 0.3s; }