Quote Large

<figure class="ws-quote mx-auto max-w-4xl px-6 py-16">
  <div class="relative">
    <svg class="absolute -left-2 -top-6 h-16 w-16 text-[var(--ws-quote-accent)] opacity-20" fill="currentColor" viewBox="0 0 32 32" aria-hidden="true">
      <path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
    </svg>
    <blockquote class="relative pl-12">
      <p class="text-2xl font-medium leading-relaxed text-[var(--ws-quote-text)] sm:text-3xl">"Simplicity is the ultimate sophistication. The patterns that endure are the ones stripped to their essence -- no decoration for its own sake, just clarity and purpose."</p>
    </blockquote>
  </div>
  <figcaption class="mt-8 pl-12">
    <span class="font-semibold text-[var(--ws-quote-text)]">Elena Vasquez</span>
    <span class="mx-2 text-[var(--ws-quote-text-soft)]" aria-hidden="true">&mdash;</span>
    <span class="text-sm text-[var(--ws-quote-text-soft)]">Creative Director, Horizon Studio</span>
  </figcaption>
</figure>