/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/tajawal-400-arabic-6c9081fd00.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/tajawal-400-latin-b081f7bf79.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/tajawal-500-arabic-4255019c1c.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/tajawal-500-latin-9986de5db8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/tajawal-700-arabic-fa5e723266.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/tajawal-700-latin-de8f431c14.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Self-hosted from https://fonts.googleapis.com/css2?family=Alexandria:wght@500&display=swap on 2026-10-24. SIL OFL 1.1, see /assets/fonts/Alexandria-OFL.txt. Arabic display headings only. */
/* Alexandria arabic, from https://fonts.gstatic.com/s/alexandria/v6/UMBCrPdDqW66y0Y2usFeQCH18mulUxBvI9rJTpbFFp4xRg.woff2 (sha256 376f66859ed36d83fb43bd1ca8b0a89bd1ebe88002b1abc35917a6baa61263bb) */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/alexandria-500-arabic-376f66859e.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* Alexandria latin, from https://fonts.gstatic.com/s/alexandria/v6/UMBCrPdDqW66y0Y2usFeQCH18mulUxBvI9rJTpbAFp4.woff2 (sha256 6c5f18eb6c680061135d9d417d13d8f142edc0779ee6c7635b5e85eb664b9cde) */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/alexandria-500-latin-6c5f18eb6c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Arabic layout is authored per component. Logos, artwork and scenes are not mirrored. */
html[lang='ar'] body,
html[lang='ar'] body * {
  font-family: Tajawal, Arial, sans-serif;
  letter-spacing: 0;
}
html[lang='ar'] body {
  line-height: 1.7;
}
html[lang='ar'] :is(p, li, label, input, textarea, button) {
  line-height: 1.7;
}
html[lang='ar'] em {
  font-style: normal;
  font-weight: 500;
}
html[lang='ar'] :is(.display-heading, .page-title, .closing-title) {
  font-weight: 500;
  line-height: 1.23;
  letter-spacing: 0;
}
html[lang='ar'] .word-wrap {
  padding-block: 0.12em;
  margin-block: -0.12em;
  vertical-align: bottom;
}
html[lang='ar'] .word-inner {
  line-height: 1.4;
}
html[lang='ar'] :is(.micro-label, .eyebrow-line, .scene-topline, .scene-disciplines, .scene-instruction) {
  line-height: 1.8;
  font-weight: 500;
}
html[lang='ar'] .header-location {
  left: auto;
  inset-inline-start: 31%;
  font-size: 12px;
}
html[lang='ar'] .header-controls .pill {
  font-size: 13px;
}
html[lang='ar'] .language-switcher {
  direction: ltr;
  font-size: 13px;
}
html[lang='ar'] #site-navigation {
  right: auto;
  left: var(--pad);
  text-align: start;
}
html[lang='ar'] #site-navigation nav > a {
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.5;
}
html[lang='ar'] .home-intro h1 {
  font-family: Tajawal, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  font-size: clamp(40px, 5.4vw, 86px);
}
html[lang='ar'] .home-subline {
  font-size: clamp(16px, 1.4vw, 21px);
  line-height: 1.7;
}
/* Arabic has no italic: the closing phrase relies on the drawn lime marker (.ink-marker in experience.css). */
html[lang='ar'] .home-intro h1 em {
  letter-spacing: 0;
}
html[lang='ar'] .home-coordinate {
  direction: ltr;
  text-align: end;
}
html[lang='ar'] .scene-caption {
  flex-direction: row;
  align-items: flex-end;
}
html[lang='ar'] .scene-caption > div {
  max-width: calc(100% - 160px);
}
html[lang='ar'] .scene-caption h2[lang='en'] {
  font-family: Arial, sans-serif;
  letter-spacing: -0.05em;
  text-align: left;
  line-height: 1.08;
}
html[lang='ar'] .scene-caption h2[lang='en'] em {
  font-family: Georgia, serif;
  font-style: italic;
  letter-spacing: -0.06em;
  font-weight: 400;
}
html[lang='ar'] .scene-disciplines {
  display: block;
  font-size: 13px;
  margin-bottom: 10px;
}
html[lang='ar'] .scene-instruction {
  font-size: 12px;
  text-align: end;
}
html[lang='ar'] .scene-topline {
  font-size: 12px;
}
html[lang='ar'] .editorial-columns > div {
  padding-left: 0;
  padding-inline-start: 8%;
}
html[lang='ar'] .large-copy {
  font-size: clamp(25px, 2.4vw, 39px);
  line-height: 1.7;
}
html[lang='ar'] .body-copy {
  font-size: 18px;
  line-height: 1.95;
}
html[lang='ar'] .section-title-row > p {
  font-size: 17px;
  line-height: 1.9;
}
html[lang='ar'] .eyebrow-index {
  text-align: end;
  font-size: 12px;
}
html[lang='ar'] .line-link {
  font-size: 13px;
}
html[lang='ar'] .project-meta h3 {
  font-size: 29px;
  line-height: 1.5;
}
html[lang='ar'] :is(.project-meta .micro-label, .concept-badge, .project-hover) {
  font-size: 12px;
}
html[lang='ar'] .project-hover {
  right: auto;
  left: 20px;
}
html[lang='ar'] .story-copy h2 {
  font-family: Tajawal, Arial, sans-serif;
  font-size: clamp(64px, 8.2vw, 126px);
  line-height: 1.4;
  height: 3.2em;
}
html[lang='ar'] .story-row {
  padding-block: 0.12em;
  margin-block: -0.12em;
}
html[lang='ar'] .story-description {
  font-size: 18px;
  line-height: 1.8;
}
html[lang='ar'] .story-bottom {
  font-size: 12px;
  line-height: 1.8;
}
html[lang='ar'] .about-wordmark {
  font-family: Arial, sans-serif;
  direction: ltr;
  letter-spacing: -0.075em;
}
html[lang='ar'] .about-wordmark > span {
  font-family: Tajawal, Arial, sans-serif;
  letter-spacing: 0;
}
html[lang='ar'] .about-chapters {
  font-size: clamp(15px, 1.5vw, 23px);
  line-height: 1.9;
  min-height: 2.4em;
}
html[lang='ar'] .about-hero-label {
  font-size: 12px;
}
html[lang='ar'] .belief-columns {
  padding-left: 0;
  padding-inline-start: 26%;
}
html[lang='ar'] .belief-columns p {
  font-size: 19px;
  line-height: 1.9;
}
html[lang='ar'] .expertise-track {
  direction: rtl;
}
html[lang='ar'] .expertise-card h3 {
  font-size: 32px;
  line-height: 1.5;
}
html[lang='ar'] .expertise-card li {
  font-size: 16px;
  line-height: 1.9;
}
html[lang='ar'] .expertise-letter {
  font-family: Arial, sans-serif;
  letter-spacing: -0.06em;
  right: auto;
  left: 20px;
}
html[lang='ar'] .expertise-hint {
  right: auto;
  left: var(--pad);
  font-size: 12px;
}
html[lang='ar'] .process-list details > p {
  margin-left: 0;
  margin-inline-start: 40px;
  font-size: 17px;
  line-height: 1.9;
}
html[lang='ar'] .process-list h3 {
  font-size: 26px;
  line-height: 1.6;
}
html[lang='ar'] .values-grid h3 {
  line-height: 1.4;
}
html[lang='ar'] .values-grid p {
  font-size: 17px;
  line-height: 1.9;
}
html[lang='ar'] .footer-row p {
  font-size: 14px;
  line-height: 1.9;
}
html[lang='ar'] .footer-row > div {
  font-size: 17px;
}
html[lang='ar'] .footer-row > div > span,
html[lang='ar'] .footer-fine {
  font-size: 12px;
  line-height: 1.9;
}
html[lang='ar'] .footer-row a[dir='ltr'] {
  font-family: Arial, sans-serif;
  text-align: start;
  unicode-bidi: isolate;
  display: inline-block;
}
html[lang='ar'] .next-caption {
  font-size: 17px;
}
html[lang='ar'] .projects-heading {
  padding-right: 0;
  padding-inline-end: 60px;
}
html[lang='ar'] .projects-count {
  direction: ltr;
  letter-spacing: 0;
}
html[lang='ar'] .project-filters button {
  font-size: 13px;
  min-height: 44px;
}
html[lang='ar'] .projects-intro-bottom .body-copy {
  font-size: 17px;
}
html[lang='ar'] .detail-labels {
  font-size: 12px;
  line-height: 1.9;
}
html[lang='ar'] .detail-summary > p {
  font-size: 24px;
  line-height: 1.9;
}
html[lang='ar'] :is(.thinking-grid p, .thinking-grid li) {
  font-size: 18px;
  line-height: 1.9;
}
html[lang='ar'] .detail-art-caption {
  font-size: 11px;
}
html[lang='ar'] .concept-disclosure > p {
  font-size: 17px;
  line-height: 1.9;
}
html[lang='ar'] .next-project > .card-visual {
  right: auto;
  left: -5%;
  direction: rtl;
}
html[lang='ar'] .contact-hero-inner .page-title {
  line-height: 1.35;
}
html[lang='ar'] .contact-hero-bottom a {
  font-size: 14px;
}
html[lang='ar'] .contact-hero-bottom > span {
  font-size: 13px;
  line-height: 1.9;
}
html[lang='ar'] .inquiry-form label,
html[lang='ar'] .inquiry-form legend {
  font-size: 16px;
}
html[lang='ar'] .inquiry-form :is(input:not([type='radio']), textarea) {
  font-size: 18px;
  text-align: start;
  line-height: 1.9;
}
html[lang='ar'] .inquiry-form :is(input, textarea)::placeholder {
  font-size: 16px;
}
html[lang='ar'] .service-choice span {
  font-size: 14px;
  line-height: 1.7;
}
html[lang='ar'] .form-actions p {
  font-size: 15px;
  line-height: 1.8;
}
html[lang='ar'] .form-actions .pill {
  font-size: 14px;
}
html[lang='ar'] :is(.form-feedback, .form-availability) {
  font-size: 16px;
  line-height: 1.9;
}
html[lang='ar'] .privacy-disclosure {
  font-size: 17px;
  line-height: 2;
}
html[lang='ar'] .privacy-disclosure h2 {
  font:
    500 clamp(28px, 3vw, 44px) / 1.5 Tajawal,
    Arial,
    sans-serif;
}
html[lang='ar'] .card-visual {
  direction: rtl;
}
html[lang='ar'] :is(.visual-label, .visual-caption) {
  font-size: 10px;
  line-height: 1.7;
}
html[lang='ar'] .browser-content h3 {
  font-size: 34px;
  line-height: 1.4;
}
html[lang='ar'] .browser-content .micro {
  font-size: 10px;
}
html[lang='ar'] .mini-button {
  font-size: 9px;
}
html[lang='ar'] .phone h3 {
  font-size: 25px;
  line-height: 1.5;
}
html[lang='ar'] .phone p {
  font-size: 31px;
  line-height: 1.4;
}
html[lang='ar'] .app-top,
html[lang='ar'] .app-tile {
  font-size: 12px;
}
html[lang='ar'] .app-tile small {
  font-size: 10px;
  line-height: 1.7;
}
html[lang='ar'] .system-head {
  font-size: 13px;
}
html[lang='ar'] .system-tiles strong {
  font-size: 25px;
}
html[lang='ar'] .system-tiles small {
  font-size: 10px;
}
html[lang='ar'] .system-tiles span,
html[lang='ar'] .system-graph {
  font-size: 9px;
}
html[lang='ar'] .ai-node {
  font-size: 11px;
}
html[lang='ar'] :is(.commerce-demo, .operations-demo, .assistant-demo, .demo-device) {
  text-align: start;
}
html[lang='ar'] :is(.demo-store-top h3, .operations-demo > h3, .demo-device > h3) {
  font-size: 44px;
  line-height: 1.4;
}
html[lang='ar'] .demo-brand {
  direction: ltr;
  font-family: Arial, sans-serif;
}
html[lang='ar'] .demo-brand span {
  font-family: Tajawal, Arial, sans-serif;
  font-size: 12px;
}
html[lang='ar'] .demo-bag {
  font-size: 13px;
}
html[lang='ar'] .demo-categories button {
  font-size: 14px;
  min-height: 44px;
}
html[lang='ar'] .demo-products h4 {
  font-size: 18px;
}
html[lang='ar'] .demo-products article button {
  min-width: 32px;
  min-height: 32px;
}
html[lang='ar'] .demo-status {
  font-size: 15px;
  line-height: 1.9;
}
html[lang='ar'] .demo-tabs button {
  font-size: 16px;
  min-height: 44px;
}
html[lang='ar'] .demo-task {
  font-size: 16px;
  min-height: 44px;
}
html[lang='ar'] .agenda-row {
  font-size: 16px;
}
html[lang='ar'] .agenda-row time {
  direction: ltr;
  unicode-bidi: isolate;
  font-family: Arial, sans-serif;
}
html[lang='ar'] .agenda-row small {
  font-size: 13px;
}
html[lang='ar'] .day-card h4 {
  font-size: 30px;
  line-height: 1.5;
}
html[lang='ar'] .demo-instruction > span {
  font-size: 13px;
  line-height: 1.9;
}
html[lang='ar'] .demo-instruction p {
  font-size: 36px;
  line-height: 1.5;
}
html[lang='ar'] .operations-demo > p:not(.demo-status) {
  font-size: 17px;
}
html[lang='ar'] .kanban-item {
  text-align: start;
}
html[lang='ar'] .kanban-item > span {
  font-size: 11px;
}
html[lang='ar'] .kanban-item > b {
  font-size: 18px;
  line-height: 1.7;
}
html[lang='ar'] .kanban-item > small {
  font-size: 13px;
}
html[lang='ar'] .kanban > div > h4 {
  font-size: 17px;
}
html[lang='ar'] .demo-reset {
  font-size: 14px;
  min-height: 44px;
}
html[lang='ar'] .assistant-heading {
  font-size: 13px;
  line-height: 1.7;
}
html[lang='ar'] .demo-live {
  margin-left: 0;
  margin-inline-start: auto;
  font-size: 11px;
}
html[lang='ar'] .assistant-message > span {
  font-size: 12px;
}
html[lang='ar'] .assistant-message p {
  font-size: 20px;
  line-height: 1.9;
}
html[lang='ar'] .user-message {
  font-size: 17px;
  line-height: 1.9;
}
html[lang='ar'] .sample-prompts button {
  font-size: 15px;
  min-height: 44px;
  text-align: start;
}
html[lang='ar'] .assistant-demo .demo-status {
  font-size: 15px;
}
@media (max-width: 1100px) {
  html[lang='ar'] .header-location {
    font-size: 9px;
  }
  html[lang='ar'] .expertise-card {
    height: 430px;
  }
  html[lang='ar'] .expertise-card h3 {
    font-size: 28px;
  }
  html[lang='ar'] .system-tiles strong {
    font-size: 20px;
  }
}
@media (max-width: 760px) {
  html[lang='ar'] .header-controls .pill {
    font-size: 12px;
    padding-inline: 12px;
    gap: 8px;
  }
  html[lang='ar'] .home-intro h1 {
    font-size: clamp(32px, 9vw, 48px);
    line-height: 1.35;
  }
  html[lang='ar'] .scene-caption > div {
    max-width: 100%;
  }
  html[lang='ar'] .scene-disciplines {
    font-size: 11px;
    line-height: 1.8;
  }
  html[lang='ar'] .scene-topline {
    font-size: 12px;
  }
  html[lang='ar'] .scene-caption h2[lang='en'] {
    font-size: 30px;
  }
  html[lang='ar'] .editorial-columns > div {
    padding-inline-start: 0;
  }
  html[lang='ar'] .display-heading {
    font-size: clamp(35px, 9.2vw, 58px);
    line-height: 1.5;
  }
  html[lang='ar'] .page-title {
    font-size: clamp(44px, 11vw, 76px);
    line-height: 1.5;
  }
  html[lang='ar'] .large-copy,
  html[lang='ar'] .editorial-columns .large-copy {
    font-size: 24px;
    line-height: 1.85;
  }
  html[lang='ar'] .body-copy,
  html[lang='ar'] .section-title-row > p {
    font-size: 17px;
    line-height: 1.95;
  }
  html[lang='ar'] .eyebrow-line {
    font-size: 11px;
    line-height: 1.9;
  }
  html[lang='ar'] .eyebrow-index {
    font-size: 12px;
    max-width: 40%;
  }
  html[lang='ar'] .project-meta h3 {
    font-size: 25px;
  }
  html[lang='ar'] .project-meta .micro-label,
  html[lang='ar'] .concept-badge {
    font-size: 12px;
  }
  html[lang='ar'] .story-copy h2 {
    font-size: clamp(45px, 12vw, 78px);
    height: 3.6em;
    line-height: 1.5;
    margin-block: 30px 12px;
  }
  html[lang='ar'] .story-description {
    font-size: 16px;
    padding-inline: 25px;
  }
  html[lang='ar'] .story-bottom {
    font-size: 12px;
  }
  html[lang='ar'] .about-story-copy {
    bottom: 135px;
  }
  html[lang='ar'] .about-chapters {
    font-size: 15px;
    line-height: 2.1;
    min-height: 4.4em;
  }
  html[lang='ar'] .about-hero-label {
    font-size: 11px;
    line-height: 1.9;
  }
  html[lang='ar'] .belief-columns {
    padding-inline-start: 0;
  }
  html[lang='ar'] .belief-columns p {
    font-size: 18px;
  }
  html[lang='ar'] .expertise-card {
    height: 430px;
    flex-shrink: 0;
  }
  html[lang='ar'] .expertise-card h3 {
    font-size: 28px;
    margin-top: 80px;
  }
  html[lang='ar'] .expertise-card li {
    font-size: 16px;
  }
  html[lang='ar'] .process-list h3 {
    font-size: 23px;
  }
  html[lang='ar'] .process-list details > p {
    font-size: 17px;
    margin-inline-start: 28px;
  }
  html[lang='ar'] .values-grid article {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  html[lang='ar'] .values-grid h3 {
    font-size: 29px;
  }
  html[lang='ar'] .footer-row p {
    font-size: 12px;
  }
  html[lang='ar'] .footer-row > div {
    font-size: 15px;
  }
  html[lang='ar'] .footer-fine a {
    font-size: 12px;
    text-align: start;
  }
  html[lang='ar'] .next-page-title {
    font-size: clamp(42px, 11vw, 70px);
    line-height: 1.5;
  }
  html[lang='ar'] .next-caption {
    font-size: 16px;
  }
  html[lang='ar'] .projects-heading {
    padding-inline-end: 45px;
  }
  html[lang='ar'] .projects-count {
    right: auto;
    left: 0;
    top: 45px;
  }
  html[lang='ar'] .projects-intro-bottom .body-copy {
    font-size: 17px;
  }
  html[lang='ar'] .project-filters {
    flex-wrap: wrap;
    gap: 5px;
  }
  html[lang='ar'] .project-filters button {
    font-size: 12px;
    padding-inline: 11px;
  }
  html[lang='ar'] .project-detail-intro .page-title {
    font-size: clamp(38px, 10.4vw, 66px);
    line-height: 1.5;
  }
  html[lang='ar'] .detail-summary > p {
    font-size: 20px;
    line-height: 1.9;
  }
  html[lang='ar'] .detail-art .browser-content h3 {
    font-size: 24px;
    line-height: 1.5;
  }
  html[lang='ar'] .detail-art .micro,
  html[lang='ar'] .detail-art .mini-button {
    font-size: 8px;
  }
  html[lang='ar'] .detail-art .system-head {
    font-size: 10px;
  }
  html[lang='ar'] .detail-art .system-tiles strong {
    font-size: 17px;
  }
  html[lang='ar'] .detail-art .system-tiles :is(span, small) {
    font-size: 8px;
  }
  html[lang='ar'] .thinking-grid :is(p, li) {
    font-size: 17px;
  }
  html[lang='ar'] .concept-disclosure > p {
    font-size: 16px;
  }
  html[lang='ar'] .next-project > .card-visual {
    left: -13%;
  }
  html[lang='ar'] .contact-hero-inner .page-title {
    font-size: clamp(45px, 11vw, 70px);
    line-height: 1.45;
  }
  html[lang='ar'] .contact-hero-inner > .micro-label {
    font-size: 11px;
    line-height: 1.9;
  }
  html[lang='ar'] .contact-hero-bottom a {
    font-size: 12px;
  }
  html[lang='ar'] .contact-hero-bottom > span {
    font-size: 12px;
  }
  html[lang='ar'] .faq-grid .process-list h3 {
    font-size: 20px;
    max-width: calc(100% - 65px);
  }
  html[lang='ar'] .commerce-demo {
    padding: 24px 18px;
  }
  html[lang='ar'] .demo-store-top h3 {
    font-size: 31px;
    line-height: 1.5;
  }
  html[lang='ar'] .demo-bag {
    font-size: 11px;
    gap: 5px;
  }
  html[lang='ar'] .demo-brand span {
    font-size: 10px;
  }
  html[lang='ar'] .demo-products article {
    padding-right: 0;
    padding-inline-end: 8px;
  }
  html[lang='ar'] .demo-products h4 {
    font-size: 17px;
  }
  html[lang='ar'] .demo-products article > div:last-child {
    min-width: 0;
  }
  html[lang='ar'] .demo-categories button {
    font-size: 13px;
  }
  html[lang='ar'] .demo-device {
    width: min(100%, 285px);
    padding-inline: 18px;
  }
  html[lang='ar'] .demo-device > h3 {
    font-size: 35px;
    line-height: 1.5;
  }
  html[lang='ar'] .demo-instruction p {
    font-size: 30px;
  }
  html[lang='ar'] .operations-demo > h3 {
    font-size: 33px;
  }
  html[lang='ar'] .ops-brand {
    font-size: 17px;
  }
  html[lang='ar'] .ops-head .micro-label {
    font-size: 10px;
    max-width: 90px;
  }
  html[lang='ar'] .assistant-heading {
    font-size: 11px;
  }
  html[lang='ar'] .assistant-message p {
    font-size: 18px;
    line-height: 2;
  }
  html[lang='ar'] .assistant-message > span {
    font-size: 11px;
  }
  html[lang='ar'] .sample-prompts button {
    font-size: 14px;
  }
  html[lang='ar'] .assistant-demo .demo-status {
    font-size: 14px;
  }
}
@media (max-width: 359px) {
  html[lang='ar'] .site-brand {
    width: 76px;
  }
  html[lang='ar'] .header-controls .pill {
    font-size: 12px;
    padding-inline: 8px;
    gap: 5px;
  }
  html[lang='ar'] .header-controls .motion-control {
    width: 30px;
  }
  html[lang='ar'] .scene-caption h2[lang='en'] {
    font-size: 27px;
  }
  html[lang='ar'] .scene-disciplines {
    font-size: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[lang='ar'] .story-copy h2 {
    height: auto;
  }
  html[lang='ar'] .story-line {
    position: static;
    display: block;
    min-height: 0;
  }
  html[lang='ar'] .story-row-inner {
    transform: none !important;
  }
  html[lang='ar'] .about-chapters {
    height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[lang='ar'] .about-story-copy {
    bottom: auto;
  }
  html[lang='ar'] .about-reading.visually-hidden {
    font-size: 17px;
    line-height: 1.9;
  }
}

/* Display headings use Alexandria (500 only, self-hosted); body copy and small labels stay in Tajawal.
   The descendant selector is needed because `body *` above sets Tajawal on every split-reveal word span. */
html[lang='ar']
  :is(
    .display-heading,
    .page-title,
    .closing-title,
    .ending-title,
    .home-intro h1,
    .story-copy h2,
    .story-reading h3,
    .next-page-title,
    .next-project h2,
    .privacy-disclosure h2,
    .large-arabic,
    .about-wordmark > span,
    #site-navigation nav > a
  ),
html[lang='ar']
  :is(
    .display-heading,
    .page-title,
    .closing-title,
    .ending-title,
    .home-intro h1,
    .story-copy h2,
    .story-reading h3,
    .next-page-title,
    .next-project h2,
    .privacy-disclosure h2,
    #site-navigation nav > a
  )
  * {
  font-family: Alexandria, Tajawal, Arial, sans-serif;
  font-weight: 500;
}