:root{--navy:#091f34;--navy-2:#113a56;--ink:#14283a;--muted:#687887;--gold:#caa65d;--gold-light:#f2dfb0;--cream:#f7f4ee;--line:#dfe5e8;--white:#fff;--green:#168b64;--shadow:0 24px 70px rgba(9,31,52,.13);--radius:28px;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:#fbfcfc;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Arabic","Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden;line-height:1.65;padding-bottom:calc(82px + var(--safe-bottom));-webkit-font-smoothing:antialiased}a{color:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;top:-60px;right:15px;z-index:100;background:#fff;padding:10px 16px;border-radius:10px}.skip-link:focus{top:10px}.site-header{height:78px;padding:0 clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(9,31,52,.08);position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,var(--gold-light),var(--gold));color:var(--navy);font-size:23px;font-weight:900;box-shadow:0 8px 22px rgba(202,166,93,.3)}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:10px;color:var(--muted)}.header-contact{background:var(--navy);color:#fff;text-decoration:none;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:800}.hero{min-height:680px;padding:clamp(48px,8vw,100px) clamp(20px,7vw,110px);background:radial-gradient(circle at 80% 5%,rgba(202,166,93,.27),transparent 26%),linear-gradient(135deg,#071b2e 5%,#0b2b45 58%,#17485f);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:710px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.05em}.eyebrow:before,.section-kicker:before{content:"";width:26px;height:1px;background:currentColor}.hero h1{font-size:clamp(45px,6.3vw,84px);line-height:1.08;margin:12px 0 22px;letter-spacing:-.04em}.hero-copy>p{font-size:clamp(17px,2vw,23px);color:#c8d4dd;margin:0;max-width:590px}.hero-copy>p b{color:#fff;direction:ltr;display:inline-block}.hero-actions{display:flex;gap:12px;margin:32px 0}.button{min-height:48px;border:0;border-radius:14px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:13px;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--navy);box-shadow:0 12px 32px rgba(202,166,93,.26)}.button-glass{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);color:#fff}.button-navy{background:var(--navy);color:#fff}.hero-facts{display:flex;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);max-width:610px}.hero-facts div{flex:1}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{font-size:22px;direction:ltr;text-align:right}.hero-facts span{font-size:10px;color:#9eb1bf}.hero-visual{position:relative;z-index:2}.architectural-card{height:520px;max-width:520px;margin:auto;border-radius:220px 220px 28px 28px;background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.17);box-shadow:inset 0 0 80px rgba(255,255,255,.04),0 40px 100px rgba(0,0,0,.2);position:relative;overflow:hidden}.building-line{position:absolute;display:block;border:1px solid rgba(242,223,176,.48);border-bottom:0}.line-a{width:72%;height:56%;bottom:0;left:14%;clip-path:polygon(15% 18%,78% 0,100% 22%,100% 100%,0 100%,0 34%)}.line-b{width:48%;height:39%;bottom:0;left:26%;clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%)}.line-c{width:21%;height:72%;bottom:0;right:7%;transform:skewY(-15deg)}.visual-caption{position:absolute;bottom:36px;right:35px}.visual-caption small,.visual-caption strong{display:block}.visual-caption small{font-size:11px;color:#c4d0d8}.visual-caption strong{font-size:52px;color:var(--gold-light)}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.hero-orbit-one{width:520px;height:520px;left:-270px;top:-220px}.hero-orbit-two{width:350px;height:350px;right:-180px;bottom:-190px}.section-shell{max-width:1220px;margin-inline:auto;padding-inline:24px}.intro{text-align:center;padding-top:85px;padding-bottom:42px}.intro h2{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:10px 0}.intro p{max-width:660px;margin:auto;color:var(--muted)}.projects-root{display:grid;gap:80px;padding-bottom:80px}.project-section{scroll-margin-top:96px}.project-section:nth-child(even){background:var(--cream);padding-block:78px}.project-head{max-width:1220px;margin:0 auto 28px;padding-inline:24px;display:flex;align-items:end;justify-content:space-between;gap:30px}.project-title h2{font-size:clamp(31px,4vw,52px);margin:7px 0 4px}.project-title p{margin:0;color:var(--muted)}.area-badge{flex:0 0 auto;padding:13px 18px;border-radius:14px;background:var(--navy);color:#fff;text-align:center}.area-badge strong,.area-badge span{display:block}.area-badge strong{font-size:24px;direction:ltr}.area-badge span{font-size:10px;color:#b9c7d1}.project-layout{max-width:1220px;margin:auto;padding-inline:24px;display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.media-gallery{min-width:0}.media-primary{aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:linear-gradient(145deg,#e5e9e9,#f5f6f4);position:relative}.media-primary img,.media-primary video{width:100%;height:100%;object-fit:cover;display:block}.media-placeholder{height:100%;min-height:310px;display:grid;place-items:center;text-align:center;color:#7d898e;background:linear-gradient(135deg,#edf0ee,#f8f6f0)}.media-placeholder span{display:block;width:64px;height:64px;border:1px solid #a9b1b1;border-radius:20px;margin:0 auto 13px;position:relative}.media-placeholder span:before,.media-placeholder span:after{content:"";position:absolute;background:#a9b1b1}.media-placeholder span:before{width:25px;height:1px;left:18px;top:31px}.media-placeholder span:after{height:25px;width:1px;left:31px;top:18px}.media-placeholder strong{display:block;color:#52616b}.media-placeholder small{font-size:11px}.media-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:9px}.media-thumb{aspect-ratio:1.35;border:0;padding:0;border-radius:12px;overflow:hidden;background:#e8eceb;cursor:pointer}.media-thumb img{width:100%;height:100%;object-fit:cover}.project-content{display:grid;gap:16px}.unit-list{display:grid;gap:10px}.unit-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:17px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;box-shadow:0 10px 35px rgba(9,31,52,.045);transition:border-color .2s,transform .2s}.unit-card:hover{border-color:var(--gold);transform:translateY(-2px)}.unit-card h3{margin:0 0 3px;font-size:17px}.unit-card p{margin:0;color:var(--muted);font-size:11px}.unit-price{text-align:left}.unit-price strong,.unit-price span{display:block}.unit-price strong{font-size:20px;color:var(--navy);direction:ltr}.unit-price span{font-size:9px;color:var(--muted)}.unit-action{grid-column:1/-1;background:#f2f6f6;color:var(--navy);min-height:44px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.detail-card{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:15px;padding:14px}.detail-card strong{font-size:12px}.detail-card p{margin:5px 0 0;color:var(--muted);font-size:10px}.detail-card.empty{border-style:dashed}.loading-state{min-height:400px;display:grid;place-items:center;align-content:center;color:var(--muted)}.loading-state span{width:38px;height:38px;border:3px solid #d8dfe1;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{font-size:12px}.location-section{padding-block:20px 90px}.location-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;box-shadow:var(--shadow)}.location-icon{width:70px;height:70px;border-radius:22px;background:var(--cream);display:grid;place-items:center;color:var(--gold);font-size:34px}.location-card h2{margin:4px 0}.location-card p{margin:0;color:var(--muted)}.final-cta{max-width:1220px;margin:0 auto 80px;border-radius:var(--radius);padding:clamp(32px,6vw,68px);background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.section-kicker.light{color:var(--gold-light)}.final-cta h2{font-size:clamp(31px,4vw,50px);margin:7px 0}.final-cta p{color:#c2ced6;margin:0}.final-cta .button{flex:0 0 auto}footer{min-height:145px;padding:30px max(24px,calc((100vw - 1220px)/2));background:#071827;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{color:#8fa2b1;font-size:11px}.brand.compact strong{color:#fff}.sticky-contact{display:none}.noscript{position:fixed;inset:auto 10px 10px;z-index:100;background:#fff4db;border:1px solid #d6ae54;padding:12px;border-radius:12px;text-align:center}.error-state{max-width:700px;margin:20px auto 80px;padding:50px 20px;text-align:center;border:1px solid #f0d6d6;border-radius:24px;background:#fff7f7}.error-state h2{margin:0 0 8px}.error-state p{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-visual{display:none}.project-layout{grid-template-columns:1fr}.project-content{grid-row:1}.media-gallery{grid-row:2}.detail-grid{grid-template-columns:1fr}.final-cta{margin-inline:20px}.project-section:nth-child(even){padding-block:58px}}
@media(max-width:640px){body{padding-bottom:calc(76px + var(--safe-bottom))}.site-header{height:68px;padding-inline:16px}.brand-mark{width:38px;height:38px;border-radius:12px}.brand strong{font-size:13px}.brand small{font-size:8px}.header-contact{display:none}.hero{padding:55px 20px 45px}.hero h1{font-size:44px}.hero-copy>p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;margin:25px 0}.button{padding-inline:14px}.hero-facts strong{font-size:17px}.hero-facts span{font-size:9px}.intro{padding-top:61px;padding-bottom:32px}.intro h2{font-size:32px}.projects-root{gap:58px;padding-bottom:58px}.project-head{display:block}.area-badge{display:inline-flex;align-items:center;gap:8px;margin-top:15px;text-align:right}.area-badge strong{font-size:18px}.project-layout,.project-head,.section-shell{padding-inline:16px}.media-primary{border-radius:20px}.media-placeholder{min-height:235px}.unit-card{border-radius:16px}.location-section{padding-bottom:65px}.location-card{grid-template-columns:54px 1fr;padding:20px;gap:14px}.location-icon{width:54px;height:54px;border-radius:17px}.location-card .button{grid-column:1/-1}.final-cta{display:block;margin:0 16px 58px;padding:30px 22px}.final-cta .button{width:100%;margin-top:22px}footer{display:block;padding:30px 20px 105px}.sticky-contact{position:fixed;display:flex;align-items:center;justify-content:space-between;gap:12px;right:10px;left:10px;bottom:calc(9px + var(--safe-bottom));z-index:50;background:rgba(7,27,45,.96);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:10px 12px 10px 10px;box-shadow:0 18px 50px rgba(3,18,31,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sticky-contact div span,.sticky-contact div b{display:block}.sticky-contact div span{font-size:10px;color:#aebeca}.sticky-contact div b{font-size:14px;direction:ltr}.sticky-contact a{min-height:46px;display:inline-flex;align-items:center;background:#20a96b;color:#fff;text-decoration:none;border-radius:13px;padding:11px 15px;font-size:12px;font-weight:900;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}