/* ============================================================ ONEHSERVICE — DUST PARTICLES BACKGROUND Pointillés en VRAI arrière-plan, derrière tout, partout. Layout du site INTACT (aucun position/z-index forcé sur body). ============================================================ */ /* Fond paper transféré sur , body reste tel quel mais bg transparent */ html { background: var(--paper, #ECE8DE); } body { background: transparent !important; } /* Canvas en fond, derrière tout. position:fixed + z-index:-1 escape le body et reste accroché au viewport (suit le scroll). */ .ohs-bg { position: fixed; inset: 0; pointer-events: none; z-index: -1; overflow: hidden; contain: strict; } .ohs-bg__canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; display: block; } /* ============================================================ SECTIONS LIGHT-BG → transparent pour laisser passer les dots (les sections dark restent intactes, ainsi que les cartes/boutons) ============================================================ */ .hero, .manifesto, .gear, .prices, .services, .faq, .contact, .reviews, .about, .results, .equipment, .gallery, .cta, .testimonials { background: transparent !important; } /* Si une section paper a un fond de remplacement défini par classe modifier */ section[class*="--light"], section[class*="--paper"], section[class*="--cream"] { background: transparent !important; } /* Reduced motion — fige les particules */ @media (prefers-reduced-motion: reduce) { .ohs-bg__canvas { display: none; } }