/* Minor RTL polish. Logical properties (inset-inline-*, border-inline-*)
   already handle most mirroring automatically in style.css. This file
   covers the few physical-property exceptions. */

html[dir="rtl"] body{ font-feature-settings:"ss01" on; }

html[dir="rtl"] .hero-eyebrow::before,
html[dir="rtl"] .eyebrow::before{ order:2; }

html[dir="rtl"] .road-progress{
  right:0;left:auto;
  background:linear-gradient(270deg,var(--brand-600),var(--brand-700),var(--accent-500));
}

html[dir="rtl"] .scroll-cue .line{
  background:linear-gradient(rgba(255,255,255,.7),transparent);
}

html[dir="rtl"] .hero::before{
  inset-inline-end:auto; inset-inline-start:-120px;
}

/* Numbers stay LTR even inside RTL text (dates, phone numbers, stats) */
html[dir="rtl"] .stat-num,
html[dir="rtl"] .service-num,
html[dir="rtl"] .timeline-item span,
html[dir="rtl"] .project-meta-item strong,
html[dir="rtl"] a[href^="tel:"]{
  direction:ltr;
  unicode-bidi:isolate;
}