/* Arabic typography tuning: keep the editorial hierarchy strong without oversized titles. */
html[lang='ar'] body main h1,
html[lang='ar'] body main h2,
html[lang='ar'] body main h3{
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}

/* Hero: deliberately smaller than the English display scale. */
html[lang='ar'] body main .hero h1{
  font-size:clamp(42px,3.25vw,58px)!important;
  line-height:1.28!important;
  max-width:14.5ch!important;
  margin-bottom:20px!important;
}
html[lang='ar'] body main .hero-name{
  font-size:18px!important;
  line-height:1.45!important;
  margin:14px 0 8px!important;
}
html[lang='ar'] body main .hero-lead{
  font-size:clamp(16px,1.08vw,18px)!important;
  line-height:1.95!important;
  max-width:43em!important;
  margin-top:18px!important;
}
html[lang='ar'] body main .hero-actions{margin-top:24px!important}
html[lang='ar'] body main .hero-tags{margin-top:18px!important;gap:7px!important}

/* Section titles: more breathing room and fewer forced wraps. */
html[lang='ar'] body main h2{
  font-size:clamp(31px,2.65vw,44px)!important;
  line-height:1.38!important;
}
html[lang='ar'] body main .section-heading{
  gap:42px!important;
  margin-bottom:38px!important;
  align-items:end!important;
}
html[lang='ar'] body main .section-heading h2{
  max-width:18ch!important;
  margin-top:12px!important;
}
html[lang='ar'] body main .section-heading p{
  font-size:15px!important;
  line-height:1.9!important;
  max-width:46em!important;
}

/* Card titles should read like UI copy, not display headlines. */
html[lang='ar'] body main .capability h3{
  font-size:clamp(21px,1.55vw,25px)!important;
  line-height:1.5!important;
  margin-top:28px!important;
}
html[lang='ar'] body main .capability p{
  font-size:14px!important;
  line-height:1.85!important;
}
html[lang='ar'] body main .case-copy h3{
  font-size:clamp(24px,2vw,32px)!important;
  line-height:1.48!important;
  max-width:19ch!important;
  margin:20px 0 12px!important;
}
html[lang='ar'] body main .case-small h3{
  font-size:clamp(22px,1.75vw,28px)!important;
  line-height:1.5!important;
  margin:22px 0 12px!important;
}
html[lang='ar'] body main .award-copy h3{
  font-size:21px!important;
  line-height:1.52!important;
}
html[lang='ar'] body main .story-card h3{
  font-size:clamp(23px,1.9vw,30px)!important;
  line-height:1.5!important;
}
html[lang='ar'] body main .role h3{
  font-size:clamp(21px,1.65vw,27px)!important;
  line-height:1.5!important;
}

/* The two large closing sections were visually overpowering in Arabic. */
html[lang='ar'] body main #nology .nology-copy h2{
  font-size:clamp(34px,2.8vw,46px)!important;
  line-height:1.4!important;
  max-width:15.5ch!important;
}
html[lang='ar'] body main #nology .nology-copy p{
  line-height:1.9!important;
}
html[lang='ar'] body main #contact .contact-copy h2{
  font-size:clamp(36px,2.9vw,48px)!important;
  line-height:1.34!important;
  max-width:12ch!important;
}
html[lang='ar'] body main #contact .contact-copy p{
  line-height:1.9!important;
}

/* Standalone Snapchat proof, if enabled, stays compact. */
html[lang='ar'] body main #recognition .snapchat-proof h3{
  font-size:clamp(17px,1.15vw,20px)!important;
  line-height:1.65!important;
  max-width:34ch!important;
}

@media(max-width:1050px){
  html[lang='ar'] body main .hero h1{
    font-size:clamp(40px,5.1vw,54px)!important;
    max-width:15ch!important;
  }
  html[lang='ar'] body main h2{
    font-size:clamp(30px,4vw,40px)!important;
  }
}

@media(max-width:760px){
  html[lang='ar'] body main .hero h1{
    font-size:clamp(36px,10.6vw,48px)!important;
    line-height:1.3!important;
    max-width:11.8ch!important;
  }
  html[lang='ar'] body main .hero-lead{
    font-size:15.5px!important;
    line-height:1.9!important;
  }
  html[lang='ar'] body main h2{
    font-size:clamp(29px,8.6vw,37px)!important;
    line-height:1.42!important;
  }
  html[lang='ar'] body main .section-heading{
    gap:14px!important;
    margin-bottom:28px!important;
  }
  html[lang='ar'] body main .section-heading h2{max-width:15ch!important}
  html[lang='ar'] body main .capability h3,
  html[lang='ar'] body main .case-small h3,
  html[lang='ar'] body main .award-copy h3,
  html[lang='ar'] body main .story-card h3,
  html[lang='ar'] body main .role h3{
    font-size:21px!important;
    line-height:1.52!important;
  }
  html[lang='ar'] body main .case-copy h3{
    font-size:24px!important;
    line-height:1.5!important;
  }
  html[lang='ar'] body main #nology .nology-copy h2,
  html[lang='ar'] body main #contact .contact-copy h2{
    font-size:clamp(31px,9vw,39px)!important;
    line-height:1.42!important;
  }
}