/* Final Arabic typography pass — calmer hierarchy and more breathing room. */
html[lang='ar'] body main h1,
html[lang='ar'] body main h2,
html[lang='ar'] body main h3{
  letter-spacing:0!important;
  text-wrap:balance;
}

/* Hero: large enough to feel premium, but no longer overpowering. */
html[lang='ar'] body main .hero h1{
  font-size:clamp(46px,4.35vw,66px)!important;
  line-height:1.22!important;
  max-width:13.5ch!important;
  margin-bottom:0!important;
}
html[lang='ar'] body main .hero-lead{
  font-size:clamp(17px,1.25vw,20px)!important;
  line-height:1.8!important;
  max-width:42em!important;
}

/* Main editorial section titles. */
html[lang='ar'] body main .section-heading h2,
html[lang='ar'] body main #events .section-heading h2,
html[lang='ar'] body main #experience .section-heading h2{
  font-size:clamp(36px,3.35vw,50px)!important;
  line-height:1.3!important;
  max-width:15ch!important;
}
html[lang='ar'] body main .section-heading p{
  font-size:15px!important;
  line-height:1.85!important;
  max-width:48em!important;
}

/* Nology and contact had the largest visual jump in Arabic. */
html[lang='ar'] body main #nology .nology-copy h2{
  font-size:clamp(36px,3.2vw,48px)!important;
  line-height:1.34!important;
  max-width:14ch!important;
}
html[lang='ar'] body main #nology .nology-copy p{
  line-height:1.85!important;
}
html[lang='ar'] body main #contact .contact-copy h2{
  font-size:clamp(40px,3.45vw,52px)!important;
  line-height:1.28!important;
  max-width:10ch!important;
}
html[lang='ar'] body main #contact .contact-copy p{
  font-size:16px!important;
  line-height:1.85!important;
  max-width:34em!important;
}

/* Card titles: preserve emphasis without turning every card into another hero. */
html[lang='ar'] body main .capability h3{
  font-size:clamp(22px,1.7vw,27px)!important;
  line-height:1.5!important;
}
html[lang='ar'] body main .case-card h3,
html[lang='ar'] body main .award-card h3,
html[lang='ar'] body main .event-caption h3,
html[lang='ar'] body main .story-card h3,
html[lang='ar'] body main .approach-card h3{
  font-size:clamp(24px,2vw,31px)!important;
  line-height:1.45!important;
}
html[lang='ar'] body main .case-card p,
html[lang='ar'] body main .capability p,
html[lang='ar'] body main .award-card p,
html[lang='ar'] body main .event-caption p,
html[lang='ar'] body main .story-card p,
html[lang='ar'] body main .approach-card p{
  line-height:1.8!important;
}

/* If an older cached Snapchat proof briefly exists, keep it visually restrained. */
html[lang='ar'] body main #recognition .snapchat-proof h3{
  font-size:clamp(22px,1.8vw,28px)!important;
  line-height:1.5!important;
}

/* Tablet */
@media(max-width:1050px){
  html[lang='ar'] body main .hero h1{
    font-size:clamp(42px,5.2vw,56px)!important;
    max-width:14ch!important;
  }
  html[lang='ar'] body main .section-heading h2,
  html[lang='ar'] body main #events .section-heading h2,
  html[lang='ar'] body main #experience .section-heading h2,
  html[lang='ar'] body main #nology .nology-copy h2{
    font-size:clamp(34px,4.4vw,44px)!important;
  }
}

/* Mobile: explicitly override the old 46–68px Arabic mobile clamp. */
@media(max-width:760px){
  html[lang='ar'] body main .hero h1{
    font-size:clamp(34px,9.6vw,42px)!important;
    line-height:1.28!important;
    max-width:14ch!important;
  }
  html[lang='ar'] body main .hero-lead{
    font-size:15px!important;
    line-height:1.85!important;
  }
  html[lang='ar'] body main .section-heading h2,
  html[lang='ar'] body main #events .section-heading h2,
  html[lang='ar'] body main #experience .section-heading h2,
  html[lang='ar'] body main #nology .nology-copy h2,
  html[lang='ar'] body main #contact .contact-copy h2{
    font-size:clamp(30px,8.4vw,38px)!important;
    line-height:1.38!important;
    max-width:15ch!important;
  }
  html[lang='ar'] body main .capability h3,
  html[lang='ar'] body main .case-card h3,
  html[lang='ar'] body main .award-card h3,
  html[lang='ar'] body main .event-caption h3,
  html[lang='ar'] body main .story-card h3,
  html[lang='ar'] body main .approach-card h3{
    font-size:22px!important;
    line-height:1.5!important;
  }
}