/* Tatweer Misr: the established Starfall visual direction, adapted to project browsing. */
@font-face{font-family:EstateInter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#151310;--sand:#1d1915;--sand-2:#28221b;--ink:#100f0d;--ink-2:#211c17;--ink-3:#30271e;--text:#f2ece3;--muted:#c5b8a7;--sea:#d7ac75;--sea-2:#ebc590;--foam:#e9d5bb;--line:#4b4033;--radius:14px;--radius-s:12px;--shadow:none;--shadow-s:none;--wrap:1240px}
html{scroll-padding-top:100px;color-scheme:dark}
body{font-size:16px;line-height:1.9;padding-bottom:88px;background:var(--ink);color:var(--text)}
body.loc-en{font-family:EstateInter,Arial,sans-serif;line-height:1.75;font-size:17px}
::selection{background:var(--sea);color:var(--ink)}
:focus-visible{outline:2px solid var(--sea-2);outline-offset:5px}
input,select{caret-color:var(--sea)}
h1,h2,h3,h4{color:var(--text);text-wrap:balance;letter-spacing:0;line-height:1.45;font-weight:600}
.loc-en h1,.loc-en h2,.loc-en h3{letter-spacing:-.025em;line-height:1.18}
.wrap{padding-inline:clamp(20px,4vw,52px)}
.narrow{max-width:930px}
p,.para{overflow-wrap:break-word}
.btn,.nav-cta{min-height:48px;padding:.8rem 1.45rem;font-size:.94rem;border-radius:8px;font-weight:600;box-shadow:none;white-space:normal;text-align:center}
.btn-primary,.nav-cta,.sk-req{background:var(--sea);color:#1b140b}
.btn-primary:hover,.nav-cta:hover{background:var(--sea-2);transform:none}
.btn-ghost,.btn-line{background:transparent;color:var(--text);border:1px solid #9c8870}
.btn-ghost:hover,.btn-line:hover{background:#2f251bd9;color:var(--text);border-color:var(--sea)}
.hd{position:fixed;inset:0 0 auto;background:linear-gradient(180deg,rgba(15,13,10,.88),rgba(15,13,10,.16));backdrop-filter:none;box-shadow:none;border-bottom:1px solid #ffffff29;padding:14px 0;transition:background .2s}
.hd.scrolled,.hd.menu-open{background:#151310f5}
.hd-in{min-height:48px;gap:24px}
.brand{display:block;max-width:230px;color:#fff;font-size:1rem;font-weight:600;line-height:1.6}
.loc-en .brand{font-size:1.08rem;line-height:1.25;max-width:170px}
.nav{gap:24px;font-size:.86rem}
.nav a{display:flex;align-items:center;min-height:44px;opacity:1}
.hd .lang{border:1px solid #aa947680;border-radius:24px;padding:8px 14px;min-height:44px;display:inline-flex;align-items:center;color:var(--text);font-size:.8rem;white-space:nowrap}
.menu-toggle{display:none;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #aa947680;background:transparent;color:var(--text);font-family:inherit;border-radius:8px;cursor:pointer}
.hero-in{grid-template-columns:minmax(0,1.3fr) minmax(320px,.85fr);gap:clamp(40px,6vw,100px);min-height:850px;min-height:100svh;padding-top:160px;padding-bottom:88px}
.hero::before,.phero::before{transform:none}
.hero-ov{background:linear-gradient(180deg,rgba(17,14,10,.65),rgba(17,14,10,.67) 50%,#100f0d)}
.hero-txt h1{font-size:clamp(2.3rem,4.6vw,4.3rem);font-weight:600;line-height:1.3;max-width:16ch;margin-bottom:24px}
.loc-en .hero-txt h1{font-size:clamp(2.6rem,5.1vw,4.8rem);line-height:1.06;max-width:13ch}
.hero-txt .lead{max-width:45ch;line-height:1.9;color:#eee4d7;opacity:1;font-size:1.02rem}
.kicker{color:var(--foam);letter-spacing:0;font-weight:400}
.hero-form,.cta-form{background:#1b1712f2;border:1px solid #77624b;padding:clamp(24px,3vw,38px);border-radius:14px;box-shadow:none}
.hero-form h3{font-size:1.22rem;margin-bottom:24px}
.fld{color:var(--text);font-size:.88rem;gap:8px}
.lead-form{gap:18px}
.fld input,.fld select{background:#110f0c;color:var(--text);border:1px solid #76644f;min-height:50px;border-radius:8px;font-size:16px}
.fld input:focus,.fld select:focus{border-color:var(--sea);box-shadow:none;outline:2px solid var(--sea);outline-offset:2px}
.privacy{color:var(--muted);font-size:.79rem;line-height:1.8}
.sec,.dev,.projects,.why,.faq,.cta-band{padding-block:clamp(56px,7vw,100px)}
.sec-head{margin-bottom:36px;text-align:start}
.sec-head h2{font-size:clamp(1.65rem,3vw,2.6rem)}
.sec-head p{margin:16px 0 0;max-width:65ch;color:var(--muted)}
.para,.dev-txt p{font-size:1rem;line-height:2;max-width:75ch;margin-bottom:24px}
.loc-en .para,.loc-en .dev-txt p{line-height:1.85}
.imgbg::after{background:linear-gradient(180deg,rgba(16,15,13,.94),rgba(16,15,13,.88))}
.imgbg::before{transform:none}
#projects::before,.faq::before{background:none}
#projects::after,.faq::after{background:none}
.projects,.faq,.aspectsec,.salgrid-sec,.updsec{background:var(--paper)}
.band,.relsec,.cta-band{background:var(--ink)}
.p-grid{gap:28px}
.pcard,.offer-card,.phase{background:var(--sand);border:1px solid var(--line);box-shadow:none;border-radius:14px;color:var(--text)}
.pcard:hover,.offer-card:hover,.phase-link:hover{transform:translateY(-3px);border-color:var(--sea);box-shadow:none}
.pcard-img{aspect-ratio:4/3}
.pcard-tag{background:#17120dea;border-radius:4px;color:var(--text);padding:7px 12px}
.pcard-body{padding:24px}
.pcard-body h3,.imgbg .pcard h3,.offer-body h3,.phase h3,.imgbg .phase h3{color:var(--text);line-height:1.55;font-weight:600}
.pcard-en{display:block;margin-top:5px;color:var(--muted)}
.loc-en .pcard-en{display:none}
.pcard-loc,.pcard-cta,.pcard-price,.offer-meta b,.phase-go,.vs-cta{color:var(--sea-2)}
.pcard-note,.offer-note,.offer-loc,.phase-en,.imgbg .phase .phase-en{color:var(--muted)}
.pcard-foot{gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:8px}
.pcard-price{font-size:.95rem;font-weight:600}
.why-grid{gap:24px}
.why-card,.stat,.am,.uf,.fact{background:#211b15db;border:1px solid #66523c;border-radius:12px;color:var(--text);box-shadow:none}
.why-card{padding:28px}
.why-card p{opacity:1;color:var(--muted)}
.stat-v{font-weight:600;color:var(--sea-2);font-size:1.35rem}
.stat-l{opacity:1;color:var(--text);line-height:1.8}
.stats{gap:16px}
.phero-in{padding-top:160px;padding-bottom:65px;min-height:700px;gap:16px}
.phero h1{font-weight:600;max-width:22ch;font-size:clamp(2rem,4.3vw,3.8rem);line-height:1.4}
.phero .lead{line-height:1.9;color:var(--text);opacity:1}
.facts{gap:14px;margin-block:12px}
.fact{padding:12px 18px}
.fact span,.uf span{color:var(--muted);opacity:1;letter-spacing:0;font-size:.8rem}
.fact b,.uf b{font-weight:500;line-height:1.8}
.two-col{gap:56px}
.two-col>.col{min-width:0}
.two-col+.two-col{margin-top:40px}
.pts{gap:16px;line-height:1.9}
.amen{gap:18px}
.am{padding-block:18px}
.imgbg .am{background:#211b15db;border-color:#66523c}
.tagline,.imgbg .tagline{color:var(--foam);line-height:1.9}
.offer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px}
.offer-meta{flex-wrap:wrap}
.phase-st,.badge-min{background:#352a1e;color:#f0d4ad}
.phase-grid{gap:22px}
.gal{gap:22px}
.qa,.imgbg .qa{background:var(--sand);color:var(--text);border-color:var(--line);border-radius:12px}
.qa summary,.imgbg .qa summary{color:var(--text);line-height:1.8;padding-block:20px;font-weight:500}
.qa-a{color:var(--muted);line-height:2}
.faq-list{max-width:none;gap:14px}
.modal-bg{background:#0c0907d9;backdrop-filter:none}
.modal-panel{background:var(--paper);padding-top:64px}
.modal-x{color:var(--text);min-width:44px;min-height:44px}
.ft{background:#0c0b09;color:var(--text);padding-top:64px;border-top:1px solid var(--line)}
.ft-brand p,.ft-links a,.ft-c,.ft-bar{opacity:1;color:var(--muted)}
.ft [data-marketing-disclaimer]{background:var(--sand)!important;color:var(--muted)!important;border:1px solid var(--line);border-radius:12px}
.ft-links ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.ft-in{grid-template-columns:1fr 1.5fr .8fr;gap:36px}
.ft-links a{font-size:.85rem;line-height:1.8}
.ft-c{min-height:44px;display:inline-flex;align-items:center}
.sticky{display:grid;background:#17130ff5;border:1px solid #79634a;box-shadow:0 8px 24px #0005;padding-bottom:env(safe-area-inset-bottom)}
.sk{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;color:var(--text);font-size:.9rem}
.sk-req{color:#1b140b;background:var(--sea)}
.sticky a.dd-contact-action[href*="wa.me"]{background:#14553c;color:#fff}
.sal-call{background:var(--sea);color:#1b140b;box-shadow:none}
.sal-wa{background:#14553c;box-shadow:none}
.factitem-lite{background:var(--sand);border:1px solid var(--line);box-shadow:none}
table{width:100%;border-collapse:collapse;background:var(--sand);color:var(--text)}
th,td{border:1px solid var(--line);padding:14px;text-align:start;background:var(--sand);color:var(--text)}
th{background:#31271d;color:var(--foam)}
@media(min-width:901px){.sticky{inset-inline:50% auto;transform:translateX(-50%);bottom:22px;width:min(580px,calc(100% - 40px));border-radius:12px;overflow:hidden}.loc-ar .sticky{inset-inline:auto;left:50%;right:auto}.sk{min-height:58px}}
@media(max-width:1050px){.hd-in{gap:16px}.nav{gap:14px;font-size:.78rem}.nav-cta{display:none}}
@media(max-width:900px){
 .hd{padding:10px 0}.hd-in{gap:12px;justify-content:space-between}.brand{font-size:.86rem;max-width:180px}.loc-en .brand{font-size:.9rem;max-width:140px}
 .menu-toggle{display:inline-flex;margin-inline-start:auto}.hd .lang{font-size:.75rem;padding:6px 10px}
 .nav{display:none;position:absolute;inset:100% 0 auto;background:#17130f;border-bottom:1px solid var(--line);padding:16px 24px;margin:0;flex-direction:column;align-items:stretch;gap:0;font-size:.94rem}
 .hd.menu-open .nav{display:flex}.hd.menu-open .nav a{display:flex;min-height:48px}
 .hero-in{grid-template-columns:1fr;gap:40px;padding-top:135px;padding-bottom:60px;min-height:0}.hero-txt{max-width:660px}.hero-form{max-width:560px;width:100%}.hero-txt h1{max-width:19ch;font-size:clamp(2rem,7vw,3.3rem)}
 .hero-txt .lead{max-width:50ch}.hero-cta{gap:12px}.hero-cta .btn{flex:1 1 auto}
 .phero-in{padding-top:140px;min-height:620px}.phero h1{font-size:clamp(1.9rem,6vw,3rem)}
 .dev-grid,.two-col,.cta-in{grid-template-columns:1fr;gap:32px}.cta-form{order:0}.ft-in{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}.two-col+.two-col{margin-top:36px}
 .sticky{border-inline:0;border-bottom:0}.sk{padding:10px 7px;font-size:.8rem}.stat{padding:20px}
}
@media(max-width:560px){
 .wrap{padding-inline:20px}.hero-in,.phero-in{padding-inline:20px}.hero-form,.cta-form{padding:24px 20px}.hero-txt h1{font-size:2.15rem}.loc-en .hero-txt h1{font-size:2.65rem}
 .p-grid,.why-grid,.gal,.amen{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-v{font-size:1.12rem}.stat-l{font-size:.76rem}
 .ft-in{grid-template-columns:1fr}.ft-brand{grid-column:auto}.ft-links ul{gap:12px 20px}.unit-facts{grid-template-columns:1fr}.facts{display:grid;grid-template-columns:1fr 1fr}.fact:last-child{grid-column:1/-1}.fact{min-width:0}.phero h1{max-width:100%}
 .sal-call,.sal-wa{min-width:0}.sal-actions{gap:14px}.phase-grid{grid-template-columns:1fr}.btn{padding-inline:18px}.offer-body{padding:22px}.sk-req{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.pcard:hover,.offer-card:hover,.phase-link:hover{transform:none}}