/* Typography only: scoped to Clients, with the existing Arabic fallback. */
@font-face{
  font-family:"Clients Inter Fallback";src:local("Arial");font-display:swap;
  size-adjust:107%;ascent-override:90%;descent-override:23%;line-gap-override:0%;
}
@font-face{
  font-family:"Clients Manrope Fallback";src:local("Arial");font-display:swap;
  size-adjust:103%;ascent-override:99%;descent-override:24%;line-gap-override:0%;
}
.mp-clients-page{
  --client-ui:"Inter","Clients Inter Fallback","IBM Plex Sans Arabic",sans-serif;
  --client-heading:"Manrope","Clients Manrope Fallback","IBM Plex Sans Arabic",sans-serif;
  font-family:var(--client-ui);font-weight:400;
}
.mp-clients-page[dir=rtl]{font-family:"Inter","IBM Plex Sans Arabic",sans-serif}
.mp-clients-page .mp-directory h1{
  font-family:var(--client-heading);font-size:64px;font-weight:800;
  line-height:.98;letter-spacing:-2.5px;min-height:1.96em;
}
.mp-clients-page .mp-directory-head .eyebrow{
  font-family:var(--client-ui);font-size:14px;font-weight:600;
  line-height:1.4;letter-spacing:2.5px;text-transform:uppercase;
}
.mp-clients-page .mp-directory-intro>p{
  font-family:var(--client-ui);font-size:16px;font-weight:400;line-height:1.5;
}
.mp-clients-page .mp-directory-stats strong{font-family:var(--client-ui);font-size:22px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.mp-clients-page .mp-directory-stats small{font-family:var(--client-ui);font-size:12px;font-weight:400;line-height:1.4}
.mp-clients-page .mp-work-identity h2{
  font-family:var(--client-ui);font-size:18px;font-weight:700;line-height:1.2;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mp-clients-page .mp-work-identity p{font-family:var(--client-ui);font-size:15px;font-weight:400;line-height:1.35}
.mp-clients-page .mp-work-logo{flex-shrink:1;min-height:0}
.mp-clients-page .mp-work-card-bottom strong{font-family:var(--client-ui);font-size:18px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.mp-clients-page .mp-work-card-bottom small{font-family:var(--client-ui);font-size:12px;font-weight:400;line-height:1.3}
.mp-clients-page .mp-directory-button,.mp-clients-page .header-cta,.mp-clients-page .lang-toggle{font-family:var(--client-ui);font-size:14px;font-weight:600;line-height:1.3}
.mp-clients-page .mp-search input{font-family:var(--client-ui);font-size:14px;font-weight:400;line-height:1.4}
.mp-clients-page .mp-directory-controls select{font-family:var(--client-ui);font-size:14px;font-weight:500;line-height:1.4}
.mp-clients-page .nav-links a{font-family:var(--client-ui);font-size:14px;font-weight:500;line-height:1.4}
.mp-clients-page .mp-breadcrumb,.mp-clients-page .mp-directory-bottom>p,.mp-clients-page .mp-pagination button{font-family:var(--client-ui);font-size:12px;font-weight:400;line-height:1.5}
.mp-clients-page .mp-work-dialog h2{font-family:var(--client-ui);font-size:18px;font-weight:700;line-height:1.2}
.mp-clients-page[dir=rtl] .mp-directory h1{font-family:"Manrope","IBM Plex Sans Arabic",sans-serif;letter-spacing:0;line-height:1.2}
.mp-clients-page[dir=rtl] .mp-directory-head .eyebrow{letter-spacing:0}
@media(max-width:1100px){
  .mp-clients-page .mp-directory h1{font-size:52px;letter-spacing:-2px}
  .mp-clients-page .mp-work-identity h2{font-size:17px}
  .mp-clients-page .mp-directory-intro>p{font-size:15px}
  .mp-clients-page .mp-work-identity p{font-size:14px}
}
@media(max-width:600px){
  .mp-clients-page .mp-directory h1{font-size:40px;letter-spacing:-1.5px}
  .mp-clients-page .mp-directory-head .eyebrow{font-size:12px;letter-spacing:2.5px}
  .mp-clients-page .mp-directory-intro>p{font-size:14px}
  .mp-clients-page .mp-work-identity h2{font-size:16px}
  .mp-clients-page .mp-work-identity p{font-size:13px}
  .mp-clients-page .mp-work-card-bottom strong{font-size:16px}
  .mp-clients-page .mp-directory-button,.mp-clients-page .header-cta,.mp-clients-page .lang-toggle{font-size:13px}
}
@media(max-width:360px){.mp-clients-page .mp-directory h1{font-size:36px}}