/* ================================================================
   GRID DARK — Papier millimétré sur fond noir
   v2.4 : Petits carreaux 14px @ 1.5%, grands carreaux 70px @ 4%
   Appliqué à : Home, Services, Équipe, MI, PE, GTM, Réalisations
   ================================================================ */

body {
  background:
    repeating-linear-gradient(0deg, transparent, transparent 13px, rgba(255,255,255,0.015) 13px, rgba(255,255,255,0.015) 14px),
    repeating-linear-gradient(90deg, transparent, transparent 13px, rgba(255,255,255,0.015) 13px, rgba(255,255,255,0.015) 14px),
    repeating-linear-gradient(0deg, transparent, transparent 69px, rgba(255,255,255,0.04) 69px, rgba(255,255,255,0.04) 70px),
    repeating-linear-gradient(90deg, transparent, transparent 69px, rgba(255,255,255,0.04) 69px, rgba(255,255,255,0.04) 70px),
    var(--black);
  background-attachment: fixed;
}

/* Sections transparentes pour la grille */
.manifesto, .steps, .clients, .testimonial, .portfolio,
.faq, .cta-section, .gantt-section, .methode, .adapt,
.services, .projects-section,
.team-frise, .members, .album-section {
  background: transparent;
}

/* Footer semi-transparent */
footer {
  background: linear-gradient(to bottom, rgba(23,24,22,0.85), rgba(23,24,22,0.95)), transparent;
  backdrop-filter: blur(2px);
}

/* Cards : fond légèrement transparent (.cta-box exclue: image dégradée dans components.css) */
.sc, .tc, .pc, .fi, .adapt-box {
  background: rgba(30,31,29,0.92);
}

.gantt, .tilt-frame {
  background: rgba(30,31,29,0.95);
}

/* Nav semi-transparente */
nav { background: rgba(23,24,22,0.90); }
nav.scrolled { background: rgba(23,24,22,0.92); backdrop-filter: blur(12px); }