/* ============================================================
   AKA — Arabic / RTL overrides (loaded after styles.css)
   Display: El Messiri · Body & labels: Tajawal
   ============================================================ */

html[dir="rtl"] {
  --serif: "El Messiri", "Times New Roman", serif;   /* display */
  --sans:  "Tajawal", system-ui, sans-serif;          /* labels & body */
}

/* Arabic must never be letter-spaced (it breaks cursive joins) */
html[dir="rtl"] * { letter-spacing: normal !important; }

html[dir="rtl"] body { line-height: 1.7; }

/* headlines: El Messiri sits better a touch heavier + with air */
html[dir="rtl"] .hero__title { font-weight: 500; line-height: 1.18; }
html[dir="rtl"] .contact__title { font-weight: 500; line-height: 1.14; }
html[dir="rtl"] .expertise__title { font-weight: 500; line-height: 1.3; }
html[dir="rtl"] .manifesto__text { font-weight: 500; line-height: 1.5; }
html[dir="rtl"] .studio__text { font-weight: 500; line-height: 1.7; }
html[dir="rtl"] .proj__meta h3 { font-weight: 500; }
html[dir="rtl"] .stats__n { font-weight: 500; }
html[dir="rtl"] .nav__word { font-family: "Jost", sans-serif; font-weight: 400; }

/* emphasis: italics look wrong in Arabic — use the taupe accent only */
html[dir="rtl"] em { font-style: normal; }

/* reveal: avoid the line-clip slide (clips Arabic diacritics) — gentle rise instead */
html[dir="rtl"] .line { overflow: visible; }
html[dir="rtl"] .js .reveal-up { transform: translateY(20px); }
html[dir="rtl"] .js .hero.loaded .reveal-up { animation: rUp 1.1s var(--ease) var(--d) forwards; }

/* ---- directional flips ---- */
html[dir="rtl"] .manifesto__text { margin-left: 0; margin-right: auto; }
@media (max-width: 680px) { html[dir="rtl"] .manifesto__text { margin-right: 0; max-width: 100%; } }
html[dir="rtl"] .work__note { text-align: left; }
html[dir="rtl"] .trade:hover { padding-left: 0; padding-right: 18px; }
html[dir="rtl"] .lnk-idx { margin-right: 0; margin-left: 4px; }
html[dir="rtl"] .mark--hero { right: auto; left: clamp(-40px, 2vw, 80px); }
html[dir="rtl"] .hero__est { left: auto; right: clamp(2px, 1.2vw, 24px); }
html[dir="rtl"] .contact__big::after { transform-origin: left; }
html[dir="rtl"] .contact__big:hover::after { transform-origin: right; }
html[dir="rtl"] .ghost-link:hover span { transform: translateX(-8px); }

/* the social-link icon keeps a little breathing room on the correct side automatically (flex+gap) */

/* kicker: justify edge-to-edge to fill the width (Arabic equivalent of the
   English wide letter-spacing) */
html[dir="rtl"] .kicker {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  white-space: normal; word-spacing: normal;
  text-align: initial; text-align-last: auto;
  font-size: clamp(10px, 2.9vw, 13px);
}
html[dir="rtl"] .kicker > span { white-space: nowrap; }   /* keep each phrase intact */

/* placeholder frame label */
html[dir="rtl"] .ph::after { content: "تصوير"; left: auto; right: 16px; }

/* numerals/email render LTR inside RTL flow */
html[dir="rtl"] .contact__big,
html[dir="rtl"] [data-ltr] { direction: ltr; unicode-bidi: isolate; }