/* ========================================================== CULTURE PAGES — Modernisation uniforme Applique les styles premium aux pages cultures ========================================================== */ /* ---------- HERO CULTURE ---------- */ .culture-hero {display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;} .culture-hero-image {border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);} .culture-hero-image img {width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out);} .culture-hero-image:hover img {transform:scale(1.03);} .culture-dose {display:inline-flex;align-items:baseline;gap:12px;background:var(--ivoire);padding:16px 24px;border-radius:12px;margin-bottom:24px;} .culture-dose-value {font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--vert-vif);} .culture-dose-label {font-size:0.9375rem;color:var(--gris);} /* ---------- PROBLEM GRID (cards) ---------- */ .problem-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px;margin-top:48px;} .problem-card {background:var(--blanc);border-radius:16px;padding:32px;border:1px solid rgba(44,24,16,0.06);transition:all 0.35s ease;} .problem-card:hover {transform:translateY(-6px);box-shadow:0 20px 48px rgba(44,24,16,0.08);border-color:rgba(44,24,16,0.1);} .problem-card h3 {font-family:var(--font-titre);font-size:1.15rem;color:var(--terre);margin-bottom:12px;} .problem-card p {color:var(--gris);margin:0;font-size:0.9375rem;line-height:1.6;} /* ---------- SOLUTION ITEMS ---------- */ .solution-item {display:flex;gap:20px;margin-bottom:20px;align-items:flex-start;} .solution-icon {width:48px;height:48px;border-radius:14px;background:var(--vert-vif);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.35s ease;} .solution-item:hover .solution-icon {transform:scale(1.1);box-shadow:0 8px 24px rgba(74,124,89,0.25);} .solution-icon svg {width:22px;height:22px;color:#fff;} .solution-content h4 {margin:0 0 6px;font-size:1.0625rem;font-weight:600;color:var(--terre);} .solution-content p {margin:0;color:var(--gris);font-size:0.9375rem;line-height:1.6;} /* ---------- STATS BANNER (replaces inline stats) ---------- */ .culture-stats {display:grid;grid-template-columns:repeat(4, 1fr);gap:32px;margin-top:48px;padding:48px 40px;background:linear-gradient(135deg, var(--vert-vif) 0%, #3d6b4a 100%);border-radius:20px;transition:all 0.35s ease;} .culture-stats:hover {box-shadow:0 20px 60px rgba(74,124,89,0.2);transform:translateY(-2px);} .culture-stats-item {text-align:center;} .culture-stats-value {font-family:var(--font-mono);font-size:2.4rem;font-weight:700;color:#fff;line-height:1;margin-bottom:8px;} .culture-stats-label {font-size:0.875rem;color:rgba(255,255,255,0.75);} /* ---------- TESTIMONIAL ---------- */ .culture-testimonial {max-width:800px;margin:0 auto;background:var(--blanc);border-radius:20px;padding:48px;border:1px solid rgba(44,24,16,0.06);position:relative;} .culture-testimonial::before {content:'"';position:absolute;top:20px;left:28px;font-family:var(--font-titre);font-size:4rem;color:var(--or);opacity:0.3;line-height:1;} .culture-testimonial p {font-family:var(--font-titre);font-size:1.2rem;font-style:italic;color:var(--terre);line-height:1.6;margin-bottom:28px;position:relative;z-index:1;} .culture-testimonial-author {display:flex;align-items:center;gap:16px;} .culture-testimonial-avatar {width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--or);} .culture-testimonial-name {font-weight:700;color:var(--terre);font-size:0.9375rem;} .culture-testimonial-role {font-size:0.875rem;color:var(--gris);} /* ---------- FAQ GRID ---------- */ .faq-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:24px;margin-top:40px;} .faq-card {background:var(--blanc);border-radius:16px;padding:32px;border:1px solid rgba(44,24,16,0.06);transition:all 0.35s ease;} .faq-card:hover {transform:translateY(-4px);box-shadow:0 16px 40px rgba(44,24,16,0.06);} .faq-card h4 {font-family:var(--font-titre);font-size:1.1rem;color:var(--terre);margin-bottom:12px;} .faq-card p {color:var(--gris);margin:0;font-size:0.9375rem;line-height:1.6;} /* ---------- ECONOMY GRID ---------- */ .economy-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px;margin-top:40px;} .economy-card {background:var(--blanc);border-radius:16px;padding:32px;border:1px solid rgba(44,24,16,0.06);text-align:center;transition:all 0.35s ease;} .economy-card:hover {transform:translateY(-6px);box-shadow:0 20px 48px rgba(44,24,16,0.08);} .economy-card-value {font-family:var(--font-mono);font-size:2.2rem;font-weight:700;color:var(--vert-vif);margin-bottom:8px;} .economy-card-label {font-size:0.9375rem;color:var(--gris);} /* ---------- RESPONSIVE ---------- */ @media (max-width:1024px) {.culture-hero {grid-template-columns:1fr;gap:40px;} .culture-stats {grid-template-columns:repeat(2, 1fr);padding:36px 28px;}} @media (max-width:640px) {.culture-stats {grid-template-columns:1fr 1fr;gap:20px;padding:28px 20px;} .culture-stats-value {font-size:1.8rem;} .culture-testimonial {padding:32px 24px;} .culture-testimonial::before {font-size:3rem;top:12px;left:16px;} .problem-grid, .faq-grid, .economy-grid {grid-template-columns:1fr;}}