.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; max-width:1200px; margin:0 auto; }
.about-img-placeholder { width:100%; aspect-ratio:4/5; background:linear-gradient(160deg,#b8d4a8,#8aaa78,#6a9058); border-radius:6px; display:flex; align-items:center; justify-content:center; position:relative; }
.about-badge-float { position:absolute; bottom:32px; right:-24px; background:white; border:2px solid var(--border); border-radius:6px; padding:22px 28px; text-align:center; box-shadow:0 12px 36px rgba(58,92,42,0.12); }
.badge-num { font-family:'Cormorant Garamond',serif; font-size:3rem; font-weight:700; color:var(--green-deep); line-height:1; }
.badge-label { font-size:0.74rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-mid); margin-top:6px; line-height:1.5; }
.about-p { font-size:1rem; line-height:1.9; color:var(--text-mid); font-weight:300; margin-bottom:18px; }
.valeurs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:1200px; margin:60px auto 0; }
.valeur-card { background:var(--white); border-radius:6px; padding:40px 32px; border-top:4px solid var(--green-deep); text-align:center; }
.valeur-icon { width:56px; height:56px; background:var(--green-light); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; color:var(--green-dark); }
.valeur-title { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:700; color:var(--text); margin-bottom:12px; }
.valeur-text { font-size:0.92rem; line-height:1.8; color:var(--text-mid); font-weight:300; }
@media(max-width:1024px){.about-grid{grid-template-columns:1fr;gap:48px;}.about-badge-float{right:0;}.valeurs-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.valeurs-grid{grid-template-columns:1fr;}}