/* English keeps the same scene composition, with its own type rhythm. */
html[lang=en],html[lang=en] body{font-family:TalkallamLatin,TalkallamArabic,sans-serif}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] p,
html[lang=en] .landing__body,html[lang=en] .manifesto__body,html[lang=en] .site-loader__heading,
html[lang=en] .team__content,html[lang=en] .footer__copyright,html[lang=en] .nav__link,
html[lang=en] .footer__nav__link,html[lang=en] .team__name,html[lang=en] .js-name,
html[lang=en] .team__role,html[lang=en] .js-role,html[lang=en] .experience-faq{direction:ltr;text-align:left}
html[lang=en] h2,html[lang=en] h3{line-height:1.18!important}
html[lang=en] p{line-height:1.7!important}
html[lang=en] .landing__title{font-size:clamp(56px,6vw,88px)!important;line-height:1.12!important;letter-spacing:-.04em!important;margin-bottom:30px!important}
html[lang=en] .landing .d-flex{justify-content:flex-start}
html[lang=en] .landing__body p{font-size:17px!important}
html[lang=en] .site-loader__heading,html[lang=en] .story-label,html[lang=en] .story-english{text-align:center}
html[lang=en] .js-manifesto-p{font-size:clamp(22px,2.6vw,37px)!important;line-height:1.5!important}
html[lang=en] .team-card__content .js-role{text-align:left}
html[lang=en] .team-card__content h3{font-size:30px!important}
html[lang=en] .team__body p{font-size:15px!important}
html[lang=en] .footer__head>h2{line-height:1.18!important}
html[lang=en] .experience-language{font-family:TalkallamArabic,sans-serif;direction:rtl}
html[lang=en] .screen-viewer p{text-align:center}
html[lang=en] .example-explanation{border-right:0;border-left:2px solid #0d929a}
html[lang=en] .example-description{max-width:60ch}
@media(min-width:768px) and (max-height:800px){html[lang=en] .landing__title{font-size:clamp(54px,5.8vw,80px)!important;line-height:1.12!important}}
@media(max-width:1023px){html[lang=en] .team-card__content .js-role,html[lang=en] .team__body p{text-align:center}}
@media(max-width:767px){
  html[lang=en] .landing__title{font-size:clamp(46px,12.5vw,64px)!important;line-height:1.15!important;width:100%;margin-bottom:24px!important}
  html[lang=en] .landing__body p{font-size:16px!important;margin-inline-start:0}
  html[lang=en] .introduction__title,html[lang=en] .manifesto__title{font-size:36px!important}
  html[lang=en] .header__cta .btn{font-size:10px!important;padding-inline:12px}
  html[lang=en] .header__cta .btn__text{font-size:11px!important;white-space:nowrap}
  html[lang=en] .footer__head>h2{font-size:clamp(30px,8.3vw,40px)!important}
}
@media(max-width:360px){html[lang=en] .header__logo,html[lang=en] .header__logo .talkallam-lockup{width:100px!important;min-width:100px!important}}