/* ============================================================
   Aqaris · Arabic about page (Figma "Aqaris ar version",
   frames 79:13004 / 79:13241 / 79:13463)
   Loaded only by ar/about.html, after home-ar.css and
   about.css. body is "home home-ar about": home-ar.css already
   mirrors the shared header, stats band, CTA and footer; these
   rules mirror the ab-* parts and set the Cairo sizes.
   ============================================================ */

/* ---------- Hero ---------- */
.home-ar .ab-hero h1 { font-size: 72px; line-height: 1.3; }

/* ---------- Section headings (46px on desktop in this frame) ---------- */
@media (min-width: 1025px) {
  .home-ar.about .hp-section h2,
  .home-ar.about .ab-region h2 { font-size: 46px; line-height: 1.32; }
}

/* ---------- What we believe ---------- */
.home-ar .ab-belief h3 { line-height: 1.25; }

/* ---------- Principles ---------- */
.home-ar .ab-principle { padding: 30px 0 8px 32px; }
.home-ar .ab-principle + .ab-principle {
  padding-left: 32px; padding-right: 32px;
  border-left: 0; border-right: 1px solid rgba(15,23,42,.14);
}
.home-ar .ab-principle h3 { line-height: 1.45; }

/* ============================================================
   Small desktop (1025–1240)
   ============================================================ */
@media (max-width: 1240px) {
  .home-ar .ab-hero h1 { font-size: clamp(56px, 5.4vw, 72px); }
}

/* ============================================================
   Tablet (≤ 1024) — 768 frame
   ============================================================ */
@media (max-width: 1024px) {
  .home-ar .ab-hero h1 { font-size: 52px; line-height: 1.3; }
  .home-ar .ab-belief h3 { font-size: 34px; line-height: 1.2; }

  .home-ar .ab-principle,
  .home-ar .ab-principle + .ab-principle { padding: 26px 0; border-right: 0; }
}

/* ============================================================
   Mobile (≤ 640) — 390 frame
   ============================================================ */
@media (max-width: 640px) {
  .home-ar .ab-hero h1 { font-size: 36px; line-height: 1.3; }
  .home-ar .ab-belief h3 { font-size: 26px; }
  .home-ar .ab-principle h3 { font-size: 20px; }
}