Awards List Base

<section class="ws-awards-list ws-awards bg-[var(--ws-color-surface)] py-16">
  <div class="mx-auto max-w-4xl px-6">
    <h2 class="mb-10 text-center text-3xl font-bold text-slate-900">Recognition & Awards</h2>

    <div class="divide-y divide-slate-200 border-y border-slate-200">
      <div class="flex flex-wrap items-center justify-between gap-4 py-5">
        <h3 class="text-base font-semibold text-slate-900">Awwwards</h3>
        <p class="hidden flex-1 text-center text-sm text-slate-500 sm:block">Site of the Day, Developer Award, Honorable Mention</p>
        <span class="text-sm font-bold text-slate-900">×12 Awards</span>
      </div>

      <div class="flex flex-wrap items-center justify-between gap-4 py-5">
        <h3 class="text-base font-semibold text-slate-900">CSS Design Awards</h3>
        <p class="hidden flex-1 text-center text-sm text-slate-500 sm:block">Website of the Year, Best UI Design, Innovation Award</p>
        <span class="text-sm font-bold text-slate-900">×8 Awards</span>
      </div>

      <div class="flex flex-wrap items-center justify-between gap-4 py-5">
        <h3 class="text-base font-semibold text-slate-900">FWA</h3>
        <p class="hidden flex-1 text-center text-sm text-slate-500 sm:block">Site of the Day, Mobile Excellence</p>
        <span class="text-sm font-bold text-slate-900">×5 Awards</span>
      </div>

      <div class="flex flex-wrap items-center justify-between gap-4 py-5">
        <h3 class="text-base font-semibold text-slate-900">Red Dot Design</h3>
        <p class="hidden flex-1 text-center text-sm text-slate-500 sm:block">Communication Design, Best of the Best</p>
        <span class="text-sm font-bold text-slate-900">×3 Awards</span>
      </div>
    </div>
  </div>
</section>