/* =====================================================================
   صفحة من نحن — التنسيقات الخاصة بالصفحة دي بس
   (الألوان والخطوط والمقاسات جاية من المتغيرات في Style.Css)
   ===================================================================== */

/* ---------- الرؤية والرسالة ---------- */
.vision { padding-block: var(--section-space); background: var(--color-surface); }
.vision__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(32px, 6vw, 80px);
}
.vision__image {
  width: 100%;
  aspect-ratio: 5 / 4;
  object-fit: cover;
  border-radius: var(--radius-lg);
}
.vision__content { display: flex; flex-direction: column; gap: 36px; }
.vision__item h2 {
  margin-bottom: 12px;
  font-size: var(--fs-h2);
  font-weight: 700;
}
.vision__item p {
  font-size: var(--fs-lead);
  line-height: 1.9;
  color: var(--color-text);
}

@media (max-width: 820px) {
  .vision__inner { grid-template-columns: 1fr; }
}