:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--golden-wheat-700:#988561;--golden-wheat-500:#b9a779;--golden-wheat-100:#edebe0;--forest-600:#054239;--forest-800:#002623;--forest-400:#428177;--charcoal-900:#161616;--charcoal-700:#3d3a3b;--white:#fff;--deep-umber:#6b1f2a;--text-main:#fff;font-family:Inter,Segoe UI,Tahoma,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background-color:#eee;min-width:320px;margin:0}#root{min-height:100vh}.rotating-pattern-orb{opacity:.1;pointer-events:none;z-index:0;aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:100%;width:min(540px,88vw);animation:60s linear infinite slowRotate;position:absolute;inset-inline-end:max(-18vw,-5.5rem);transform:rotate(0);box-shadow:inset 0 0 100px 100px #eee}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:ITF Qomra Arabic Bold;src:url(/fonts/itfQomraArabic-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:B Tooba;src:url(/fonts/b-tooba.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}.page{color:var(--text-main);direction:rtl;background-position:50%;background-repeat:repeat;background-size:380px;min-height:100vh;font-family:ITF Qomra Arabic Bold,Segoe UI,Tahoma,sans-serif;position:relative;overflow-x:clip}.page>header,.page>main,.page>footer{z-index:1;position:relative}.pattern-orb{z-index:0;aspect-ratio:1;pointer-events:none;opacity:.2;mix-blend-mode:screen;border-radius:50%;width:min(300px,88vw);position:absolute;inset-inline-end:max(-18vw,-5.5rem);overflow:hidden}.pattern-orb img{object-fit:cover;width:100%;height:100%;display:block}.container{width:min(1100px,92vw);margin:0 auto}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero-section{place-items:center;padding:5rem 0;display:grid;position:relative;overflow:hidden}.hero-overlay{position:absolute;inset:0}.hero-glow{filter:blur(58px);background:#98856124;border-radius:50%;width:65vw;max-width:530px;height:65vw;max-height:530px;animation:7s ease-in-out infinite pulse;position:absolute;top:-30%;right:-10%}.hero-logo{filter:drop-shadow(0 0 22px #b9a77947);width:min(250px,35vw);height:auto;animation:2s ease-in-out infinite floatLogo}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#b9a779;font-size:.78rem}.hero-content h1{color:#fff;flex-direction:column;justify-content:center;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,3.5rem);font-weight:700;line-height:2;display:flex}.hero-content h1 span:first-child{color:var(--forest-600)}.hero-content h1 span:nth-child(2){color:var(--deep-umber);transform:translate(-20%)}.hero-subtitle{color:var(--golden-wheat-500);text-align:center;font-size:clamp(1rem,2.7vw,1.35rem);font-weight:500}.hero-content p{color:var(--golden-wheat-700);text-align:center;margin-bottom:1rem}.quick-nav{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:.25rem;display:flex}.section{padding:3rem 0;position:relative}.section-muted{background:0 0}.section h2{color:var(--golden-wheat-500);margin:0 0 .85rem;font-size:clamp(1.25rem,3vw,1.9rem)}.lead{max-width:68ch;color:var(--golden-wheat-700);text-align:justify;margin:0}#about .lead+.lead{margin-top:.95rem}.grid{gap:1rem;display:grid}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}.card{text-align:right;background:url(/brand/image-4433ed17-55f8-4293-b62a-ea3bdb7b8ab4.png) 50%/contain;border:1px solid #42817766;border-radius:18px;padding:1rem;transition:transform .26s,box-shadow .26s,border-color .26s;box-shadow:0 12px 40px #00000047,inset 0 1px #b9a7791f}.card:hover{border-color:#b9a7796b;transform:translateY(-5px);box-shadow:0 16px 36px #0026238c,0 0 0 1px #42817740,inset 0 1px #edebe01a}.card h3{color:#fff;margin:0 0 .6rem}.card p{color:#edebe0d1;margin:0}.icon-chip{color:#edebe0;background:#0026238c;border:1px solid #4281778c;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:.7rem;font-size:.78rem;font-weight:700;display:inline-grid;position:relative}.project-card-number{color:#edebe0;background:#0026238c;border:1px solid #4281778c;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:.7rem;margin-left:1rem;margin-right:1rem;font-size:.78rem;font-weight:700;display:inline-grid;position:relative}.project-card:hover .project-card-number{color:#edebe0;border-color:#b9a77973;box-shadow:0 0 18px #42817759}.project-card-number span{color:#b9a779;font-size:1.5rem;line-height:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-40%)}.project-card:hover .project-card-number span{color:#edebe0}.icon-chip--svg{color:#b9a779;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.icon-chip--svg svg{display:block}.card--department:hover .icon-chip--svg{color:#edebe0;border-color:#b9a77973;box-shadow:0 0 18px #42817759}.actions{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.project-card.card{flex-direction:column;justify-content:space-between;padding:1rem 0 0;display:flex}.project-card.card h3,.project-card.card p{padding:0 1rem}.project-card .actions .button{background:0 0;border-radius:0;justify-content:flex-start;gap:4px;display:flex}.project-card .actions .button svg{color:#b9a779}.project-card .actions .button:first-child{border-bottom-right-radius:18px}.project-card .actions .button:nth-child(2){border-bottom-left-radius:18px}.button{color:#fff;background:linear-gradient(135deg,#054239,#002623);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.62rem 1rem;font-size:.86rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #4281776b,0 8px 20px #00262373}.button-ghost{color:#edebe0;background:0 0;border-color:#428177}.innovation-card{border-color:#b9a77947}.contact-form{text-align:right;gap:.8rem;max-width:560px;display:grid}.contact-form label{color:#edebe0;gap:.35rem;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--forest-400);color:var(--golden-wheat-500);text-align:right;background:linear-gradient(135deg,#054239,#002623);border-radius:14px;padding:.8rem .9rem;font-family:ITF Qomra Arabic Bold,Segoe UI,Tahoma,sans-serif;font-size:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--golden-wheat-500)}.contact-form input:focus,.contact-form textarea:focus,.button:focus-visible{border-color:#b9a779;outline:none;box-shadow:0 0 0 3px #b9a77933}.submit-button{cursor:pointer;background:linear-gradient(135deg,#054239,#002623);width:fit-content;font-family:ITF Qomra Arabic Bold,Segoe UI,Tahoma,sans-serif}.status-message{color:#b9a779;margin:0;font-weight:600}.footer{color:var(--golden-wheat-700);background-image:url(/brand/footer-bg.jpg);background-position:50%;background-repeat:repeat;background-size:400px;padding:1rem 0;font-size:.88rem}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (width>=780px){.section{padding:3.8rem 0}}.footer .row{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.footer img{object-fit:contain;object-position:center;object-fit:cover;object-position:center;width:80px;height:80px}#about{isolation:isolate;--about-parallax-y:0px;position:relative;overflow:hidden}#about:before{content:"";z-index:0;transform:translate3d(0, var(--about-parallax-y,0px), 0);will-change:transform;pointer-events:none;background-image:url(/brand/image-4433ed17-55f8-4293-b62a-ea3bdb7b8ab4.png);background-position:50%;background-repeat:repeat;background-size:380px;position:absolute;inset:-30% 0}#about>.container{z-index:1;position:relative}.sections-container{position:relative}.sections-container:before{content:"";opacity:.1;z-index:-1;background-image:url(/brand/pt1.svg);background-repeat:repeat;background-size:400px;position:absolute;inset:0}
