design: итерация критика 1

Штамп первого экрана на непрозрачной подложке, цифры под мягким
фильтром, зазор кнопка→фото 40px. Ленты-наклейки сняты, у штампов
на этикетках разные повороты и сдвиги. Ряд цифр в «Кто обжаривает»
заменён одной tag-строкой. Дескрипторы сортов — поля этикетки,
«в месяц» после цены набрано Golos. Дрип-пакеты на десктопе: три зоны
по центру с вертикальными линейками. Доставка в колонках 7–12, на
мобиле без фото мешка. Интерес в форме — радиокнопки. Хелпер typo:
неразрывные пробелы и дефисы. Скрипт скриншотов: кадр 390 со скроллом.

apps/landing/src/components/sections/Catalog.tsx

@@ -1,4 +1,5 @@
 import { site } from '@/content/site';
+import { typo } from '@/lib/typo';
 import { Label } from '../Label';
 
 export function Catalog({ roastDate }: { roastDate: string }) {
@@ -11,7 +12,7 @@ export function Catalog({ roastDate }: { roastDate: string }) {
         <h2 id="coffee-title" className="text-headline font-extrabold">
           {catalog.title}
         </h2>
-        <p className="mt-4 max-w-[46ch] text-lead">{catalog.subtitle}</p>
+        <p className="mt-4 max-w-[46ch] text-lead">{typo(catalog.subtitle)}</p>
         <div className="mt-10 grid gap-4 md:grid-cols-2 lg:mt-16 lg:grid-cols-3 lg:gap-6">
           {packs.map((item) => (
             <Label key={item.id} item={item} roastDate={roastDate} />