:root{--red:#b5121b;--darkred:#7f0d14;--ink:#141414;--muted:#666;--paper:#fff;--soft:#f4f5f7;--line:#dedede;--max:1220px;--shadow:0 18px 50px rgba(0,0,0,.12);--font-body:'Inter',Arial,sans-serif;--font-head:'Plus Jakarta Sans','Inter',Arial,sans-serif;--font-body-ar:'Tajawal','Cairo',Tahoma,Arial,sans-serif;--font-head-ar:'Cairo','Tajawal',Tahoma,Arial,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,.brand strong,.brand-mark,.eyebrow,.btn,.lang,.stat strong,.card h3,.project-info h3,.country h3,.milestone h3,.footer h3,nav.menu a{font-family:var(--font-head)}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem 1rem;z-index:9999}
    [dir="rtl"] .skip{left:auto;right:-999px}
    [dir="rtl"] .skip:focus{right:1rem;left:auto}
    html,body{overflow-x:hidden}.wrap{width:min(var(--max),92%);margin:auto}.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:700}.section{padding:96px 0}.section.soft{background:var(--soft)}.section.dark{background:#111;color:#fff}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:.5rem 0 1.1rem;font-weight:700;letter-spacing:-.01em}.lead{font-size:1.15rem;color:var(--muted);max-width:760px;line-height:1.7}.dark .lead{color:#ccc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.35rem;border:1px solid transparent;border-radius:3px;text-decoration:none;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:.25s ease}.btn.red{background:var(--red);color:#fff;box-shadow:0 8px 20px rgba(181,18,27,.25)}.btn.red:hover{background:var(--darkred);transform:translateY(-2px);box-shadow:0 12px 26px rgba(181,18,27,.32)}.btn.light{background:#fff;color:#111}.btn.light:hover{transform:translateY(-2px)}.btn.ghost{border-color:#aaa;background:transparent}.btn.ghost:hover{border-color:var(--red);color:var(--red)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f0a5aa;outline-offset:3px}
    header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eee;transition:box-shadow .25s ease}header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{background:var(--red);color:#fff;padding:9px 15px;font-weight:800;letter-spacing:.03em;border-radius:2px;box-shadow:0 4px 14px rgba(181,18,27,.28)}.brand strong{font-size:1.02rem}.brand small{display:block;color:#777;font-size:.7rem;letter-spacing:.03em}.menu{display:flex;align-items:center;gap:22px}.menu a{text-decoration:none;font-size:.92rem;font-weight:600;letter-spacing:.01em;position:relative;padding:4px 0}.menu a:hover{color:var(--red)}.menu a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--red);transition:right .25s ease}.menu a:not(.btn):hover:after{right:0}.lang{border:1px solid #ddd;background:#fff;padding:.55rem .85rem;border-radius:2px;font-weight:700;font-size:.85rem;cursor:pointer;transition:.2s}.lang:hover{border-color:var(--red);color:var(--red)}.hamb{display:none;border:0;background:#111;color:#fff;padding:.65rem .8rem;font-size:1.1rem;border-radius:2px}
    .hero{min-height:680px;display:grid;place-items:center;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.28)),url('../img/hero.jpg') center/cover no-repeat}.hero-inner{width:min(var(--max),92%)}.hero h1{font-size:clamp(2.8rem,6.4vw,6.2rem);line-height:1;letter-spacing:-.01em;max-width:920px;margin:0 0 1.5rem;font-weight:800}.hero p{max-width:720px;font-size:1.2rem;color:#eee;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.stat{padding:38px 34px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{font-size:2.1rem;display:block;color:var(--red)}.stat span{color:#666;font-size:.92rem}
    .split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.image-frame{position:relative}.image-frame:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:5px solid var(--red);z-index:-1}.image-frame img{height:570px;width:100%;object-fit:cover;box-shadow:var(--shadow);border-radius:2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.card{background:#fff;border:1px solid #ebebeb;border-radius:4px;padding:30px;min-height:220px;transition:.3s ease;box-shadow:0 2px 10px rgba(0,0,0,.03)}.card:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(0,0,0,.1);border-color:transparent}.card .icon{font-size:1.9rem}.card h3{font-size:1.22rem;margin:.7rem 0;font-weight:700}.card p{color:#666;margin:0;line-height:1.6}.projects-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filter{border:1px solid #ccc;background:#fff;padding:.65rem 1.15rem;border-radius:2px;cursor:pointer;font-weight:700;font-size:.85rem;letter-spacing:.02em;transition:.2s}.filter:hover{border-color:var(--red);color:var(--red)}.filter.active{background:#111;color:#fff;border-color:#111}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{position:relative;min-height:360px;overflow:hidden;background:#222;color:#fff;border-radius:3px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.project img{width:100%;height:360px;object-fit:cover;transition:.5s ease}.project:hover img{transform:scale(1.06)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.9))}.project-info{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.project-info small{color:#e8b8ba;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem}.project-info h3{font-size:1.45rem;margin:.3rem 0;font-weight:700}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2a2a2a;margin-top:40px;border-radius:4px;overflow:hidden}.why article{background:#171717;padding:36px;transition:.25s;color:#fff}.why article:hover{background:#1e1e1e}.why article h3{color:#fff}.why article p{color:#c9c9c9}.why h3{font-weight:700}.timeline{border-left:3px solid var(--red);margin:35px 0 0 12px;padding-left:30px}.milestone{position:relative;margin-bottom:34px}.milestone:before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:var(--red);left:-39px;top:8px;box-shadow:0 0 0 4px rgba(181,18,27,.15)}.milestone h3{margin:0;font-weight:800;color:var(--red)}.international{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.country{border-top:4px solid var(--red);background:#fff;color:#111;padding:28px 24px 26px;border-radius:3px;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:.25s}.country:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.14)}.country .flag{font-size:3.6rem;line-height:1;margin-bottom:16px;display:block}.country h3{font-weight:700;margin:0 0 .3rem}
    .contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}.contact-list{display:grid;gap:16px}.contact-item{border-bottom:1px solid #333;padding-bottom:16px}.contact-item a{color:#fff}.contact-item .addr{unicode-bidi:isolate;direction:ltr;line-height:1.6}.contact-item a[dir="ltr"],.footer a[dir="ltr"]{unicode-bidi:isolate}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700}.field input,.field textarea,.field select{width:100%;padding:.85rem;border:1px solid #bbb;background:#fff;font:inherit}.field textarea{min-height:150px;resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start}.notice{font-size:.85rem;color:#bbb}.footer{padding:55px 0 25px;background:#090909;color:#ddd}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer h3{color:#fff}.footer a{color:#ddd}.copyright{border-top:1px solid #333;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.copyright .copy{font-size:.82rem;color:#aaa}.backtop{text-decoration:none;font-size:.85rem}
    [dir="rtl"] body{text-align:right;font-family:var(--font-body-ar);line-height:1.9}[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .brand strong,[dir="rtl"] .brand-mark,[dir="rtl"] .eyebrow,[dir="rtl"] .btn,[dir="rtl"] .lang,[dir="rtl"] .stat strong,[dir="rtl"] nav.menu a{font-family:var(--font-head-ar)}[dir="rtl"] .eyebrow{letter-spacing:0}[dir="rtl"] .nav,[dir="rtl"] .actions{flex-direction:row-reverse}
    @media(max-width:980px){[dir="rtl"] .menu{flex-direction:column;align-items:stretch}}[dir="rtl"] .timeline{border-left:0;border-right:3px solid var(--red);padding-left:0;padding-right:30px;margin-left:0;margin-right:12px}[dir="rtl"] .milestone:before{left:auto;right:-39px}[dir="rtl"] .project-info{left:24px;right:24px}
    @media(max-width:980px){.hamb{display:block}.menu{position:fixed;left:0;right:0;top:78px;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:24px;border-bottom:1px solid #ddd}.menu.open{display:flex}.menu .btn{width:100%}.stats{grid-template-columns:repeat(2,1fr)}.split,.contact-grid{grid-template-columns:1fr}.cards,.project-grid{grid-template-columns:repeat(2,1fr)}.international{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.image-frame img{height:440px}}
    @media(max-width:640px){.section{padding:64px 0}.hero{min-height:620px}.hero h1{font-size:3.4rem}.stats,.cards,.project-grid,.why,.international,.footer-grid,.form{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.field.full{grid-column:auto}.copyright{flex-direction:column}.brand small{display:none}.image-frame:after{display:none}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

    .proj-card{position:relative;min-height:300px;overflow:hidden;background:#222;color:#fff;border-radius:3px;box-shadow:0 10px 30px rgba(0,0,0,.15);cursor:pointer;transition:.3s ease;border:0;text-align:left;padding:0;font:inherit;display:block;width:100%}
    .proj-badge{position:absolute;top:14px;right:14px;z-index:3;background:var(--red);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .65rem;border-radius:2px;box-shadow:0 4px 10px rgba(0,0,0,.25)}
    [dir="rtl"] .proj-badge{right:auto;left:14px}
    .proj-card[hidden]{display:none}
    [dir="rtl"] .proj-card{text-align:right}
    .proj-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.22)}
    .proj-card img{width:100%;height:300px;object-fit:cover;display:block;transition:.5s ease}
    .proj-card:hover img{transform:scale(1.06)}
    .proj-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.92))}
    .proj-card.no-photo{background:linear-gradient(135deg,#7f0d14,#1c1c1c);height:300px}
    .proj-card.no-photo .ph-icon{position:absolute;top:26px;left:24px;font-size:1.8rem;opacity:.85;z-index:2}
    [dir="rtl"] .proj-card.no-photo .ph-icon{left:auto;right:24px}
    .proj-card .proj-info{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}
    .proj-card .proj-info small{color:#e8b8ba;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;display:block;margin-bottom:.35rem}
    .proj-card .proj-info h4{font-size:1.05rem;margin:0 0 .3rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
    .proj-card .proj-info span{font-size:.78rem;color:#ddd}
    .project-modal{position:fixed;inset:0;z-index:3000;display:none}
    .project-modal.open{display:block}
    .modal-backdrop{position:absolute;inset:0;background:rgba(10,10,10,.78);backdrop-filter:blur(3px)}
    .modal-panel{position:relative;max-width:880px;width:92%;margin:4vh auto;background:#fff;color:#111;border-radius:6px;overflow:hidden;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.45)}
    .modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;border:0;font-size:1.4rem;line-height:1;cursor:pointer;z-index:5;transition:.2s}
    .modal-close:hover{background:var(--red)}
    [dir="rtl"] .modal-close{right:auto;left:14px}
    .modal-media{width:100%;height:340px;background-size:cover;background-position:center;flex-shrink:0}
    .modal-media.no-img{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--red),#1c1c1c);color:#fff;font-size:3.4rem}
    .modal-body{padding:30px 34px 34px;overflow-y:auto}
    .modal-cat{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:.5rem}
    .modal-body h3{font-size:1.5rem;margin:0 0 .4rem;font-weight:700;line-height:1.25}
    .modal-loc{color:#666;font-size:.95rem;margin-bottom:1.4rem}
    .modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;border-top:1px solid #eee;padding-top:20px}
    .modal-field strong{display:block;color:#111;font-size:1.05rem;font-weight:700}
    .modal-field span{display:block;color:#888;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}
    @media(max-width:640px){.modal-fields{grid-template-columns:1fr}.modal-media{height:220px}.modal-body{padding:24px}}
  
/* ===== Multi-page additions ===== */
.menu a.active{color:var(--red)}
.menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--red)}
.page-header{position:relative;background:linear-gradient(135deg,#141414 0%,#241012 60%,var(--darkred) 130%);color:#fff;padding:64px 0 56px;overflow:hidden}
.page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(181,18,27,.35),transparent 55%)}
.page-header .wrap{position:relative;z-index:1}
.page-header .crumb{font-size:.8rem;color:#ccc;margin-bottom:14px;display:flex;gap:8px;align-items:center}
.page-header .crumb a{color:#ccc;text-decoration:none}
.page-header .crumb a:hover{color:#fff}
.page-header .eyebrow{color:#f2a3a8}
.page-header h1{font-size:clamp(2.1rem,4.6vw,3.4rem);margin:.4rem 0 1rem;font-weight:800;letter-spacing:-.01em;line-height:1.08}
.page-header .lead{color:#e6d9da;max-width:700px}
[dir="rtl"] .page-header .crumb{flex-direction:row-reverse;justify-content:flex-end}
.home-teaser{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.teaser-card{background:#fff;border:1px solid #ebebeb;border-radius:4px;padding:32px;transition:.3s ease;box-shadow:0 2px 10px rgba(0,0,0,.03);text-decoration:none;color:inherit;display:block}
.teaser-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(0,0,0,.1);border-color:transparent}
.teaser-card .icon{font-size:1.9rem}
.teaser-card h3{font-size:1.2rem;margin:.7rem 0 .5rem;font-weight:700}
.teaser-card p{color:#666;margin:0 0 1rem;line-height:1.6;font-size:.95rem}
.teaser-card .go{color:var(--red);font-weight:700;font-size:.85rem}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.value-card{padding:30px;border-radius:4px;background:var(--soft)}
.value-card h3{font-size:1.15rem;font-weight:700;margin:0 0 .6rem}
.value-card p{color:#666;margin:0;line-height:1.65;font-size:.95rem}
.service-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:36px}
.service-detail-card{background:#fff;border:1px solid #ebebeb;border-radius:4px;padding:34px;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.service-detail-card h3{font-size:1.3rem;font-weight:700;margin:.9rem 0 .6rem}
.service-detail-card .icon{font-size:2rem}
.service-detail-card p{color:#666;line-height:1.7;margin:0 0 1rem}
.service-detail-card ul{margin:0;padding-left:1.1rem;color:#555;font-size:.92rem;line-height:1.9}
[dir="rtl"] .service-detail-card ul{padding-left:0;padding-right:1.1rem}
.breadcrumb-cta{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:980px){.home-teaser,.value-grid,.service-detail{grid-template-columns:1fr}}
.cta-band{text-align:center}
.cta-band .eyebrow{justify-content:center}
.cta-band h2{max-width:700px;margin-left:auto;margin-right:auto}
.cta-band .lead{max-width:600px;margin-left:auto;margin-right:auto}
.cta-band .actions{justify-content:center;margin-top:28px}
.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.stat-strip .stat{padding:0;border:0}
@media(max-width:640px){.stat-strip{grid-template-columns:1fr}}