*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#080a09;color:#f6f3ea;font:400 16px 'IBM Plex Sans Arabic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.latin{font-family:'Space Grotesk',sans-serif;direction:ltr}.small{font-size:10px;color:#8b9a83}header{height:90px;width:90%;margin:auto;display:flex;align-items:center;gap:35px;position:relative;border-bottom:1px solid #30382e;z-index:8}.brand{order:1;display:flex}.brand img{width:134px;height:auto}nav{display:flex;gap:25px;font-size:11px;order:2;margin-inline-start:40px;color:#b7c0b0}.header-note{order:3;margin-inline-start:auto;font-size:8px;letter-spacing:1px;color:#7d8d71}.back{order:4;font-size:10px;border:1px solid #34432d;padding:7px 11px;margin-inline-start:12px}.common-about,.common-fields,.common-media{width:90%;margin:auto;padding:65px 0;border-top:1px solid #303a2b}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;gap:35px}.section-label>.latin{font-size:9px;letter-spacing:1px;color:#829575}h2{font-size:29px;font-weight:500;margin:0}.common-about>p{font-size:22px;line-height:1.9;max-width:750px;color:#b6c3ab;margin:0 0 0 auto}.common-field-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #47543d}.common-field-grid article{position:relative;padding:24px;border-inline-start:1px solid #303a2b;min-height:210px}.common-field-grid article:first-child{padding-inline-start:0;border:0}.common-field-grid h3{font-size:30px;font-weight:400;letter-spacing:-1px;margin:35px 0 15px}.common-field-grid p{font-size:12px;color:#a0b18f}.field-arrow{position:absolute;inset-inline-end:20px;top:20px;font-size:20px;color:#759269}.programs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.programs>div{border:1px solid #35452b;min-height:180px;background:#10180d;padding:25px;display:flex;flex-direction:column}.programs h3{font-size:25px;line-height:1.3;font-weight:400;margin:auto 0 20px}.programs>div>span:last-child{font-size:10px;color:#9bb285}footer{width:90%;margin:auto;border-top:1px solid #303a2b;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}footer img{width:145px;height:auto}footer>.latin{font-size:13px}footer>span:last-child{font-size:9px;color:#8a9c7c}
/* 01: oversized Arabic typography and a graphic identity surface. */
.direction-1{background:#080a09}.hero-a{width:90%;margin:auto;padding-top:28px}.a-kicker{display:flex;justify-content:space-between;font-size:10px;color:#a1b395}.a-kicker>.latin{font-size:9px;letter-spacing:1px}.a-main{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:30px 0 35px}.a-main h1{font-size:clamp(110px,16vw,235px);font-weight:500;line-height:.95;letter-spacing:-8px;margin:0;position:relative}.a-main h1>span{color:#3dbe84;position:absolute;bottom:5px;inset-inline-end:18%}.a-art{height:360px;border:1px solid #34432b;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#121b0f;transform:perspective(800px) rotateY(var(--tilt,0deg));transition:transform .3s}.a-art>svg{height:110%;width:100%;fill:#c9dfbb;position:relative;z-index:1;transform:translateX(var(--shift,0px));transition:transform .4s}.a-art-grid{position:absolute;inset:0;background-image:linear-gradient(#71925a1f 1px,transparent 1px),linear-gradient(90deg,#71925a1f 1px,transparent 1px);background-size:35px 35px}.a-plus{position:absolute;z-index:3;font:24px 'Space Grotesk';color:#85ab6d}.plus-one{top:12px;left:15px}.plus-two{right:15px;bottom:12px}.a-coord{position:absolute;top:17px;right:20px;z-index:3;color:#9db88b;font-size:8px;letter-spacing:1px}.a-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;border-top:1px solid #303d28;padding:24px 0 28px}.a-bottom>p{font-size:14px;line-height:1.9;max-width:380px;color:#aebca4;margin:0}.a-cta{background:#3dbe84;color:#09200e;padding:15px 22px;font-size:12px;display:flex;gap:30px;align-items:center}.a-cta>span:last-child{font:25px 'Space Grotesk'}.a-tag{font-size:25px;line-height:1.1;text-align:left;letter-spacing:-.7px}.a-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3d4b34;padding:22px 0;color:#b6c9a7}.a-line>.latin{font-size:22px;letter-spacing:-.5px}.a-line>span:not(.latin){font-size:19px;color:#647f51}
/* 02: editorial profile, precise structure, and paper against black. */
.direction-2{background:#0b0e0c}.hero-b{width:90%;margin:auto;padding:30px 0 55px}.b-index{display:flex;justify-content:space-between;color:#92a087;font-size:9px}.b-index>.latin{letter-spacing:1px}.b-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:9%;padding:28px 0 34px}.b-heading h1{font-size:clamp(65px,8.7vw,130px);line-height:1.2;font-weight:400;letter-spacing:-3px;margin:0}.b-heading h1>span{color:#3dbe84}.b-heading>p{font-size:14px;color:#a9b7a0;line-height:1.95;margin:0 0 10px;max-width:330px}.b-composition{display:grid;grid-template-columns:1.25fr 1fr;gap:0;border:1px solid #536047;direction:ltr}.b-paper{background:#e4dcc8;color:#0b0f0d;padding:23px 28px;direction:rtl;position:relative;overflow:hidden}.b-paper-top{display:flex;align-items:center;justify-content:space-between;direction:ltr;gap:20px}.b-paper-top img{width:102px;height:auto}.b-paper-top>.latin{font-size:7px;letter-spacing:.4px}.b-paper-main{position:relative;height:265px;display:flex;justify-content:space-between;align-items:center;direction:ltr}.b-number{font-size:235px;line-height:1;letter-spacing:-25px;font-weight:500;color:#0b0f0d}.b-paper-y{width:40%;height:90%;border-inline-start:1px solid #0b0f0d40;padding-inline-start:20px}.b-paper-y svg{width:100%;height:100%;fill:#0f6b47}.b-paper-bottom{border-top:1px solid #0b0f0d55;padding-top:17px;display:flex;justify-content:space-between;gap:20px;align-items:center}.b-paper-bottom>.latin{font-size:13px;letter-spacing:-.3px}.b-paper-bottom>a{font-size:10px;border-bottom:1px solid;padding-bottom:4px}.b-fields{display:flex;flex-direction:column;direction:rtl}.b-fields>a{padding:20px 27px;display:grid;grid-template-columns:25px 1fr 20px;gap:18px;align-items:center;border-bottom:1px solid #36422e;flex:1;transition:background .2s}.b-fields>a:last-child{border:0}.b-fields>a:hover{background:#1a2713}.b-fields strong{font-size:30px;font-weight:400;letter-spacing:-1px;display:block;line-height:1.1}.b-fields>a>div>span{font-size:10px;color:#97aa88;margin-top:9px;display:block}.b-arrow{color:#abc795;font-size:22px}.direction-2 .common-about{background:#10160d;width:100%;padding-inline:5%}.direction-2 .common-field-grid article:nth-child(2){background:#e4dcc8;color:#0b0f0d}.direction-2 .common-field-grid article:nth-child(2) p{color:#526147}.direction-2 .programs>div:nth-child(2n){background:#1b2315}
/* 03: one immersive identity sculpture, with company content on the edge. */
.hero-c{height:710px;position:relative;overflow:hidden;isolation:isolate;padding:25px 5% 0}.c-topline{display:flex;justify-content:space-between;position:relative;z-index:5;color:#8b9e7e;font-size:9px}.c-topline>.latin{font-size:8px;letter-spacing:1px}.c-copy{position:absolute;inset-inline-start:5%;top:120px;z-index:4;pointer-events:none;width:41%}.c-copy h1{font-size:clamp(65px,8vw,120px);line-height:1.2;letter-spacing:-3px;font-weight:400;margin:0 0 25px}.c-copy h1>span{color:#3dbe84}.c-copy p{font-size:15px;line-height:1.95;color:#a7b79a;max-width:330px;margin:0}.c-copy>a{font-size:12px;display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #617a50;padding-bottom:8px;margin-top:30px;pointer-events:auto}.c-copy>a>span{font:24px 'Space Grotesk'}.company-art{position:absolute;left:-4%;top:40px;width:64%;height:600px;z-index:2}.art-body{position:relative;width:100%;height:100%}#brand-sculpture{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}.art-center{position:absolute;inset:10%;display:flex;align-items:center;justify-content:center}.art-fallback{width:50%;height:auto}.art-ready .art-fallback{display:none}.geometry-source{position:absolute;visibility:hidden}#art-interact{position:absolute;left:14%;bottom:16%;background:none;border:1px solid #47603a;color:#c3d5b8;font:24px 'Space Grotesk';width:42px;height:40px;z-index:5;cursor:pointer}.c-tag{position:absolute;left:5%;bottom:150px;font-size:27px;line-height:1.1;letter-spacing:-.8px;z-index:4;pointer-events:none}.c-fields{position:absolute;bottom:25px;left:5%;right:5%;border-top:1px solid #37462e;display:grid;grid-template-columns:repeat(4,1fr);z-index:5}.c-fields>a{display:flex;flex-direction:column;gap:13px;padding:23px 20px 0;border-inline-start:1px solid #293a21;transition:background .2s}.c-fields>a:first-child{border:0;padding-inline-start:0}.c-fields>a>.latin{font-size:18px;letter-spacing:-.5px}.c-fields>a>span:last-child{font-size:10px;color:#829b70}.c-fields>a:hover{background:#15210f}.direction-3 .common-field-grid article:hover{background:#12200d}
a:focus-visible{outline:2px solid #3dbe84;outline-offset:5px}
@media(max-width:700px){header{height:78px;gap:18px}.brand img{width:108px}nav{margin:0;gap:16px;font-size:9px}.header-note{display:none}.back{font-size:9px;padding:6px 8px;margin:0;margin-inline-start:auto}.common-about,.common-fields,.common-media{padding:40px 0}.section-label{gap:20px}.section-label>.latin{font-size:8px}h2{font-size:22px}.common-about>p{font-size:16px}.common-field-grid{grid-template-columns:1fr 1fr}.common-field-grid article{padding:20px 14px;min-height:170px}.common-field-grid article:nth-child(odd){border:0;padding-inline-start:0}.common-field-grid h3{font-size:26px;margin-top:28px}.programs{grid-template-columns:1fr 1fr;gap:12px}.programs>div{padding:18px;min-height:170px}.programs h3{font-size:20px}.programs>div>span:last-child{font-size:9px}footer{flex-wrap:wrap}footer img{width:120px}footer>.latin{font-size:11px}footer>span:last-child{width:100%}.a-kicker{font-size:8px}.a-kicker>.latin{font-size:7px}.a-main{padding:30px 0;gap:8%}.a-main h1{font-size:100px;line-height:1.1;letter-spacing:-4px}.a-main h1>span{inset-inline-end:0}.a-art{height:230px}.a-plus{font-size:18px}.a-coord{font-size:6px;right:8px;top:12px}.plus-one{left:8px;top:8px}.plus-two{right:8px;bottom:8px}.a-art-grid{background-size:25px 25px}.a-bottom{grid-template-columns:1fr auto;gap:22px;padding:25px 0}.a-bottom>p{font-size:12px;line-height:1.95;grid-column:1/-1;max-width:320px}.a-cta{font-size:11px;padding:12px 16px;gap:23px}.a-tag{font-size:19px}.a-line{padding:20px 0;gap:8px}.a-line>.latin{font-size:14px}.a-line>span:not(.latin){font-size:12px}.hero-b{padding-top:25px}.b-heading{display:block;padding:25px 0 30px}.b-heading h1{font-size:67px;letter-spacing:-2px}.b-heading>p{font-size:13px;margin:20px 0 0}.b-composition{grid-template-columns:1fr}.b-paper{padding:20px}.b-paper-main{height:220px}.b-number{font-size:205px}.b-paper-y{width:39%}.b-paper-bottom>.latin{font-size:11px}.b-paper-top>.latin{font-size:6px}.b-fields>a{padding:19px 20px;grid-template-columns:25px 1fr 20px}.b-fields strong{font-size:28px}.b-fields>a>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.b-fields>a>div>span{font-size:9px;margin:0}.hero-c{height:850px}.c-topline{font-size:8px}.c-topline>.latin{font-size:6px}.c-copy{inset-inline-start:5%;top:75px;width:90%;pointer-events:none}.c-copy h1{font-size:66px;letter-spacing:-2px;margin-bottom:18px}.c-copy p{font-size:13px;max-width:290px}.c-copy>a{font-size:11px;margin-top:20px}.company-art{left:0;top:245px;width:100%;height:460px}.c-tag{bottom:190px;font-size:21px;left:5%}#art-interact{left:auto;right:7%;bottom:10%;width:35px;height:34px;font-size:20px}.c-fields{grid-template-columns:1fr 1fr;bottom:22px;row-gap:20px}.c-fields>a{padding:17px 15px 0;gap:9px}.c-fields>a:nth-child(odd){padding-inline-start:0;border:0}.c-fields>a>.latin{font-size:16px}.c-fields>a>span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
#art-interact{left:auto;right:10%;bottom:11%}
@media(max-width:700px){.a-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.a-main>*{min-width:0}.a-main h1{font-size:clamp(76px,23vw,100px)}.b-number{font-size:170px;letter-spacing:-18px}.b-paper-y{min-width:0}#art-interact{right:7%;bottom:10%}}
@media(max-width:500px){header nav a:first-child{display:none}header nav{gap:15px}}
.media-general{font-size:20px;line-height:1.9;color:#b6c3ab;max-width:750px;margin:0 0 0 auto}@media(max-width:700px){.media-general{font-size:16px}}