/* Second Eye Website v1.19.2 — QA-109..111 English mobile typography + mobile menu CTA cleanup */

/* Keep all v1.19.1 desktop/tablet corrections. */
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}
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}
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}
}

/* QA-109/111 — English mobile is intentionally calmer than desktop. */
@media (max-width:700px){
  html[dir="ltr"] body.lang-en h1{font-size:clamp(1.72rem,7vw,2.08rem);line-height:1.08}
  html[dir="ltr"] body.lang-en h2{font-size:clamp(1.34rem,5.4vw,1.7rem);line-height:1.16}
  html[dir="ltr"] body.lang-en .hero-in{padding-block:34px 46px}
  html[dir="ltr"] body.lang-en .hero h1{
    font-size:clamp(2rem,8.15vw,2.28rem);
    line-height:1.015;
    letter-spacing:-.035em;
    max-width:15.8ch;
    text-wrap:balance;
    margin-bottom:18px;
  }
  html[dir="ltr"] body.lang-en .hero .lede{font-size:.96rem;line-height:1.56;max-width:35ch}
  html[dir="ltr"] body.lang-en .phead h1,
  html[dir="ltr"] body.lang-en .compliance-phead h1{font-size:clamp(1.7rem,7vw,2.08rem);line-height:1.06;max-width:19ch}

  /* Header CTA: visible, but compact and subordinate to the brand/menu. */
  html[dir="ltr"] body.lang-en .hdr-in>.btn{
    min-height:42px;
    padding-inline:12px;
    font-size:.72rem;
    line-height:1.15;
    letter-spacing:-.01em;
    max-width:132px;
  }

  /* English drawer navigation must use mobile scale, not the desktop display scale. */
  html[dir="ltr"] body.lang-en .mnav .wrap{padding-top:10px;padding-bottom:26px}
  html[dir="ltr"] body.lang-en .mnav a:not(.btn){
    min-height:48px!important;
    padding:11px 6px!important;
    font-size:.91rem!important;
    line-height:1.2!important;
    font-weight:600!important;
    letter-spacing:-.01em;
  }
  html[dir="ltr"] body.lang-en .mnav a:not(.btn)::after{font-size:.69rem}
  html[dir="ltr"] body.lang-en .mnav-lang-slot{padding:16px 0 6px!important}
  html[dir="ltr"] body.lang-en .mnav-lang-slot .se-lang-toggle{min-width:128px!important;font-size:.72rem!important;padding:.44rem .7rem!important}
}

@media (max-width:390px){
  html[dir="ltr"] body.lang-en .hero h1{font-size:1.96rem;max-width:15.3ch}
  html[dir="ltr"] body.lang-en .hdr-in>.btn{font-size:.68rem;padding-inline:10px;max-width:122px}
  html[dir="ltr"] body.lang-en .mnav a:not(.btn){font-size:.875rem!important;min-height:46px!important;padding:10px 5px!important}
}

.client-logo--extend img{height:58px;max-width:180px}
@media(max-width:620px){.client-logo--extend img{height:50px;max-width:170px}}
