:root{--navy: #121937;--ink: #0a0e1a;--charcoal: #33373f;--slate: #55595c;--paper: #ffffff;--paper-warm: #fbf9f7;--line: rgba(0,0,0,.08);--line-light: rgba(255,255,255,.14);--gold: #c79a3a;--maxw: 1200px;--pad: clamp(1.25rem, 4vw, 3rem);--font: "Noto Kufi Arabic", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--charcoal);background:var(--paper);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}h1,h2,h3{line-height:1.18;font-weight:700;letter-spacing:-.01em}.nav{position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:1.4rem var(--pad)}.nav__logo img{height:64px;width:auto}.nav__links{display:flex;gap:clamp(.5rem,1.6vw,1.4rem);align-items:center}.nav__item,.nav__parent{display:inline-flex;align-items:center;gap:.35rem;color:#fff;font-size:16px;font-weight:700;line-height:1;padding:8px 12px;opacity:.96;transition:opacity .2s ease;white-space:nowrap;cursor:pointer}.nav__item:hover,.nav__parent:hover,.nav__item[aria-current=page],.nav__item--has-children.is-active .nav__parent{opacity:1}.nav__caret{transition:transform .2s ease;opacity:.85}.nav__item--has-children{position:relative}.nav__submenu{position:absolute;top:100%;inset-inline-start:0;min-width:220px;background:var(--navy);border-radius:8px;overflow:hidden;box-shadow:0 20px 44px -18px #0009;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:40}.nav__submenu a{display:block;color:#fff;font-size:.92rem;font-weight:500;padding:.8rem 1.2rem;opacity:.9}.nav__submenu a:hover{background:#ffffff14;opacity:1}.nav__item--has-children:hover .nav__submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav__item--has-children:hover .nav__caret{transform:rotate(180deg)}.nav__lang{color:#fff;font-size:14px;font-weight:700;letter-spacing:.03em;padding:6px 14px;margin-inline-start:.4rem;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;transition:background .2s ease,border-color .2s ease}.nav__lang:hover{background:#fff;color:var(--navy);border-color:#fff}.nav__toggle{display:none;background:none;border:0;color:#fff;cursor:pointer}.nav--solid{background:var(--navy);position:sticky;top:0}.hero{position:relative;min-height:100vh;display:grid;align-items:end;color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--hero-img);background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#080c1a73,#080c1a0d 35%,#080c1a8c)}.hero__inner{padding-block:clamp(5rem,12vh,8rem) clamp(3rem,7vh,5rem)}.hero__eyebrow{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;opacity:.85;margin-bottom:1rem}.hero h1{font-size:clamp(1.9rem,4vw,3.1rem);max-width:18ch}.hero p.lead{margin-top:1.1rem;max-width:52ch;opacity:.92;font-size:clamp(1rem,1.4vw,1.15rem)}.hero--page{min-height:56vh}.value{position:relative;color:#fff;overflow:hidden;background-image:var(--farmland);background-size:cover;background-position:center}.value:before{content:"";position:absolute;inset:0;background:#0a0e1ab8}.value__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;min-height:70vh;padding-block:clamp(3rem,8vh,6rem)}.value__media{position:relative}.value__media img{width:100%;height:100%;max-height:70vh;object-fit:cover}.value__copy h2{font-size:clamp(1.6rem,3vw,2.5rem);margin-bottom:1.4rem}.value__copy p{opacity:.9;margin-bottom:1.1rem;max-width:56ch}.facts{background:#050a0c;color:#fff;padding-block:clamp(3.5rem,8vh,6rem)}.facts h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:3rem}.facts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem)}.fact__icon{height:42px;margin-bottom:1.1rem;opacity:.95}.fact__icon img{height:100%;width:auto}.fact strong{font-size:1.05rem;display:block}.fact span{color:#ffffffb8;font-size:.95rem}.section{padding-block:clamp(3.5rem,8vh,6rem)}.section--alt{background:var(--paper-warm)}.eyebrow{color:var(--gold);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600}.section h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin:.6rem 0 1.4rem;color:var(--ink)}.section p{max-width:68ch;margin-bottom:1.1rem;color:var(--slate)}.lead-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin-top:2rem}.card{border:1px solid var(--line);border-radius:14px;padding:1.6rem;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px #12193773}.card h3{color:var(--navy);font-size:1.15rem;margin-bottom:.5rem}.card .role{color:var(--gold);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;margin-bottom:.8rem}.card p{font-size:.92rem;color:var(--slate);margin:0}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem;margin-top:2rem}.value-item{border-top:3px solid var(--gold);padding-top:1rem}.value-item h3{color:var(--ink);font-size:1.1rem;margin-bottom:.4rem}.value-item p{font-size:.92rem;margin:0}.filter{margin:2rem 0 1.6rem}.filter__label{display:block;color:var(--slate);font-size:.82rem;letter-spacing:.04em;margin-bottom:.8rem}.filter__chips{display:flex;flex-wrap:wrap;gap:.6rem}.chip{border:1px solid var(--line);border-radius:999px;padding:.5rem 1.15rem;font:inherit;font-size:.85rem;color:var(--navy);background:#fff;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.chip:hover{border-color:var(--navy)}.chip.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:1.4rem;margin-top:1.6rem}.prod{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.prod:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px #12193766}.prod__img{aspect-ratio:4/3;overflow:hidden;background:#eee}.prod__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.prod:hover .prod__img img{transform:scale(1.05)}.prod__body{padding:1.1rem 1.2rem 1.3rem}.prod .cat{color:var(--gold);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.prod h3{color:var(--ink);font-size:1.08rem;margin:.35rem 0 .5rem}.prod p{font-size:.88rem;color:var(--slate);margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.4rem;margin-top:2rem}.stat{background:var(--navy);color:#fff;border-radius:14px;padding:1.6rem}.stat b{font-size:1.7rem;display:block;letter-spacing:-.02em}.stat .unit{color:#ffffffb3;font-size:.82rem;display:block;margin:.2rem 0 .7rem}.stat span.desc{font-size:.88rem;color:#ffffffd1}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem}.contact-card{border:1px solid var(--line);border-radius:14px;padding:1.8rem}.contact-card h3{color:var(--navy);margin-bottom:1rem}.contact-card a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}.contact-card p{margin-bottom:.4rem}.footer{background:var(--navy);color:#fff;padding-block:3rem;text-align:center}.footer__logo img{height:40px;margin:0 auto 1.4rem;opacity:.95}.footer__links{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.4rem}.footer__links a{font-size:.85rem;opacity:.85}.footer__links a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.footer__copy{font-size:.78rem;color:#ffffff8c}@media (max-width: 860px){.nav__links{display:none}.nav__links.open{display:flex;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;background:var(--navy);padding:.5rem 0}.nav__links.open .nav__item,.nav__links.open .nav__parent{width:100%;padding:.9rem var(--pad)}.nav__links.open .nav__lang{margin:.6rem var(--pad);text-align:center}.nav__submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;background:#00000040;max-height:0;transition:max-height .25s ease}.nav__item--has-children.open .nav__submenu{max-height:240px}.nav__toggle{display:block}.value__grid{grid-template-columns:1fr}.value__media{display:none}.facts__grid{grid-template-columns:1fr;gap:2rem}.lead-row{grid-template-columns:1fr}}.narrow{max-width:880px}.hero--page{align-items:center}.hero__inner--center{text-align:center;margin-inline:auto}.hero__inner--center h1{max-width:22ch;margin-inline:auto}.rule{display:block;width:64px;height:4px;border-radius:2px;margin-top:.9rem}.rule-0{background:#1ba3d9}.rule-1{background:#8cc63f}.rule-2{background:#1ba3d9}.section__title{font-size:clamp(1.7rem,3.2vw,2.3rem);color:var(--ink);margin-bottom:1.2rem}.section__title--center{text-align:center}.section__title--center .rule,.section--center .section__title .rule{margin-inline:auto}.section__title--brand{color:var(--navy)}.section--center{text-align:center}.section--center p{margin-inline:auto}.band{position:relative;color:#fff;background-image:var(--band-img);background-size:cover;background-position:center;padding-block:clamp(4rem,12vh,8rem)}.band:before{content:"";position:absolute;inset:0;background:#0a0e1a99}.band__inner{position:relative;max-width:720px}.band__inner h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:1rem}.band__inner p{opacity:.92}.values-circles{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.4rem,3vw,2.4rem);margin-top:2.5rem}.vcircle{text-align:center}.vcircle__img{width:170px;height:170px;border-radius:50%;overflow:hidden;margin:0 auto 1.2rem}.vcircle__img img{width:100%;height:100%;object-fit:cover}.vcircle h3{color:var(--ink);font-size:1.25rem}.vcircle__rule{display:block;width:56px;height:3px;background:#1ba3d9;border-radius:2px;margin:.7rem auto 1rem}.vcircle:nth-child(4) .vcircle__rule{background:#1ba3d9}.vcircle p{color:var(--slate);font-size:.92rem;max-width:26ch;margin-inline:auto}.history{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.history__media img{width:100%;height:100%;min-height:360px;object-fit:cover}.history__panel{background:#3a3f47;color:#fff;padding:clamp(2.5rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.history__panel h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1.2rem}.history__panel p{opacity:.92}.history__attr{margin-top:1.4rem;opacity:1!important}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem) clamp(2rem,6vw,5rem)}.member__photo{width:100%;max-width:300px;aspect-ratio:1;overflow:hidden;margin-bottom:1rem;background:#eee}.member__photo img{width:100%;height:100%;object-fit:cover}.member__role{color:#1ba3d9;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.member h3{color:var(--ink);font-size:1.35rem;margin:.3rem 0 .7rem}.member p{color:var(--slate);font-size:.92rem}.workforce__photo{width:100%;border-radius:10px}.media-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.media-row+.caps{margin-top:2.5rem}.media-row__img img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:8px}.media-row__copy .section__title{margin-bottom:1rem}.caps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.4rem,3vw,2.2rem)}.cap h4{color:var(--ink);font-size:1.05rem;margin-bottom:.6rem}.cap ul{list-style:disc;padding-inline-start:1.1rem}.cap li{color:var(--slate);font-size:.9rem;margin-bottom:.4rem}.psearch{display:flex;align-items:center;gap:.6rem;max-width:520px;border:1px solid var(--line);border-radius:999px;padding:.65rem 1.1rem;color:var(--slate);margin-bottom:2rem}.psearch input{border:0;outline:0;font:inherit;width:100%;background:transparent;color:var(--ink)}.catblock{margin-top:2.8rem}.catblock__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.catblock__title{color:var(--ink);font-size:1.5rem;margin-bottom:0}.carousel-nav{display:flex;gap:.6rem;flex-shrink:0}.carousel-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer;display:grid;place-items:center;transition:background .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.carousel-btn:hover:not(:disabled){background:var(--navy);color:#fff;border-color:var(--navy)}.carousel-btn:disabled{opacity:.3;cursor:default}[dir=rtl] .carousel-btn svg{transform:scaleX(-1)}.catrow{display:flex;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:.5rem;scrollbar-width:none}.catrow::-webkit-scrollbar{display:none}.catrow .pcard{flex:0 0 clamp(240px,27vw,290px);scroll-snap-align:start}.pcard{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.pcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px #12193766}.pcard__img{aspect-ratio:4/3;overflow:hidden;background:#eee}.pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.pcard:hover .pcard__img img{transform:scale(1.05)}.pcard__body{padding:1rem 1.1rem 1.2rem}.pcard h3{color:var(--ink);font-size:1.05rem;margin-bottom:.4rem}.pcard p{color:var(--slate);font-size:.86rem;margin-bottom:.8rem}.pcard__link{color:var(--navy);font-size:.82rem;font-weight:700}.pcard__link em{font-style:normal}@media (max-width: 860px){.values-circles{grid-template-columns:1fr 1fr}.history,.team-grid,.media-row,.media-row--reverse{grid-template-columns:1fr}.caps{grid-template-columns:1fr 1fr}}[dir=rtl] body{font-family:var(--font)}[dir=rtl] .hero h1,[dir=rtl] .hero p.lead{margin-inline:0}[dir=rtl] .value-item{border-top:3px solid var(--gold)}[dir=rtl] .nav__item[aria-current=page]{text-underline-offset:8px}[dir=rtl] .stat b,[dir=rtl] .hero__eyebrow,[dir=rtl] .eyebrow{letter-spacing:0}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
