@props(['number' => null, 'title', 'description', 'href' => null])
<article {{ $attributes->class('editorial-card flex min-h-72 flex-col') }} data-reveal><div class="mb-14 flex items-start justify-between"><x-card-icon :name="$title" :tone="$number" />@if($number)<span class="pt-1 text-xs font-semibold tracking-[.15em] text-grey-400">{{ str_pad($number, 2, '0', STR_PAD_LEFT) }}</span>@endif</div><h3 class="text-2xl leading-tight">{{ $title }}</h3>@if($description)<p class="mt-5 leading-7 text-grey-600">{{ $description }}</p>@endif @if($href)<a href="{{ $href }}" class="mt-auto pt-8 text-xs font-semibold uppercase tracking-[.14em]">Explore <span aria-hidden="true">→</span></a>@endif</article>