/* ============================================================
   LE PROJET — Styles SPÉCIFIQUES à le-projet.html
   ============================================================ */

/* ===== Body text accessibility ===== */
.timeline-body,
.depth-block-content p,
.depth-intro,
.depth-intro.no-border,
.depth-quote p,
.cta-section p,
.page-header p {
    font-size: 1.09rem;
}

/* ===== Page Header overrides ===== */
.page-header {
    padding: 9rem 2rem 7rem;
}

.page-header::after {
    height: 120px;
    background: linear-gradient(to bottom,
        rgba(228, 218, 191, 0) 0%,
        rgba(228, 218, 191, 0.15) 30%,
        rgba(228, 218, 191, 0.5) 60%,
        var(--bg-main) 100%
    );
}

.page-header-inner {
    max-width: 900px;
}

.page-label {
    display: block;
}

.page-header h1 {
    font-size: clamp(2rem, 4vw, 3.2rem);
    margin-bottom: 1.5rem;
}

.page-header p {
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.75);
    max-width: 620px;
}

.page-header p + p {
    margin-top: 0.85rem;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .depth-block {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .depth-quote {
        padding: 2rem 1.75rem;
    }
}