@font-face{font-family:"Noto Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/noto-sans-latin.woff2") format("woff2")}
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/noto-sans-arabic.woff2") format("woff2")}
:root{--ink:#1b1d1d;--ink-2:#242727;--paper:#f7f5f0;--white:#fff;--muted:#555b5b;--subtle:#efece5;--line:#d8d5cd;--gold:#80601f;--gold-light:#c9a45c;--gold-hover:#664b18;--max:1200px;--radius:8px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit}button,input,textarea{font:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;z-index:100;left:16px;top:10px;transform:translateY(-150%);background:var(--ink);color:white;padding:10px 14px}.skip-link:focus{transform:none}*:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,240,.94);border-bottom:1px solid rgba(27,29,29,.1);backdrop-filter:blur(12px)}.header-inner{height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;margin-inline-end:auto}.brand img{width:210px;height:auto;display:block}.desktop-nav{display:flex;gap:26px}.desktop-nav a,.footer a{text-decoration:none;color:var(--muted);font-size:.9rem;font-weight:700}.desktop-nav a:hover,.desktop-nav a.active{color:var(--gold)}.language-switch{min-height:38px;display:inline-flex;align-items:center;padding:5px 11px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:.82rem;font-weight:700;white-space:nowrap}.language-switch:hover{border-color:var(--gold);color:var(--gold)}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:4px;background:var(--gold);color:white;text-decoration:none;padding:10px 22px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}.button:hover{background:var(--gold-hover);transform:translateY(-2px)}.button-small{min-height:42px;padding:8px 16px;font-size:.85rem}.button-ghost{background:rgba(255,255,255,.72);border-color:rgba(27,29,29,.28);color:var(--ink)}.button-ghost:hover{background:white;color:var(--ink)}.menu-button,.mobile-menu{display:none}
.hero{position:relative;min-height:680px;display:grid;align-items:center;overflow:hidden;color:var(--ink)}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;object-position:70% center}.hero-shade{background:linear-gradient(90deg,rgba(247,245,240,.99) 0%,rgba(247,245,240,.94) 35%,rgba(247,245,240,.72) 55%,rgba(247,245,240,.16) 78%,transparent 100%)}.hero-grid{position:relative;padding-block:110px}.hero-copy{max-width:700px}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,7vw,5.8rem);line-height:.98;letter-spacing:-.05em;margin-bottom:22px;max-width:11ch}h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.06;letter-spacing:-.035em;margin-bottom:16px}h3{font-size:1.35rem}.hero-lead{font-size:clamp(1.15rem,2vw,1.5rem);color:var(--ink-2);margin-bottom:20px}.hero-copy>p:not(.eyebrow):not(.hero-lead){color:var(--muted);max-width:62ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-option-charcoal{color:white}.hero-option-charcoal .hero-shade{background:linear-gradient(90deg,rgba(27,29,29,.96) 0%,rgba(27,29,29,.83) 42%,rgba(27,29,29,.15) 78%)}.hero-option-charcoal .eyebrow{color:var(--gold-light)}.hero-option-charcoal .hero-lead{color:var(--paper)}.hero-option-charcoal .hero-copy>p:not(.eyebrow):not(.hero-lead){color:#d8dcda}.hero-option-charcoal .button-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55);color:white}.hero-style-control{position:absolute;inset-inline-end:0;bottom:28px;display:flex;align-items:center;gap:5px;padding:5px;background:rgba(247,245,240,.9);border:1px solid rgba(27,29,29,.12);border-radius:999px;backdrop-filter:blur(10px);color:var(--ink)}.hero-style-control span{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;padding-inline:8px}.hero-style-control button{border:0;border-radius:999px;background:transparent;color:var(--muted);padding:7px 11px;font-size:.75rem;cursor:pointer}.hero-style-control button[aria-pressed=true]{background:var(--ink);color:white}
.section{padding:clamp(76px,9vw,120px) 0;border-bottom:1px solid rgba(27,29,29,.09)}.section-white{background:var(--white)}.section-heading{max-width:720px;margin-bottom:58px}.section-heading .lead{font-size:1.24rem}.section-heading>p:not(.eyebrow),.prose{color:var(--muted)}.emphasis{font-weight:700;color:var(--ink)!important}.about-grid,.split,.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(42px,7vw,92px);align-items:start}.prose p{max-width:67ch}.statements{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.statements article{background:white;padding:24px;border:1px solid var(--line);border-radius:var(--radius)}.statements span,.questions span,.pillar span,.tech-stack span{display:block;color:var(--gold);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.statements p{font-size:.88rem;margin:8px 0 0}.questions{display:grid;gap:12px;list-style:none;margin:0;padding:0}.questions li{background:white;border:1px solid var(--line);border-left:3px solid var(--gold);padding:22px;transition:transform .18s,border-color .18s}.questions li:hover,.questions li:focus{transform:translateX(-6px);border-color:var(--gold)}.questions strong{display:block;font-size:1.05rem;line-height:1.35;margin-top:7px}
.evolution{list-style:none;margin:0;padding:26px 0 0;display:grid;grid-template-columns:repeat(7,1fr);position:relative}.evolution:before{content:"";position:absolute;left:4%;right:4%;top:45px;height:2px;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.evolution.is-visible:before{transform:scaleX(1)}.evolution li{position:relative;display:flex;align-items:center;text-align:center;flex-direction:column;padding:0 6px}.evolution b{z-index:1;width:40px;height:40px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:var(--white);color:var(--gold);font-size:.75rem;margin-bottom:14px;transition:background .2s,color .2s}.evolution li:hover b{background:var(--gold);color:white}.evolution strong{font-size:.83rem;line-height:1.2}.evolution span{font-size:.7rem;color:var(--muted);margin-top:6px}
.pillars-section{overflow:hidden}.pillars{max-width:980px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}.pillar-center{grid-column:1/-1;text-align:center;background:var(--white);border:1px solid var(--line);padding:24px;border-radius:var(--radius)}.pillar-center strong{display:block;font-size:1.55rem}.pillar{appearance:none;text-align:left;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:160px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.pillar:hover,.pillar[aria-expanded=true]{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 16px 34px rgba(27,29,29,.08)}.pillar strong{display:block;font-size:1.15rem;margin:5px 0 10px}.pillar small{display:block;color:var(--muted);line-height:1.55}
.pathway{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pathway li{border:1px solid var(--line);border-top:3px solid var(--gold);background:var(--paper);padding:22px;min-height:145px}.pathway b{font-size:.72rem;color:var(--gold)}.pathway strong,.pathway span{display:block}.pathway strong{font-size:1.03rem;margin:14px 0 5px}.pathway span{font-size:.8rem;color:var(--muted)}.pathway li:nth-child(n+4):nth-child(-n+6){background:var(--subtle)}.pathway li:last-child{background:var(--ink);color:white}.pathway li:last-child span{color:#c6cbc7}
.technology .split{align-items:center}.section-heading blockquote{margin:30px 0 0;padding:18px 20px;border-left:3px solid var(--gold);background:white;font-weight:700}.tech-stack{display:grid;gap:10px}.tech-stack article{background:white;border:1px solid var(--line);padding:24px;text-align:center;border-radius:var(--radius)}.tech-stack strong,.tech-stack small{display:block}.tech-stack small{color:var(--muted)}.tech-stack i{text-align:center;color:var(--gold);font-style:normal}.tech-stack .accent{border:2px solid var(--gold-light)}.tech-stack .accent div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.tech-stack .accent small{background:var(--paper);padding:6px}.tech-stack .dark{background:var(--ink);color:white}.tech-stack .dark small{color:#c6cbc7}
.projects-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:42px}.projects-head span{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.coming-soon{text-align:center;padding:clamp(55px,8vw,100px) 20px;border:1px solid var(--line);background-color:var(--paper);background-image:linear-gradient(rgba(27,29,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(27,29,29,.035) 1px,transparent 1px);background-size:40px 40px}.coming-soon strong{display:block;font-size:clamp(2.5rem,6vw,5rem);font-weight:400;letter-spacing:-.04em}.timeline{list-style:none;margin:0 auto;max-width:850px;padding-left:46px;position:relative}.timeline:before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:var(--line);transform:scaleY(0);transform-origin:top;transition:transform .8s var(--ease)}.timeline.is-visible:before{transform:scaleY(1)}.timeline li{position:relative;display:grid;grid-template-columns:90px 1fr;gap:20px;background:white;border:1px solid var(--line);padding:28px;margin-bottom:24px}.timeline li:before{content:"";position:absolute;left:-41px;top:34px;width:12px;height:12px;border-radius:50%;background:var(--gold);border:4px solid var(--paper)}.timeline b{font-size:1.45rem}.timeline strong{display:block;line-height:1.4}.timeline p{font-size:.9rem;color:var(--muted);margin:7px 0 0}
.contact-grid{grid-template-columns:.95fr 1.05fr}.contact-intro{max-width:none;margin-bottom:0}.contact-directory{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.contact-card{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-inline-start:3px solid var(--gold);padding:18px;border-radius:var(--radius);min-width:0}.contact-card svg{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:var(--ink-2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-card div{display:grid;gap:4px;min-width:0}.contact-card span{color:var(--gold);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.contact-card a{color:var(--ink-2);text-decoration-color:rgba(201,164,92,.6);text-underline-offset:4px;overflow-wrap:anywhere}.contact-card address{color:var(--muted);font-size:.86rem;font-style:normal;line-height:1.65}.contact-address{grid-column:1/-1}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.button-outline{background:transparent;color:var(--ink);border-color:var(--ink)}.button-outline:hover{background:var(--ink);color:white}.map-link{display:inline-flex;gap:6px;align-items:center;padding:10px;color:var(--ink);font-size:.85rem;font-weight:700;text-underline-offset:4px}.contact-form{background:var(--paper);border:1px solid var(--line);padding:clamp(24px,4vw,42px);border-radius:var(--radius)}.contact-form label{display:grid;gap:7px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:16px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #7a7f7c;border-radius:4px;background:white;color:var(--ink);padding:12px;text-transform:none;letter-spacing:0;min-height:48px}.contact-form textarea{resize:vertical}.form-note{font-size:.76rem;color:var(--muted);margin:12px 0 0}.form-status{padding:14px;background:white;border-left:4px solid var(--gold);margin-bottom:18px}.form-status.error{border-color:#a62929;color:#7a1e1e}
.footer{background:var(--ink);color:white;padding:45px 0}.footer .shell{display:grid;grid-template-columns:1fr auto;gap:26px}.footer strong,.footer span{display:block}.footer span{color:var(--gold-light);font-size:.8rem}.footer nav{display:flex;gap:20px}.footer a{color:#c6cbc7}.footer p{grid-column:1/-1;border-top:1px solid #454a47;padding-top:22px;margin:0;color:#aab0ab;font-size:.75rem}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .42s var(--ease),transform .42s var(--ease)}.reveal.from-left,.reveal.from-start{transform:translateX(-24px)}.reveal.from-right,.reveal.from-end{transform:translateX(24px)}.reveal.is-visible{opacity:1;transform:none}.diagram>*{transition-delay:calc(var(--i,0)*60ms)}
[dir=rtl] body{font-family:"Noto Sans Arabic","Noto Sans",Arial,sans-serif;line-height:1.75}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.3}[dir=rtl] h1{font-size:clamp(3rem,6vw,5.35rem);max-width:9ch}[dir=rtl] .eyebrow{letter-spacing:.08em}[dir=rtl] .hero-image{object-position:30% center}[dir=rtl] .hero-shade{background:linear-gradient(270deg,rgba(247,245,240,.99) 0%,rgba(247,245,240,.94) 35%,rgba(247,245,240,.72) 55%,rgba(247,245,240,.16) 78%,transparent 100%)}[dir=rtl] .hero-option-charcoal .hero-shade{background:linear-gradient(270deg,rgba(27,29,29,.96) 0%,rgba(27,29,29,.83) 42%,rgba(27,29,29,.15) 78%)}[dir=rtl] .questions li{border-left:1px solid var(--line);border-right:3px solid var(--gold)}[dir=rtl] .questions li:hover,[dir=rtl] .questions li:focus{transform:translateX(6px)}[dir=rtl] .evolution:before{transform-origin:right}[dir=rtl] .reveal.from-start{transform:translateX(24px)}[dir=rtl] .reveal.from-end{transform:translateX(-24px)}[dir=rtl] .reveal.is-visible{transform:none}[dir=rtl] .contact-form input[dir=ltr]{text-align:left}[dir=rtl] .footer nav{direction:rtl}[dir=rtl] .contact-card span{letter-spacing:.04em}
@media(max-width:900px){.desktop-nav,.desktop-cta{display:none}.header-inner>.language-switch{margin-inline-start:auto}.brand{margin-inline-end:0}.menu-button{display:grid;gap:5px;border:0;background:transparent;padding:12px;cursor:pointer}.menu-button span:not(.sr-only){display:block;width:24px;height:2px;background:var(--ink)}.mobile-menu{position:fixed;inset:78px 0 auto;display:grid;background:var(--paper);border-bottom:1px solid var(--line);padding:20px}.mobile-menu[hidden]{display:none}.mobile-menu a{padding:13px 20px;text-decoration:none;font-weight:700}.mobile-menu .language-switch{display:none}.hero{min-height:620px}.hero-shade{background:linear-gradient(90deg,rgba(247,245,240,.99),rgba(247,245,240,.68))}.hero-option-charcoal .hero-shade{background:linear-gradient(90deg,rgba(27,29,29,.96),rgba(27,29,29,.64))}[dir=rtl] .hero-shade{background:linear-gradient(270deg,rgba(247,245,240,.99),rgba(247,245,240,.68))}[dir=rtl] .hero-option-charcoal .hero-shade{background:linear-gradient(270deg,rgba(27,29,29,.96),rgba(27,29,29,.64))}.about-grid,.split,.contact-grid{grid-template-columns:1fr}.evolution{grid-template-columns:1fr;gap:20px;padding-inline-start:52px}.evolution:before{inset-inline-start:19px;inset-inline-end:auto;top:20px;bottom:20px;width:2px;height:auto;transform:scaleY(0);transform-origin:top}.evolution.is-visible:before{transform:scaleY(1)}.evolution li{align-items:flex-start;text-align:start;min-height:58px}.evolution b{position:absolute;inset-inline-start:-52px;top:0}.pathway{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.shell{width:min(calc(100% - 28px),var(--max))}.header-inner{gap:10px}.brand img{width:160px}.language-switch{font-size:.75rem;padding:4px 9px}.hero{min-height:700px}.hero-grid{padding-block:82px 118px}h1{font-size:clamp(2.8rem,15vw,4rem)}[dir=rtl] h1{font-size:clamp(2.7rem,14vw,3.8rem)}.actions{display:grid}.hero-style-control{inset-inline:0 auto;bottom:24px}.statements,.pillars,.pathway,.field-row,.contact-directory{grid-template-columns:1fr}.contact-address{grid-column:auto}.contact-actions{align-items:stretch}.contact-actions .button{flex:1}.map-link{width:100%;justify-content:center}.pillar-center{grid-column:auto}.timeline{padding-inline-start:32px}.timeline li{grid-template-columns:1fr;padding:22px}.timeline li:before{inset-inline-start:-31px}.timeline:before{inset-inline-start:6px}.footer .shell{grid-template-columns:1fr}.footer nav{flex-wrap:wrap}.footer p{grid-column:auto}.section{padding:70px 0}.section-heading{margin-bottom:42px}.contact-intro{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.evolution:before,.timeline:before{transform:none!important}}