html[lang="ar"] body {
  font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.9;
}

html[lang="ar"] .brand-text {
  align-items: flex-start;
}

html[lang="ar"] .brand-ja {
  letter-spacing: 0;
  font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}

html[lang="ar"] .brand-en,
html[lang="ar"] .language-switcher,
html[lang="ar"] .eyebrow,
html[lang="ar"] .section-no,
html[lang="ar"] .rebar-showcase-meta {
  font-family: Inter, Arial, sans-serif;
}

html[lang="ar"] .eyebrow,
html[lang="ar"] .section-no,
html[lang="ar"] .rebar-showcase-meta,
html[lang="ar"] .latin-text,
html[lang="ar"] .address-ltr,
html[lang="ar"] input[type="email"] {
  direction: ltr;
  unicode-bidi: isolate;
}

html[lang="ar"] .eyebrow,
html[lang="ar"] .section-no {
  text-align: right;
}

html[lang="ar"] .nav a::after {
  right: 0;
  left: auto;
  transform-origin: 100% 50%;
}

html[lang="ar"] .hero h1,
html[lang="ar"] .section-heading h2,
html[lang="ar"] .request-list strong,
html[lang="ar"] .service-card h3,
html[lang="ar"] .feature-list h3,
html[lang="ar"] .model-grid h3,
html[lang="ar"] .process-list h3,
html[lang="ar"] .contact-panel h2 {
  letter-spacing: 0;
}

html[lang="ar"] .hero h1 {
  max-width: 940px;
  font-size: clamp(43px, 6.4vw, 80px);
  line-height: 1.25;
}

html[lang="ar"] .hero h1 span {
  padding: .03em .24em .12em;
}

html[lang="ar"] .hero-lead,
html[lang="ar"] .section-heading .lead,
html[lang="ar"] .contact-copy,
html[lang="ar"] .feature-list p,
html[lang="ar"] .model-grid p,
html[lang="ar"] .process-list p,
html[lang="ar"] .company-list dd {
  line-height: 1.95;
}

html[lang="ar"] .service-card ul {
  padding-right: 18px;
  padding-left: 0;
}

html[lang="ar"] .request-list li,
html[lang="ar"] .service-card,
html[lang="ar"] .model-grid article,
html[lang="ar"] .process-list li,
html[lang="ar"] .company-panel,
html[lang="ar"] .contact-panel,
html[lang="ar"] .contact-form,
html[lang="ar"] .trust-strip li,
html[lang="ar"] .button,
html[lang="ar"] .header-contact,
html[lang="ar"] .rebar-showcase-frame {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}

html[lang="ar"] .address-ltr {
  text-align: left;
}

html[lang="ar"] .field input,
html[lang="ar"] .field textarea {
  text-align: right;
}

html[lang="ar"] .field input[type="email"] {
  text-align: left;
}

html[lang="ar"] .rebar-showcase-copy {
  background:
    linear-gradient(270deg, rgba(52, 46, 41, .025) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(225deg, #fff 0 84%, #f3eee6 84% 100%);
}

html[lang="ar"] .rebar-showcase-copy::before {
  right: 0;
  left: auto;
}

html[lang="ar"] .rebar-showcase-copy > div {
  padding: 4px clamp(16px, 2vw, 24px) 5px 0;
  border-right: 3px solid var(--deep);
  border-left: 0;
}

html[lang="ar"] .rebar-showcase-copy h3 {
  line-height: 1.35;
}

html[lang="ar"] .rebar-component-ar {
  letter-spacing: 0;
  font-size: 1.08em;
  font-weight: 800;
}

html[lang="ar"] .rebar-component-divider,
html[lang="ar"] .rebar-component-en {
  direction: ltr;
  unicode-bidi: isolate;
}

html[lang="ar"] .rebar-showcase-copy > p {
  line-height: 2;
}

html[lang="ar"] .rebar-showcase-copy > p::before {
  margin-right: 0;
  margin-left: auto;
}

@media (max-width: 820px) {
  html[lang="ar"] .nav {
    align-items: flex-start;
    text-align: right;
  }
}

@media (max-width: 700px) {
  html[lang="ar"] .request-list li,
  html[lang="ar"] .service-card,
  html[lang="ar"] .model-grid article,
  html[lang="ar"] .process-list li,
  html[lang="ar"] .company-panel,
  html[lang="ar"] .contact-panel,
  html[lang="ar"] .contact-form,
  html[lang="ar"] .rebar-showcase-frame {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  }

  html[lang="ar"] .rebar-showcase-copy > div {
    padding-right: 14px;
    padding-left: 0;
  }
}

@media (max-width: 430px) {
  html[lang="ar"] .hero h1 {
    font-size: clamp(36px, 11vw, 50px);
  }

  html[lang="ar"] .language-switcher {
    gap: 5px;
    font-size: 10px;
  }
}