Mission Statement Section with Image

<section class="sm:px-8 max-w-7xl mr-auto ml-auto pr-6 pl-6">
      <div class="py-20 sm:py-28">
        <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-start">
          <div class="lg:col-span-4">
            <h2 class="text-3xl sm:text-4xl font-semibold text-black tracking-tight font-playfair" style="">Our mission</h2>
          </div>
          <div class="lg:col-span-8">
            <p class="sm:text-4xl lg:text-5xl leading-tight text-3xl font-semibold text-black tracking-tight font-playfair mb-8" style="">
              We publish reporting that informs, not inflames—clarity over noise, context over hot takes.
            </p>
            <p class="text-xl text-black/60 leading-relaxed font-geist" style="">
              Our newsroom blends on‑the‑ground reporting with data journalism. Every story is edited for accuracy and relevance, with quick briefings for busy readers and deep dives when the moment calls for it.
            </p>
          </div>
        </div>
        <div class="mt-16 rounded-3xl overflow-hidden border border-black/5">
          <img alt="Newsroom" class="w-full h-80 sm:h-[480px] lg:h-[600px] object-cover" src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/a2ea7890-be3d-4b5b-8c4b-3f0752c6105d_3840w.jpg" style="">
        </div>
      </div>
    </section>