/* ============================================================
   about.css — أثر | من نحن
   ============================================================ */

.about-story {
  display: grid; grid-template-columns: 1.15fr 0.85fr;
  gap: clamp(32px, 5vw, 60px); align-items: start;
}
.about-story h2 { font-size: clamp(1.6rem, 3.2vw, 2.4rem); margin: 12px 0 16px; }
.about-story p { color: var(--ink-2); line-height: 1.9; margin-bottom: 16px; }
.about-story p:last-child { margin-bottom: 0; }

@media (max-width: 900px) {
  .about-story { grid-template-columns: 1fr; }
}