:root{--sand:#f5ead7;--sand-soft:#fbf6eb;--sand-deep:#ddc19a;--brown:#5d361b;--brown-dark:#2e1a0f;--brown-muted:#87613d;--terracotta:#9b4e2f;--olive:#6f7352;--white:#fff;--shadow:0 26px 70px #39201024;--radius-lg:34px;--radius-md:24px;--container:min(1120px, calc(100% - 36px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #ddc19a66, transparent 32rem), linear-gradient(180deg, var(--sand-soft) 0%, #fffaf1 45%, var(--sand) 100%);color:var(--brown-dark);margin:0;font-family:IBM Plex Sans Arabic,Noto Kufi Arabic,Noto Sans Arabic,Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}main{overflow:hidden}.hero{min-height:100vh;padding:26px 0 70px;position:relative}.hero:before,.hero:after{content:"";pointer-events:none;opacity:.55;position:absolute;inset:auto}.hero:before{background:#9b4e2f21;border-radius:50%;width:520px;height:520px;top:-180px;right:-180px}.hero:after{background:#6f735224;border-radius:50%;width:420px;height:420px;bottom:80px;left:-180px}.nav-shell{width:var(--container);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffa8;border:1px solid #5d361b1f;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:12px 16px;display:flex;box-shadow:0 16px 40px #39201014}.mini-brand{place-items:center;width:94px;height:44px;display:grid}.mini-brand img{object-fit:contain;max-width:100%;max-height:100%}nav{color:var(--brown-muted);align-items:center;gap:10px;font-size:.94rem;display:flex}nav a{border-radius:999px;padding:8px 14px;transition:all .25s}nav a:hover{color:var(--brown-dark);background:#5d361b14}.hero-content{width:var(--container);text-align:center;z-index:1;margin:76px auto 40px;position:relative}.logo-frame{width:min(360px,78vw);box-shadow:var(--shadow);background:#ffffff94;border:1px solid #5d361b1a;border-radius:38px;margin:0 auto 20px;padding:18px 26px}.main-logo{width:100%;height:auto;display:block}.eyebrow,.section-heading span,.section-kicker,.tag{color:var(--terracotta);background:#9b4e2f17;border:1px solid #9b4e2f1f;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.05em;max-width:780px;margin:18px auto 28px;font-size:clamp(2.1rem,5vw,4.6rem);line-height:1.2}.primary-button{min-height:54px;color:var(--white);cursor:pointer;background:linear-gradient(135deg, var(--brown) 0%, var(--terracotta) 100%);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;font-weight:800;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 18px 38px #5d361b38}.primary-button:hover{transform:translateY(-3px);box-shadow:0 24px 52px #5d361b47}.gallery-wrap{z-index:1;width:100%;margin-top:44px;position:relative;overflow:hidden}.gallery-wrap:before,.gallery-wrap:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.gallery-wrap:before{background:linear-gradient(270deg, var(--sand-soft), transparent);right:0}.gallery-wrap:after{background:linear-gradient(90deg, var(--sand-soft), transparent);left:0}.gallery-track{gap:20px;width:max-content;animation:44s linear infinite slideGallery;display:flex}.gallery-card{width:min(360px,82vw);height:250px;box-shadow:var(--shadow);background:var(--sand);border:1px solid #ffffffb3;border-radius:30px;margin:0;overflow:hidden}.gallery-card img{object-fit:cover;filter:saturate(.9)contrast(1.03);width:100%;height:100%;display:block}@keyframes slideGallery{0%{transform:translate(0)}to{transform:translate(50%)}}.section{width:var(--container);z-index:1;margin:0 auto;padding:76px 0;position:relative}.story{padding-top:34px}.section-heading{max-width:760px}.section-heading.centered{text-align:center;margin:0 auto}.section-heading h2,.contact-info h2,.future-card h2{letter-spacing:-.04em;margin:16px 0 12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.28}.section-heading p,.future-card p,.contact-info p{color:var(--brown-muted);font-size:clamp(1rem,2vw,1.18rem)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stat-card{border-radius:var(--radius-lg);min-height:180px;box-shadow:var(--shadow);text-align:center;background:linear-gradient(145deg,#ffffffd1,#f5ead7eb),radial-gradient(circle at top,#9b4e2f29,#0000 52%);border:1px solid #5d361b1a;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.stat-card strong{color:var(--brown);letter-spacing:-.05em;font-size:clamp(3rem,7vw,5.7rem);line-height:1}.stat-card span{color:var(--brown-muted);margin-top:14px;font-size:1.1rem;font-weight:800}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;display:grid}.project-card{border-radius:var(--radius-lg);min-height:360px;box-shadow:var(--shadow);background:#ffffffb3;border:1px solid #5d361b1c;padding:28px;position:relative;overflow:hidden}.project-card:after{content:"";background:#ddc19a73;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-70px;left:-70px}.project-number{background:var(--brown);width:58px;height:58px;color:var(--sand-soft);border-radius:20px;place-items:center;margin-bottom:24px;font-weight:900;display:grid}.project-card h3{margin:0 0 8px;font-size:1.7rem}.partner{margin:0 0 18px;font-weight:800;color:var(--terracotta)!important}.project-card p{color:var(--brown-muted);margin:0}.moments{padding-top:54px}.moments-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.ghost-button{min-height:52px;color:var(--brown);white-space:nowrap;background:#ffffffad;border:1px solid #5d361b24;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:800;transition:transform .25s,background .25s;display:inline-flex;box-shadow:0 14px 34px #39201014}.ghost-button:hover{background:#ffffffeb;transform:translateY(-3px)}.moments-grid{grid-template-columns:1.2fr .88fr .92fr;grid-auto-rows:180px;gap:18px;display:grid}.moment-card{box-shadow:var(--shadow);background:var(--sand);isolation:isolate;border:1px solid #ffffffb8;border-radius:32px;margin:0;position:relative;overflow:hidden}.moment-card:after{content:"";z-index:1;background:linear-gradient(#0000 36%,#2e1a0fb8 100%);position:absolute;inset:0}.moment-card img{object-fit:cover;filter:saturate(.92)contrast(1.04);width:100%;height:100%;transition:transform .35s;display:block;transform:scale(1.01)}.moment-card:hover img{transform:scale(1.06)}.moment-card figcaption{z-index:2;color:var(--sand-soft);text-shadow:0 8px 20px #0000003d;font-size:1.02rem;font-weight:900;position:absolute;bottom:16px;left:18px;right:18px}.moment-1{grid-row:span 2}.moment-2,.moment-5{grid-column:span 2}.coming-soon{grid-template-columns:1.12fr .88fr;gap:22px;display:grid}.future-card{min-height:360px;box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffffd1,#f5ead7e6);border:1px solid #5d361b1f;border-radius:40px;padding:clamp(26px,4vw,42px);position:relative;overflow:hidden}.map-card{grid-template-columns:1fr 260px;align-items:center;gap:20px;display:grid}.map-visual{background:linear-gradient(90deg,#5d361b14 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#5d361b14 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 35% 40%,#9b4e2f38,#0000 30%),#ffffff8f;border-radius:34px;min-height:250px;position:relative}.map-visual span{background:var(--terracotta);border-radius:50% 50% 50% 0;width:18px;height:18px;position:absolute;transform:rotate(-45deg);box-shadow:0 10px 26px #9b4e2f40}.map-visual span:first-child{top:20%;right:32%}.map-visual span:nth-child(2){background:var(--brown);top:46%;right:62%}.map-visual span:nth-child(3){background:var(--olive);top:66%;right:28%}.map-visual span:nth-child(4){top:36%;right:15%}.community-card{background:radial-gradient(circle at 0 100%,#6f735238,#0000 45%),linear-gradient(145deg,#ffffffc7,#f5ead7eb)}.community-bubbles{flex-wrap:wrap;gap:10px;display:flex;position:absolute;bottom:28px;left:28px}.community-bubbles span{color:var(--brown);background:#5d361b17;border:1px solid #5d361b1a;border-radius:999px;padding:10px 14px;font-weight:800}.contact{grid-template-columns:.88fr 1.12fr;align-items:start;gap:24px;display:grid}.contact-info,.contact-form{box-shadow:var(--shadow);background:#ffffffb8;border:1px solid #5d361b1a;border-radius:40px;padding:clamp(26px,4vw,40px)}.contact-links{gap:12px;margin-top:24px;display:grid}.contact-links a{color:var(--brown);text-align:left;direction:ltr;background:#5d361b0f;border-radius:18px;padding:15px 18px;font-weight:800}.contact-form{gap:18px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}label{color:var(--brown);gap:8px;font-weight:800;display:grid}input,textarea{width:100%;color:var(--brown-dark);background:#ffffffc7;border:1px solid #5d361b21;border-radius:18px;outline:none;padding:14px 16px;transition:all .2s}textarea{resize:vertical}input:focus,textarea:focus{border-color:#9b4e2f8c;box-shadow:0 0 0 4px #9b4e2f14}.form-button{width:fit-content}.form-status{border-radius:16px;margin:0;padding:12px 14px;font-weight:800}.form-status.success{color:var(--olive);background:#6f735224}.form-status.error{color:var(--terracotta);background:#9b4e2f1f}.footer{width:var(--container);background:var(--brown-dark);color:var(--sand-soft);border-radius:28px;justify-content:space-between;align-items:center;gap:18px;margin:0 auto 26px;padding:24px;display:flex}.footer p{margin:0}.socials{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.socials a{color:var(--sand-soft);border:1px solid #ffffff24;border-radius:999px;padding:8px 13px}@media (max-width:900px){.stats-grid,.projects-grid,.coming-soon,.contact,.map-card{grid-template-columns:1fr}.moments-head{align-items:start;display:grid}.moments-grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px}.moment-1,.moment-2,.moment-5{grid-area:span 1/span 2}.project-card{min-height:auto}.map-visual{min-height:220px}}@media (max-width:640px){:root{--container:min(100% - 24px, 1120px)}.nav-shell{border-radius:26px;align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end;gap:2px;font-size:.84rem}nav a{padding:6px 9px}.hero-content{margin-top:46px}.logo-frame{border-radius:28px}.gallery-card{height:210px}.section{padding:52px 0}.moments-grid{grid-template-columns:1fr;grid-auto-rows:220px}.moment-1,.moment-2,.moment-5{grid-column:span 1}.form-grid{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery-track{animation:none}*{transition:none!important}}