/* INAR – Arabic (RTL) overrides. Loaded only on /ar/ pages, after main.css. */
html[dir="rtl"] {
	--font-display: "Alexandria", "Montserrat", sans-serif;
	--font-text: "Alexandria", "Lexend", sans-serif;
}
html[dir="rtl"] body { font-weight: 300; line-height: 1.8; }
html[dir="rtl"] [lang="ar"] { font-size: 1em; }
html[dir="rtl"] [lang="en"] { font-family: "Lexend", system-ui, sans-serif; }

/* Arabic has no capitals and must not be letter-spaced */
html[dir="rtl"] :is(.eyebrow, .btn, .link-arrow, .nav__list a, .hero__title, .work-card__tag, .work-card__title,
	.svc__title, .svc__num, .page-hero__title, .svc-card__title, .footer-cta__link, .footer-col__title,
	.clients-band__title, .art__label, .h2, .h3, .price-box__label) {
	letter-spacing: 0;
	text-transform: none;
}
html[dir="rtl"] .eyebrow { font-size: 15px; }
html[dir="rtl"] .hero__title { line-height: 1.2; max-width: 12ch; }
html[dir="rtl"] .page-hero__title { line-height: 1.25; }
html[dir="rtl"] .footer-cta__link { line-height: 1.3; }
html[dir="rtl"] .h2 { line-height: 1.35; }
html[dir="rtl"] .nav__list a { font-size: 15px; font-weight: 600; }
html[dir="rtl"] .btn { font-size: 15px; }
html[dir="rtl"] .nav__cta { font-size: 14px; }
html[dir="rtl"] .footer-col__title { font-size: 14px; }
html[dir="rtl"] .work-card__tag { font-size: 13px; }
html[dir="rtl"] .svc__title { font-size: clamp(22px, 2.6vw, 30px); }

/* Logo and logo band stay left-to-right */
html[dir="rtl"] .brand, html[dir="rtl"] .marquee { direction: ltr; }

/* Arrows point the reading direction */
html[dir="rtl"] .icon--arrow { transform: scaleX(-1); }
html[dir="rtl"] .btn:hover .icon--arrow,
html[dir="rtl"] .link-arrow:hover .icon--arrow { transform: scaleX(-1) translateX(4px); }
html[dir="rtl"] .footer-cta__link:hover .icon--arrow { transform: scaleX(-1) translateX(10px); }

/* Mirror physical positions */
html[dir="rtl"] .skip { left: auto; right: 16px; }
html[dir="rtl"] .nav__list a::after { transform-origin: right; }
html[dir="rtl"] .arc--hero { right: auto; left: -460px; }
html[dir="rtl"] .arc--services { left: auto; right: -420px; }
html[dir="rtl"] .arc--page { right: auto; left: -300px; }
html[dir="rtl"] .arc--footer { right: auto; left: -380px; }
html[dir="rtl"] .hero__mark { right: auto; left: max(var(--gutter), calc(50vw - 600px)); }
@media (max-width: 900px) {
	html[dir="rtl"] .hero__mark { right: auto; left: -90px; }
	html[dir="rtl"] .arc--hero { right: auto; left: -300px; }
}
html[dir="rtl"] .stat__label { text-align: left; }
html[dir="rtl"] .svc:hover { padding-left: 0; padding-right: 16px; }
html[dir="rtl"] .art__ring { right: auto; left: -18%; }
html[dir="rtl"] .prose ul, html[dir="rtl"] .prose ol { padding-left: 0; padding-right: 1.2em; }
html[dir="rtl"] .prose blockquote { padding: 4px 24px 4px 0; border-left: 0; border-right: 3px solid var(--coral); }

/* Numbers, phones and emails read left-to-right inside Arabic text */
html[dir="rtl"] .stat__num, html[dir="rtl"] .price-box__num, html[dir="rtl"] .svc-card__price { unicode-bidi: plaintext; }
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="tel"] { direction: ltr; text-align: right; }