/* Styles partagés — effets non couverts par Tailwind (chargé via sur chaque page). */ /* ── Dégradé des sections foncées (vert de marque) ── */ .bg-brand-grad { background: linear-gradient(135deg, #2a6849 0%, #255C40 45%, #1b4331 100%); } /* ── Halo décoratif ── */ .glow-highlight { background: radial-gradient(circle, rgba(255, 215, 0, 0.18) 0%, transparent 68%); } .glow-light { background: radial-gradient(circle, rgba(227, 239, 234, 0.10) 0%, transparent 68%); } /* ── Ombres portées des images ── */ .shadow-img { box-shadow: 0 10px 30px rgba(21, 51, 37, 0.18); } .shadow-img-lg { box-shadow: 0 22px 60px rgba(21, 51, 37, 0.28); } /* ── Losange décoratif (contour) ── */ .diamond-outline { border: 1.5px solid rgba(255, 215, 0, 0.55); border-radius: 14px; transform: rotate(45deg); } /* ── Reveal au scroll ── Ne s'active que si JS est présent (classe .js posée sur par partials.js), sinon le contenu reste visible. */ .js .rv { opacity: 0; transform: translateY(18px); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; } .js .rv.in { opacity: 1; transform: none; } .js .rv.d1 { transition-delay: 0.08s; } .js .rv.d2 { transition-delay: 0.16s; } .js .rv.d3 { transition-delay: 0.24s; } @media (prefers-reduced-motion: reduce) { .js .rv { opacity: 1; transform: none; transition: none; } }