:root{--green:#234f42;--deep:#0b1715;--gold:#c9a878;--cream:#f4f2ec;--ink:#17221e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans SC','Noto Sans Arabic',sans-serif;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1280px,88%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(250,250,248,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e5e8e4}.nav-inner{height:72px;max-width:1440px;width:88%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center}.brand img{width:130px;height:auto}.nav nav{display:flex;gap:38px;font-size:13px;font-weight:600}.nav nav a:hover{color:#799586}.language{display:flex;gap:4px;direction:ltr}.language button{border:0;background:none;color:#77847e;padding:7px;cursor:pointer;font-size:12px;font-weight:700}.language button.active{color:var(--green);border-bottom:2px solid var(--green)}.hero{height:min(790px,calc(100vh - 72px));min-height:620px;background:linear-gradient(90deg,rgba(4,19,15,.70),rgba(4,19,15,.20)),linear-gradient(0deg,rgba(4,17,14,.45),transparent 45%),url('https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=2200&q=85') center 47%/cover;position:relative;color:#fff}.hero-inner{width:min(1280px,88%);margin:auto;padding-top:clamp(125px,19vh,230px)}.eyebrow,.overline{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#688176}.eyebrow.light{color:#d5c3a9}.hero h1{font-size:clamp(52px,7.4vw,104px);line-height:1.07;letter-spacing:-.055em;max-width:900px;margin:30px 0 24px;font-weight:600}.hero p{font-size:clamp(17px,1.6vw,21px);line-height:1.7;max-width:590px;color:#e3eae5}.hero-link{display:inline-flex;gap:20px;align-items:center;margin-top:32px;font-weight:600;font-size:14px;border-bottom:1px solid #d9e1db;padding-bottom:10px}.hero-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.16em;color:#d9e1db}.section{padding:125px 0}.section-label{display:flex;gap:24px;align-items:center;font-size:11px;letter-spacing:.14em;color:#819087;font-weight:700;text-transform:uppercase}.line{height:1px;background:#dfe5e0;flex:1}.mission-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;margin-top:85px}.mission h2,.what h2,.team h2,.closing h2{font-size:clamp(42px,5vw,72px);line-height:1.18;letter-spacing:-.045em;margin:20px 0 0}.mission-copy{font-size:19px;line-height:1.9;color:#55645c;padding-top:28px}.mission-copy p{margin:0 0 22px}.regions{margin-top:100px;padding-top:28px;border-top:1px solid #dfe5e0;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:clamp(13px,1.8vw,20px);font-weight:600}.regions i{font-style:normal;color:var(--gold);font-size:20px}.what{background:var(--cream)}.what-head{text-align:center;max-width:760px;margin:90px auto 75px}.what-head>p:last-child{font-size:18px;line-height:1.8;color:#66736b}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.pillars article{background:white;padding:35px 35px 43px;min-height:305px}.pillar-num{font-size:11px;letter-spacing:.12em;color:#9eaba3}.symbol{font-size:42px;color:var(--green);margin:30px 0 20px;line-height:1}.pillars h3{font-size:22px;margin:0 0 13px}.pillars p{color:#6f7b73;line-height:1.8;font-size:15px;margin:0}.statement{min-height:560px;background:linear-gradient(90deg,rgba(9,31,24,.87),rgba(9,31,24,.42)),url('alaa-on-set.jpg') center/cover;color:white;display:flex;align-items:center}.statement-inner{width:min(1280px,88%);margin:auto}.statement .overline{color:#d5c3a9}.statement h2{max-width:950px;font-size:clamp(42px,5.6vw,78px);line-height:1.2;letter-spacing:-.04em;font-weight:500;margin:26px 0}.statement-mark{font-size:38px;color:var(--gold)}.team-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:85px 0 55px}.team-intro>p{max-width:350px;color:#6c7870;line-height:1.8;font-size:16px}.director{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#f3f4ef}.portrait{position:relative;background:radial-gradient(circle at 48% 40%,#426b5c,#173a31 65%,#0e2922);min-height:600px;display:grid;place-items:center;color:#fff}.portrait-ring{border:1px solid #a1b9aa88;border-radius:50%;width:min(65%,330px);aspect-ratio:1;display:grid;place-items:center}.portrait-ring span{font-family:Georgia,serif;font-size:200px;font-weight:400;color:#d6c0a0;opacity:.8}.portrait-caption,.portrait-index{position:absolute;bottom:28px;font-size:10px;letter-spacing:.12em;color:#d0ddd4}.portrait-caption{inset-inline-start:30px}.portrait-index{inset-inline-end:30px}.director-info{padding:clamp(36px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.role{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#82968a;font-weight:700}.director h3{font-size:clamp(40px,4.6vw,66px);line-height:1.07;letter-spacing:-.06em;margin:22px 0 5px;direction:ltr;text-align:start}.director h3 span{color:var(--gold)}.name-cn{font-size:14px;color:#77867d}.bio{font-size:16px;line-height:1.85;color:#647269;max-width:500px}.film{border-top:1px solid #d9e0da;margin-top:20px;padding-top:23px;display:grid;gap:7px}.film span{font-size:10px;letter-spacing:.12em;color:#8e9d92;text-transform:uppercase}.film strong{font-size:20px}.film small{color:#6f7c72;font-size:13px;line-height:1.6}.film a,.profile-links a{color:var(--green);font-size:13px;font-weight:700}.film a{margin-top:6px}.profile-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px}.future-team{display:flex;align-items:center;gap:22px;padding:35px 0;border-bottom:1px solid #e0e6e0}.future-icon{height:52px;width:52px;border-radius:50%;border:1px solid #cbd7cf;display:grid;place-items:center;font-size:25px;color:#789183}.future-team h3{margin:0 0 5px;font-size:17px}.future-team p{margin:0;color:#89968d;font-size:13px}.future-tag{margin-inline-start:auto;color:#99a79d;font-size:10px;letter-spacing:.12em}.closing{background:var(--green);color:white;text-align:center;padding:140px 0}.closing .overline{color:#d7c19e}.closing h2{max-width:800px;margin:25px auto}.closing p{color:#d4e0d8;font-size:17px;line-height:1.8}.closing a{display:inline-block;border:1px solid #b8ccc1;border-radius:100px;padding:14px 26px;margin-top:22px;font-size:14px;font-weight:600}footer{padding:55px 0;background:#f6f6f2}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-inner img{width:130px}.footer-inner p{font-size:13px;color:#89958d}.footer-meta{display:flex;flex-direction:column;justify-content:space-between;text-align:end;font-size:10px;letter-spacing:.12em;color:#9aa69d}html[dir=rtl] body{font-family:'Noto Sans Arabic','DM Sans',sans-serif}html[dir=rtl] .hero h1,html[dir=rtl] h2,html[dir=rtl] .director h3{letter-spacing:0}html[dir=rtl] .director h3{text-align:right}html[dir=rtl] .hero{background-position:center}html[dir=rtl] .hero-inner{text-align:right}html[dir=rtl] .hero p{margin-inline-end:auto}html[dir=rtl] .eyebrow,html[dir=rtl] .overline,html[dir=rtl] .role{letter-spacing:0}@media(max-width:760px){.nav-inner{height:62px;width:92%}.brand img{width:96px}.nav nav{gap:14px;font-size:11px}.language{gap:0}.language button{padding:5px;font-size:11px}.hero{min-height:600px;height:78vh}.hero-inner{padding-top:125px}.hero h1{font-size:50px}.hero-bottom{font-size:8px}.section{padding:85px 0}.mission-grid{grid-template-columns:1fr;gap:15px;margin-top:60px}.mission-copy{font-size:16px}.regions{margin-top:45px}.what-head{margin:60px auto 45px}.pillars{grid-template-columns:1fr}.pillars article{min-height:230px}.symbol{margin:20px 0}.statement{min-height:440px}.team-intro{margin:60px 0 35px;display:block}.director{grid-template-columns:1fr}.portrait{min-height:420px}.portrait-ring span{font-size:160px}.director-info{padding:45px 28px}.future-tag{display:none}.closing{padding:95px 0}.footer-inner{display:block}.footer-meta{margin-top:30px;gap:12px;text-align:start}}@media(max-width:400px){.nav nav{gap:8px}.nav nav a{font-size:10px}.brand img{width:78px}.hero h1{font-size:42px}}

.portrait{overflow:hidden}.portrait-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 37%}.portrait:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}.portrait-caption,.portrait-index{z-index:1}