/* Second Eye Website v1.19.1 — English typography balance + Extend client logo */

/*
 * English copy is naturally wider than Arabic. Keep the same visual hierarchy
 * without letting translated headings dominate the viewport or wrap into
 * excessive lines on laptops and phones.
 */
html[dir="ltr"] body.lang-en h1{
  font-size:clamp(1.95rem,3.25vw,3rem);
  line-height:1.1;
  letter-spacing:-.025em;
  text-wrap:balance;
}
html[dir="ltr"] body.lang-en h2{
  font-size:clamp(1.5rem,2.25vw,2.05rem);
  line-height:1.18;
  letter-spacing:-.018em;
  text-wrap:balance;
}
html[dir="ltr"] body.lang-en h3{
  line-height:1.3;
  text-wrap:balance;
}
html[dir="ltr"] body.lang-en .lede{
  font-size:clamp(.98rem,1.05vw,1.08rem);
  line-height:1.68;
}

/* Home hero: laptop-first correction for QA-107. */
html[dir="ltr"] body.lang-en .hero h1{
  font-size:clamp(2.35rem,3.45vw,3.2rem);
  line-height:1.065;
  max-width:25ch;
  text-wrap:balance;
}
html[dir="ltr"] body.lang-en .hero .lede{max-width:38rem}

/* Inner-page headings should remain strong, but calmer than the previous EN scale. */
html[dir="ltr"] body.lang-en .phead h1,
html[dir="ltr"] body.lang-en .compliance-phead h1{
  font-size:clamp(2.05rem,3vw,2.85rem);
  line-height:1.09;
  max-width:24ch;
}

@media (min-width:941px) and (max-width:1280px){
  html[dir="ltr"] body.lang-en .hero h1{
    font-size:clamp(2.25rem,3.3vw,2.9rem);
    max-width:25ch;
  }
}

@media (max-width:940px){
  html[dir="ltr"] body.lang-en .hero h1{
    font-size:clamp(2rem,6.6vw,2.6rem);
    line-height:1.08;
    max-width:26ch;
  }
  html[dir="ltr"] body.lang-en .phead h1,
  html[dir="ltr"] body.lang-en .compliance-phead h1{
    font-size:clamp(1.95rem,6vw,2.45rem);
    max-width:none;
  }
}

@media (max-width:700px){
  html[dir="ltr"] body.lang-en h1{font-size:clamp(1.85rem,7.7vw,2.3rem)}
  html[dir="ltr"] body.lang-en h2{font-size:clamp(1.42rem,6vw,1.85rem)}
  html[dir="ltr"] body.lang-en .hero h1{
    font-size:clamp(1.9rem,8vw,2.35rem);
    max-width:none;
  }
  html[dir="ltr"] body.lang-en .lede{font-size:1rem;line-height:1.62}
}

/* QA-108 — Extend joins the existing client proof wall without special emphasis. */
.client-logo--extend img{height:58px;max-width:180px}
@media(max-width:620px){.client-logo--extend img{height:50px;max-width:170px}}