{% load ev_tags static %}
<section class="section section--about" id="about">
  <div class="wrap about">
    <div class="about__media">
      <img src="{% static "img/lifestyle-couple.jpg" %}" alt="Couple riding an ATMOSPHERE EV scooter" loading="lazy">
      <div class="about__quote">More than a ride — <em>a smarter lifestyle.</em></div>
    </div>
    <div class="about__copy">
      <span class="eyebrow">About Us</span>
      <h2 class="sec-title sec-title--left">Clean mobility, <em class="t-blue">built for India</em></h2>
      <p class="lead">{{ site.about_intro }}</p>
      <div class="about__cards">
        <div class="mini"><span class="mini__ic">{% icon "trophy" 22 %}</span><h4>Mission</h4><p>{{ site.mission }}</p></div>
        <div class="mini"><span class="mini__ic is-orange">{% icon "eye" 22 %}</span><h4>Vision</h4><p>{{ site.vision }}</p></div>
        <div class="mini"><span class="mini__ic is-green">{% icon "leaf" 22 %}</span><h4>Sustainability</h4><p>{{ site.sustainability }}</p></div>
        <div class="mini"><span class="mini__ic">{% icon "support" 22 %}</span><h4>Customer First</h4><p>{{ site.customer_focus }}</p></div>
      </div>
    </div>
  </div>
</section>