Gradient Tiles Bento

<!-- Labels sit on their own gradient, which each tile paints; white text plus a
     font-semibold weight clears AA on every stop, so there is no theme block. -->
<section class="mx-auto grid w-full max-w-5xl grid-cols-1 gap-4 p-4 sm:grid-cols-3 sm:p-6">
  <div class="flex min-h-40 items-end rounded-2xl bg-gradient-to-br from-fuchsia-600 to-purple-700 p-5 sm:col-span-2 sm:row-span-2">
    <span class="text-lg font-semibold text-white">Design</span>
  </div>
  <div class="flex min-h-32 items-end rounded-2xl bg-gradient-to-br from-sky-500 to-blue-600 p-5">
    <span class="text-base font-semibold text-white">Build</span>
  </div>
  <div class="flex min-h-32 items-end rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-600 p-5">
    <span class="text-base font-semibold text-white">Ship</span>
  </div>
  <div class="flex min-h-32 items-end rounded-2xl bg-gradient-to-r from-amber-500 to-orange-600 p-5 sm:col-span-3">
    <span class="text-base font-semibold text-white">Measure</span>
  </div>
</section>