// Impact — sustainability angle: fewer returns, less CO₂
function Impact() {
  return (
    <section className="impact" id="impact">
      <div className="container">
        <div className="impact-grid">
          <div className="impact-copy">
            <div className="section-meta">
              <div className="section-num"><em style={{fontStyle:'italic'}}>iii</em></div>
              <div className="section-label">L'impact<span className="dot"></span>Moins de retours, moins de CO₂</div>
            </div>
            <h2 className="reveal">
              Essayer avant, <em>renvoyer moins</em>.
            </h2>
            <p className="impact-lede reveal">
              En Europe, près d'un colis mode sur trois est renvoyé.
            </p>
            <p className="impact-body reveal">
              Essayer avant d'acheter, c'est décider sans hésiter. Résultat&nbsp;:
            </p>
            <ul className="impact-list reveal">
              <li>Moins de retours et moins de CO₂</li>
              <li>Plus de place dans ton dressing</li>
              <li>Moins de déchets mode</li>
              <li>Moins de pollution logistique</li>
            </ul>
          </div>
          <div className="impact-stat reveal">
            <div className="stat-figure">−68<span className="pct">%</span></div>
            <div className="stat-label">de retours estimés</div>
          </div>
        </div>
      </div>
    </section>
  );
}

window.Impact = Impact;