متطلبات التجاوب

Founder Profiles مدفوع بالصور بشكل قوي — الـ avatar 1:1 يسيطر على الهرم البصري. الموبايل ينطوي بكرت snapshot تحت hero، يبقي الـ avatar بارزاً، يكدّس كتلة الشركة المرتبطة + Related Signals + روابط social رأسياً.

سلوك لكل نقطة توقّف

موبايل (≤640px)

القائمة: شبكة 1-up. الـ Avatar بارز (96px). التفاصيل: hero يتراصّ رأسياً.

تابلت (641-1023px)

القائمة 2-up. التفاصيل: hero بعمودين.

ديسكتوب (≥1024px)

القائمة 3-up. التفاصيل: full layout مع snapshot ثابت في الـ scrolls الطويلة (المرحلة 2).

قواعد خاصّة بالصور

• Avatar هو 1:1 بـ `object-fit: cover` و `border-2 border-border` (أو `border-accent` حين elevated).
• fallback initial-circle حين لا URL صورة: حرفان أوّلان مع خلفية متدرّجة لطيفة.
• أبعاد الصور تتدرّج: كرت 44px → كرت قائمة 96px → hero تفاصيل 144px.
• انضباط تحريري: لا بورتريهات مُولَّدة بـ AI. صور حقيقية فقط.