:root{--green:#324646;--deep:#182b25;--gold:#b8963a;--cream:#f4f2eb;--white:#fff;--ink:#1c2522}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Cairo,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.loader{position:fixed;inset:0;z-index:999;background:var(--green);display:grid;place-items:center;transition:.8s cubic-bezier(.77,0,.18,1);overflow:hidden}.loader.done{transform:translateY(-100%)}.loader img{width:min(380px,65vw)}.loader span{position:absolute;bottom:0;right:0;height:3px;background:var(--gold);animation:load 1.4s ease forwards}@keyframes load{from{width:0}to{width:100%}}.header{position:fixed;top:0;right:0;left:0;height:100px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;z-index:50;color:white;transition:.35s}.header.scrolled{height:78px;background:rgba(24,43,37,.92);backdrop-filter:blur(15px)}.brand img{width:205px;display:block}.header nav{display:flex;gap:34px;font-size:14px}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;bottom:-8px;right:0;width:0;height:1px;background:var(--gold);transition:.25s}.header nav a:hover:after{width:100%}.header-cta{border:1px solid #ffffff66;border-radius:99px;padding:12px 20px;font-size:13px}.header-cta span{color:var(--gold);margin-right:12px}.menu{display:none;background:none;border:0}.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;padding:9vw;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,30,25,.93) 0%,rgba(26,52,44,.72) 48%,rgba(26,43,38,.35)),url('assets/04_53-Photo-scaled.jpg') center/cover;transform:scale(1.04);animation:heroZoom 12s ease-out forwards}@keyframes heroZoom{to{transform:scale(1)}}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,black,transparent)}.hero-copy{position:relative;z-index:2;max-width:780px}.eyebrow,.section-tag{font-family:Archivo,Cairo,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}.eyebrow span{display:inline-block;width:38px;height:1px;background:var(--gold);vertical-align:middle;margin-left:12px}.hero h1,.intro h2,.services h2,.projects-head h2,.promise h2,footer h2{font-size:clamp(54px,7.2vw,110px);line-height:1.03;margin:30px 0;font-weight:800;letter-spacing:-4px}.hero h1 em,.intro h2 em,.services h2 em,.projects-head h2 em,.promise h2 em,footer h2 em{font-style:normal;color:var(--gold)}.lead{font-size:18px;line-height:2;max-width:620px;color:#ffffffc9}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:40px}.btn{padding:16px 28px;border-radius:3px;font-weight:700;font-size:14px}.btn.gold{background:var(--gold);color:white}.text-link{font-size:14px}.text-link b{color:var(--gold);margin-right:10px}.hero-number{position:absolute;left:4vw;bottom:-55px;font:900 250px/1 Archivo;color:#ffffff08}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-cue i{height:45px;width:1px;background:linear-gradient(var(--gold),transparent)}.intro{padding:140px 8vw;display:grid;grid-template-columns:1fr 1.35fr;gap:4vw;position:relative}.section-tag{color:var(--gold);padding-top:14px;border-top:1px solid #b8963a66;width:max-content}.intro-title{grid-column:1/2}.intro-title h2{font-size:clamp(50px,6vw,90px);color:var(--green);margin:20px 0}.intro-body{grid-column:2/3;grid-row:1/3;padding-top:80px;max-width:650px}.intro-body p{font-size:17px;line-height:2.1;color:#4c5552}.signature{display:flex;align-items:center;gap:20px;margin-top:40px;padding-top:30px;border-top:1px solid #d6d1c5}.signature span{font:900 40px Archivo;color:var(--green)}.signature small{line-height:1.8;color:#777}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:white;border-top:1px solid #ddd8cd;border-bottom:1px solid #ddd8cd}.metric{min-height:280px;padding:55px 3vw;border-left:1px solid #ddd8cd;display:flex;flex-direction:column;justify-content:center}.metric strong{font:500 clamp(55px,6vw,95px) Archivo;color:var(--green)}.metric i{color:var(--gold);font-style:normal}.metric span{font-size:13px;color:#777;margin-top:18px}.metric.statement{background:var(--gold);color:white}.metric.statement p{font-size:28px;font-weight:700}.metric.statement em{color:var(--deep);font-style:normal}.services{background:var(--green);color:white;padding:130px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.section-tag.light{color:#d5bb78;border-color:#d5bb7866}.services h2{font-size:clamp(50px,5.5vw,82px)}.service{display:grid;grid-template-columns:60px 1fr 40px;gap:20px;padding:30px 10px;border-top:1px solid #ffffff2b;transition:.3s}.service:last-child{border-bottom:1px solid #ffffff2b}.service>span{font:500 12px Archivo;color:var(--gold)}.service h3{font-size:24px;margin:0 0 10px}.service p{max-height:0;overflow:hidden;opacity:0;margin:0;color:#ffffffa9;line-height:1.9;transition:.4s}.service b{font-size:20px;color:var(--gold)}.service:hover,.service.active{padding-right:25px;background:#ffffff09}.service:hover p,.service.active p{max-height:100px;opacity:1}.projects-head{padding:130px 8vw 80px;background:var(--cream)}.projects-head h2{color:var(--green);font-size:clamp(52px,6.5vw,95px)}.projects-head>p{color:#68716e;max-width:480px;line-height:2}.map-journey{height:800vh;background:var(--deep)}.map-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--deep);color:white}.project-cover,.map-shade{position:absolute;inset:0;transition:opacity .65s,background-image .65s}.project-cover{background-size:cover;background-position:center;opacity:.33}.map-shade{background:linear-gradient(90deg,rgba(14,30,24,.88),rgba(17,35,29,.35) 48%,rgba(14,30,24,.78))}.ksa-map{position:absolute;width:min(62vw,900px);height:80vh;object-fit:contain;left:4vw;top:10vh;filter:brightness(0) invert(1);opacity:.16}.pins{position:absolute;left:4vw;top:10vh;width:min(62vw,900px);height:80vh}.pin{position:absolute;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid var(--gold);transition:.4s;box-shadow:0 0 0 0 #b8963a66}.pin.active{width:18px;height:18px;box-shadow:0 0 0 14px #b8963a33}.pin label{position:absolute;white-space:nowrap;top:20px;left:50%;transform:translateX(-50%);font-size:11px;opacity:.45}.pin.active label{opacity:1;color:#e5cc8d}.project-panel{position:absolute;right:8vw;top:50%;transform:translateY(-50%);width:min(430px,38vw);z-index:4}.project-panel .num{font:700 12px Archivo;color:var(--gold);letter-spacing:2px}.project-panel h3{font-size:clamp(35px,4vw,62px);line-height:1.25;margin:20px 0}.project-panel .meta{display:flex;gap:28px;border-top:1px solid #ffffff3a;padding-top:22px}.project-panel small{display:block;color:#ffffff79;margin-bottom:8px}.project-panel strong{font-size:14px}.map-progress{position:absolute;bottom:35px;right:8vw;left:8vw;display:flex;align-items:center;gap:20px;font:500 11px Archivo}.map-progress i{height:1px;background:#ffffff32;flex:1}.map-progress b{display:block;height:1px;background:var(--gold);width:12.5%;transition:.5s}.project-grid{padding:120px 8vw;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{min-height:430px;position:relative;overflow:hidden;color:white;background:#263831}.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#172820ed)}.project-card:hover img{transform:scale(1.06)}.project-card div{position:absolute;z-index:2;bottom:0;padding:28px}.project-card span{color:#d9bc73;font-size:11px}.project-card h3{font-size:25px;margin:8px 0}.project-card p{font-size:12px;color:#ffffffaa}.promise{min-height:80vh;background:var(--deep);color:white;padding:100px 8vw;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.promise-mark{font:900 clamp(150px,25vw,420px)/.8 Archivo;color:#ffffff08;letter-spacing:-40px}.promise-mark span{color:#b8963a1c}.promise-copy{position:relative;z-index:2}.promise h2{font-size:clamp(55px,6vw,90px)}.promise-copy p{color:#ffffff9a}footer{background:#111e1a;color:white;padding:100px 8vw 35px}.footer-top{display:grid;grid-template-columns:260px 1fr 110px;align-items:center;gap:6vw;padding-bottom:80px;border-bottom:1px solid #ffffff25}.footer-top img{width:250px}.footer-top h2{font-size:clamp(55px,7vw,105px);margin:0}.round-link{width:90px;height:90px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;font-size:30px;color:var(--gold);transition:.3s}.round-link:hover{background:var(--gold);color:white;border-color:var(--gold)}.footer-bottom{padding-top:40px;display:grid;grid-template-columns:1fr 1fr 1fr;color:#ffffff8c;font-size:12px;line-height:2}.footer-bottom p:last-child{text-align:left}.reveal{opacity:0;transform:translateY(35px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header{height:78px;padding:0 22px}.brand img{width:165px}.header nav,.header-cta{display:none}.menu{display:block}.menu i{display:block;width:26px;height:1px;background:white;margin:7px}.hero{padding:100px 24px 50px;min-height:680px}.hero h1{letter-spacing:-2px}.lead{font-size:15px}.intro{padding:90px 24px;display:block}.intro-body{padding-top:20px}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:210px}.services{padding:90px 24px;display:block}.service-list{margin-top:50px}.projects-head{padding:90px 24px 60px}.map-journey{height:700vh}.ksa-map{width:94vw;height:56vh;left:3vw;top:5vh}.pins{left:3vw;top:5vh;width:94vw;height:56vh}.project-panel{right:24px;left:24px;top:auto;bottom:80px;transform:none;width:auto}.project-panel h3{font-size:32px;margin:12px 0}.map-progress{right:24px;left:24px;bottom:30px}.project-grid{padding:70px 24px;grid-template-columns:1fr}.project-card{min-height:380px}.promise{padding:80px 24px}.promise-mark{position:absolute}.footer-top{grid-template-columns:1fr}.footer-top img{width:200px}.round-link{width:70px;height:70px}.footer-bottom{grid-template-columns:1fr;gap:10px}.footer-bottom p:last-child{text-align:right}}@media(max-width:520px){.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero h1{font-size:49px}.metrics{grid-template-columns:1fr}.metric{border-bottom:1px solid #ddd8cd}.intro-title h2,.services h2,.projects-head h2{font-size:48px;letter-spacing:-2px}.project-panel .meta{gap:18px}.project-panel strong{font-size:12px}}