:root{--green:#0b4739;--green2:#126a51;--lime:#a7c957;--sand:#d8c7a6;--ink:#14241f;--paper:#f6f5ef;--white:#fff;--line:#d9ded9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Kufi Arabic",sans-serif}a{color:inherit;text-decoration:none}.nav{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(246,245,239,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(11,71,57,.1);backdrop-filter:blur(12px)}.brand img{width:142px;height:72px;object-fit:contain}.nav nav{display:flex;gap:2rem;font-weight:600;font-size:.9rem}.nav nav a:hover{color:var(--green2)}.nav-actions{display:flex;align-items:center;gap:.8rem}.lang{border:0;background:none;color:var(--green);font:700 .85rem "Noto Kufi Arabic",sans-serif;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border:1px solid var(--green);padding:1rem 1.3rem;border-radius:2px;font-weight:700;transition:.25s}.button:hover{background:var(--green2);transform:translateY(-2px)}.button.small{padding:.75rem 1rem;font-size:.8rem}.hero{min-height:calc(100vh - 92px);position:relative;display:grid;align-items:center;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(6,34,27,.9) 0%,rgba(6,34,27,.58) 48%,rgba(6,34,27,.08) 82%)}.hero-content{position:relative;z-index:2;color:#fff;max-width:760px;padding:8vw 7vw}.eyebrow,.section-no{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:var(--lime);margin-bottom:1.5rem}.hero h1{font-size:clamp(3rem,6.2vw,6.8rem);letter-spacing:-.055em;line-height:.94;margin:0 0 2rem}.hero p{max-width:650px;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.75;color:rgba(255,255,255,.88)}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.2rem}.hero .button{background:var(--lime);border-color:var(--lime);color:var(--green)}.text-link{font-weight:700}.hero-stat{position:absolute;z-index:3;right:5vw;bottom:0;background:var(--paper);padding:1.5rem 2rem;min-width:280px}.hero-stat strong,.hero-stat span{display:block}.hero-stat strong{color:var(--green)}.hero-stat span{font-size:.78rem;margin-top:.35rem;color:#68736f}.section{padding:8rem 7vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.section h2{font-size:clamp(2rem,4.2vw,4.5rem);line-height:1.06;letter-spacing:-.045em;margin:0}.intro-copy>p{font-size:1.13rem;line-height:1.9;margin:0 0 2.5rem}.pill-row{display:flex;flex-wrap:wrap;gap:.6rem}.pill-row span{border:1px solid var(--green);padding:.65rem .9rem;color:var(--green);font-size:.8rem;font-weight:700}.services{background:#fff}.section-head{max-width:880px;margin-bottom:4rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{padding:2.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:270px;transition:.3s}.service-grid article:hover{background:var(--green);color:#fff}.service-grid b{font-size:.75rem;color:var(--green2)}.service-grid article:hover b{color:var(--lime)}.service-grid h3{font-size:1.35rem;line-height:1.3;margin:3.5rem 0 1rem}.service-grid p{color:#65706c;line-height:1.7;font-size:.9rem}.service-grid article:hover p{color:rgba(255,255,255,.75)}.projects{display:grid;grid-template-columns:1.05fr .95fr;min-height:700px;background:var(--green);color:#fff}.project-image img{width:100%;height:100%;object-fit:cover}.project-copy{padding:7rem 6vw;display:flex;flex-direction:column;justify-content:center}.section-no.light{color:var(--sand)}.project-copy h2{font-size:clamp(2.2rem,4vw,4.5rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 3.5rem}.client-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.2)}.client-list span{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:.9rem}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.why-items{border-top:1px solid var(--line)}.why-items>div{padding:1.4rem 0;border-bottom:1px solid var(--line)}.why-items strong{color:var(--green);font-size:1.05rem}.why-items p{color:#65706c;line-height:1.6}.contact{background:#071f19;color:#fff;display:grid;grid-template-columns:1fr .75fr;gap:8vw}.contact p{color:rgba(255,255,255,.68);line-height:1.75;max-width:600px}.contact-card{display:flex;flex-direction:column;gap:1rem;border-left:1px solid rgba(255,255,255,.2);padding-left:3rem}.contact-card>a:not(.button){font-size:1.35rem;font-weight:700}.contact-card span{color:var(--sand);line-height:1.6}.whatsapp{margin-top:1rem;background:var(--lime);color:var(--green);border-color:var(--lime);align-self:flex-start}footer{padding:2rem 5vw;display:flex;align-items:center;gap:2rem;font-size:.8rem;color:#65706c}footer img{width:95px;height:58px;object-fit:contain}footer a{margin-left:auto;color:var(--green);font-weight:700}[dir=rtl] body{font-family:"Noto Kufi Arabic",Manrope,sans-serif}[dir=rtl] .hero-overlay{background:linear-gradient(270deg,rgba(6,34,27,.9) 0%,rgba(6,34,27,.58) 48%,rgba(6,34,27,.08) 82%)}[dir=rtl] .contact-card{border-left:0;border-right:1px solid rgba(255,255,255,.2);padding-left:0;padding-right:3rem}[dir=rtl] footer a{margin-left:0;margin-right:auto}@media(max-width:900px){.nav{height:78px;padding:0 4vw}.brand img{width:110px;height:62px}.nav nav{display:none}.button.small{display:none}.hero{min-height:760px}.hero-content{padding:7rem 6vw 10rem}.hero h1{font-size:3.5rem}.hero-stat{right:0}.section{padding:5.5rem 6vw}.intro,.why-grid,.contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr}.project-image{height:430px}.project-copy{padding:5rem 6vw}.contact-card{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.2);padding-top:2rem}[dir=rtl] .contact-card{padding-right:0;border-right:0}footer{flex-wrap:wrap}}@media(max-width:620px){.hero{min-height:690px}.hero h1{font-size:2.8rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stat{min-width:0;width:100%;padding:1rem 6vw}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:auto}.client-list{grid-template-columns:1fr}.project-image{height:300px}.section{padding:4.5rem 6vw}.section h2,.project-copy h2{font-size:2.35rem}footer{gap:1rem}footer a{width:100%;margin:0}.contact-card>a:not(.button){font-size:1.05rem}}
