/* Maintenance v2 : contenu dans une carte en verre, actions utiles (CV, e-mail) */
.maint-stage {
    width: min(560px, calc(100vw - 32px));
    padding: 40px 36px 34px;
    border-radius: 24px;
    /* Verre clair : la vidéo reste visible derrière, seul un léger flou garde le texte lisible */
    background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
    border: 1px solid rgba(244, 241, 234, .16);
    box-shadow: 0 30px 80px -40px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .12);
    -webkit-backdrop-filter: blur(6px) saturate(120%);
    backdrop-filter: blur(6px) saturate(120%);
}
.maint-stage h1, .maint-lead, .maint-kicker, .maint-note { text-shadow: 0 2px 18px rgba(0, 0, 0, .55); }
.maint-stage h1 { font-size: clamp(2rem, 5.2vw, 3rem); }
.maint-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 28px;
}
.maint-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 12px 20px;
    border-radius: 12px;
    border: 1px solid rgba(244, 241, 234, .16);
    background: rgba(244, 241, 234, .05);
    color: #f4f1ea;
    font-weight: 600;
    font-size: .92rem;
    text-decoration: none;
    transition: transform .25s cubic-bezier(.22, 1, .36, 1), background .25s, border-color .25s, box-shadow .25s;
}
.maint-btn:hover { transform: translateY(-2px); background: rgba(201, 184, 150, .1); border-color: rgba(201, 184, 150, .35); }
.maint-btn--primary {
    border-color: transparent;
    background: linear-gradient(135deg, #ecdcb8 0%, #c9b896 45%, #a8915f 100%);
    color: #14110b;
    box-shadow: 0 10px 30px -10px rgba(201, 184, 150, .55), inset 0 1px 0 rgba(255, 255, 255, .35);
}
.maint-btn--primary:hover { background: linear-gradient(135deg, #f2e4c4 0%, #d3c3a2 45%, #b39c6a 100%); border-color: transparent; }
.maint-note { margin: 18px 0 0; font-size: .84rem; color: rgba(244, 241, 234, .55); }
.maint-socials { margin-top: 22px; }
@media (max-width: 520px) {
    .maint-stage { padding: 30px 22px 26px; }
    .maint-actions { flex-direction: column; }
    .maint-btn { justify-content: center; }
}