/* English (LTR) version: loaded after the other stylesheets on en.html and work/*.en.html only.
   The page is the Persian layout mirrored across the frame's centre (x = 960): whatever sat on the right
   of the centre line moves to the left, split cells swap sides, dividers move to the other edge, and the
   reading order inside every block runs left to right. Arrows and the dither fields are flipped to match. */

/* ---------- top bar ---------- */
.logo { left: 312px; } /* mirror of 1490..1608 */
.nav { left: auto; right: 979px; }
.nav-actions { left: auto; right: 312px; }
/* label first, arrow after it, pointing up-right */
.nav-cta { flex-direction: row-reverse; padding: 4px 4px 4px 14px; }
.nav-cta-label { width: auto; } /* the Figma label box (99px) fits the Persian text only */
.nav-cta-label, .lang a, .btn-secondary, .btn-primary, .badge p { text-align: left; }
.nav-cta-icon.flip, .btn-icon.flip, .go-ico.flip { transform: scale(-1, -1); }

/* ---------- hero ---------- */
.hero-right { left: 264px; }
.hero-left { left: 960px; }
.glow { left: -280px; } /* mirror of 1424..2200 */
.hero-content, .hero-text { align-items: flex-start; }
.hero-copy { align-items: flex-start; text-align: left; }
.hero-copy h1 { font-size: 64px; } /* Latin runs wider than the Persian at 70px */
.hero-actions { flex-direction: row-reverse; justify-content: flex-end; }
.btn-primary { flex-direction: row-reverse; padding: 12px 14px 12px 16px; }
.kpis { direction: ltr; }
.kpis li { border-left: 0; border-right: 1px solid var(--line); }
.kpis li:first-child { padding-right: 24px; padding-left: 0; }
.kpis li:last-child { border-right: 0; }

/* ---------- trust + clients ---------- */
.trust { left: 264px; align-items: flex-start; padding: 24px 44px 24px 48px; text-align: left; }
.clients { left: 613px; }

/* ---------- services ---------- */
.svc-section, .svc-cols { direction: ltr; }
.svc-head { background: linear-gradient(to right, var(--surface), rgba(var(--surface-rgb), 0) 70%); }
.svc-heading { right: auto; left: 44px; }
.svc-dither { left: auto; right: 0; scale: -1 1; } /* scale, not transform: ScrollSmoother parallax writes transform */
.svc { border-left: 0; border-right: 1px solid var(--line); }
.svc:last-child { border-right: 0; }

/* ---------- portfolio ---------- */
.work-section, .work-feature, .work-grid { direction: ltr; }
.work-heading { right: auto; left: 44px; }
.work-head-side { left: auto; right: 0; border-right: 0; border-left: 1px solid var(--line); direction: ltr; }
.work-feature .work-stage { border-right: 0; border-left: 1px solid var(--line); }
.work-meta div { padding-left: 0; padding-right: 16px; }
.work-meta div + div { padding-left: 16px; border-right: 0; border-left: 1px solid var(--line); }
.work-feature .work-meta div { padding: 10px 0; border-left: 0; }

/* ---------- contact ---------- */
.ct-section { direction: ltr; }
.ct-info { border-left: 0; border-right: 1px solid var(--line); }
.ct-info .svc-dither { left: auto; right: 0; scale: -1 1; }
.ct-acc-btn { text-align: left; }

/* ---------- footer ---------- */
.ft { direction: ltr; }
.ft-brand { right: auto; left: 0; border-left: 0; border-right: 1px solid var(--line); }
.ft-tagline { padding-right: 0; padding-left: 24px; border-right: 0; border-left: 1px solid var(--line); }
.ft-cell:nth-of-type(2) { left: 696px; border-left: 0; border-right: 1px solid var(--line); }
.ft-cell:nth-of-type(3) { left: 1044px; }
.ft-social { left: 696px; }
.ft-link:nth-child(odd) { border-left: 0; border-right: 1px solid var(--line); }
.ft-link .go-ico { margin-right: 0; margin-left: auto; }
.ft-link .go-ico { translate: -6px 0; }
.ft-link:hover .go-ico, .ft-link.is-hover .go-ico { translate: 0 0; }

/* ---------- project pages ---------- */
.cs-intro { left: 312px; align-items: flex-start; }
.cs-cover { left: 960px; }
.cs-meta, .cs-cell, .cs-scope-head, .cs-scope, .cs-gallery, .cs-next { direction: ltr; }
.cs-next .work-stage { border-right: 0; border-left: 1px solid var(--line); }
.cs-hint { right: auto; left: 20px; direction: ltr; }