/* Shared language control remains visible independently of the mobile menu. */
.cinema-nav{gap:18px}
.cinema-nav .brand-mark{flex-shrink:0}
.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:44px;padding:8px 12px;border:1px solid #ffffff60;border-radius:10px;background:#12223880;color:#fff;font:600 14px/1.3 Arial,sans-serif;white-space:nowrap;transition:background .2s,border-color .2s}
.language-switch svg{width:21px;height:21px;flex-shrink:0}
.language-switch:hover{background:#1cbbb630;border-color:#1cbbb6}
.language-switch:focus-visible{outline:3px solid #1cbbb6;outline-offset:4px}
.language-switch[lang=ar]{font-family:Manchette,Arial,sans-serif}
@media(max-width:1200px){.cinema-nav .brand-mark{margin-inline-end:auto}.cinema-nav .menu-toggle{order:3;flex-shrink:0}.cinema-nav .language-switch{order:2}}
@media(max-width:400px){.cinema-nav{gap:10px}.language-switch{padding-inline:9px}.cinema-nav .brand-mark{width:90px}}
/* English uses the same brand, photography and layouts with natural LTR type. */
html[lang=en] body{font-family:Arial,Helvetica,sans-serif;line-height:1.7}
html[lang=en] .cbg-text{font-family:Arial,Helvetica,sans-serif}
html[lang=en] h2{font-size:clamp(28px,3.4vw,52px);line-height:1.3}
html[lang=en] .cinema-nav nav{gap:12px;padding-inline:14px}
html[lang=en] .cinema-nav nav a{font-size:13px}
html[lang=en] .cinema-hero .impact-title>.hero-kicker{text-align:left;font-size:clamp(25px,3cqw,55px)}
html[lang=en] .cinema-hero .impact-title>strong{z-index:3;font-size:5.1cqw;text-align:left;gap:.2em;white-space:normal;flex-wrap:wrap;line-height:1.08}
html[lang=en] .cinema-hero .impact-title>strong span{display:block}
html[lang=en] .hero-kicker,html[lang=en] .impact-title>strong{text-shadow:0 3px 20px #04162799}
html[lang=en] .about-lead{font-size:clamp(21px,2vw,30px);max-width:840px}
html[lang=en] .about-cards{max-width:1200px}
html[lang=en] .about-cards p{font-size:16px;line-height:1.7}
html[lang=en] .about-cards article{min-height:280px}
html[lang=en] .why-grid article,html[lang=en] .sector-card,html[lang=en] .project-card,html[lang=en] .international-copy h3{text-align:left}
html[lang=en] .why-grid h3{font-size:22px;line-height:1.4}
html[lang=en] .why-grid p{font-size:16px;line-height:1.8}
html[lang=en] .ceo-heading .ceo-highlight{white-space:normal;font-size:clamp(24px,2.7vw,38px)}
html[lang=en] .ceo-copy>p:not(.ceo-highlight){font-size:17px;line-height:1.85}
html[lang=en] .section-top>p{font-size:20px}
html[lang=en] .project-number{left:auto;right:20px}
html[lang=en] .project-card summary{height:auto;min-height:390px}
html[lang=en] .project-card h3{height:auto;min-height:0;font-size:18px;line-height:1.5;display:block;overflow:visible;-webkit-line-clamp:unset}
html[lang=en] .project-full-title{font-size:18px;line-height:1.5}
html[lang=en] .project-description{font-size:16px}
html[lang=en] .service-copy h3{font-size:23px;line-height:1.4}
html[lang=en] .sector-card h3{font-size:24px;line-height:1.4}
html[lang=en] .sector-dialog-header h2{font-size:clamp(22px,2.5vw,32px)}
html[lang=en] .sector-track h3{font-size:21px;line-height:1.5}
html[lang=en] .sector-track li{font-size:17px;line-height:1.8}
html[lang=en] .coverage-video-section.map #map-title{text-align:left}
html[lang=en] .original-film-note{color:#555867;font-size:14px;text-align:center;line-height:1.6;margin:14px auto;max-width:640px}
html[lang=en] .place-label::before{margin-left:0;margin-right:9px}
html[lang=en] .manager-card h3{font-size:23px;line-height:1.5}
html[lang=en] .programs-group{direction:ltr}
html[lang=en] .vision-copy .large-copy{font-size:clamp(27px,3vw,44px)}
html[lang=en] .vision-pillars h3{font-size:21px;line-height:1.4}
html[lang=en] .vision-pillars p{font-size:15px}
html[lang=en] .deck-next svg,html[lang=en] .deck-prev svg{transform:scaleX(-1)}
@media(max-width:1450px){
 html[lang=en] .cinema-nav{justify-content:space-between}
 html[lang=en] .cinema-nav .brand-mark{margin-inline-end:auto}
 html[lang=en] .cinema-nav .menu-toggle{order:3;display:flex;flex-direction:column;justify-content:center;gap:7px;width:46px;height:46px;flex-shrink:0;background:#132e4566;border:1px solid #fff6;border-radius:10px;color:#fff}
 html[lang=en] .menu-toggle span{display:block;width:20px;height:1px;background:#fff;margin-inline:auto}
 html[lang=en] .cinema-nav .language-switch{order:2}
 html[lang=en] .cinema-nav nav{display:none;position:absolute;top:100%;right:5%;left:5%;background:#141c2ef7;border-radius:12px;padding:18px;grid-template-columns:1fr 1fr;gap:8px 15px;max-height:75vh;overflow:auto}
 html[lang=en] .cinema-nav nav.is-open{display:grid}
 html[lang=en] .cinema-nav nav a{padding:10px;font-size:16px;white-space:normal}
}
@media(max-width:650px){
 html[lang=en] h2,html[lang=en] .brand-section h2{font-size:29px}
 html[lang=en] .cinema-hero .impact-title>.hero-kicker{inset:14% 5% auto;width:90%;font-size:6.3cqw;text-align:center}
 html[lang=en] .cinema-hero .impact-title>strong{inset:22% 5% auto;width:90%;font-size:9cqw;justify-content:center;line-height:1.2}
 html[lang=en] .project-grid{grid-template-columns:1fr}
 html[lang=en] .project-card summary{min-height:320px;padding:24px}
 html[lang=en] .project-card h3{font-size:19px}
 html[lang=en] .project-logos{height:100px;min-height:100px}
 html[lang=en] .project-logos img{height:95px;max-height:95px}
 html[lang=en] .project-more{font-size:14px}
 html[lang=en] .about-cards{grid-template-columns:1fr}
 html[lang=en] .about-cards article{min-height:220px;padding:24px}
 html[lang=en] .service-copy h3{font-size:21px}
 html[lang=en] .vision-pillars{grid-template-columns:1fr}
 html[lang=en] .sector-dialog-header h2{font-size:21px}
 html[lang=en] .footer-top p{font-size:22px}
}