:root{--navy:#0a1f3d;--deep:#1c3d6e;--steel:#4a6a8a;--line:#d9d9d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--navy);background:#fff;font-family:Cairo,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #7195bc;outline-offset:6px}header{height:116px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:30px;background:#fff}.brand{display:flex;align-items:center;gap:15px}.brand img{width:67px;height:80px;object-fit:contain}.brand span{font-size:26px;font-weight:700;line-height:1.4}.brand small{display:block;font-size:12px;font-weight:500}nav{display:flex;gap:35px;font-size:14px}nav a:hover{color:var(--steel)}.header-contact{border-bottom:1px solid var(--navy);padding:8px 0;font-size:14px}.header-contact span{margin-right:25px}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white;min-height:640px}.hero-copy{padding:65px 12% 24px 9%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-family:Montserrat,Cairo,sans-serif;font-size:12px;letter-spacing:1.6px;color:#adc0d5}.blue{color:var(--steel)}.overline{font-size:14px;margin:42px 0 14px;color:#ced9e6}h1{font-size:clamp(48px,5.6vw,84px);line-height:1.45;letter-spacing:-2px;margin:0;font-weight:500}h1 em{font-style:normal;color:#a4b9d1}.intro{font-size:17px;max-width:415px;line-height:2;margin:22px 0 30px;color:#dae2eb}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:14px 24px;min-height:56px;font-size:14px;font-weight:600;transition:background .2s}.light{background:white;color:var(--navy)}.light:hover{background:#dce5ef}.dark{background:var(--navy);color:white}.dark:hover{background:var(--deep)}.hero-bottom{width:100%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff26;padding-top:20px;margin-top:48px;font-size:12px;color:#b5c4d6}.hero-bottom span:last-child{letter-spacing:1.5px;font-size:10px}.hero-visual{position:relative;overflow:hidden;background:#8999a5;min-height:640px}.architecture{position:absolute;inset:0;overflow:hidden}.architecture img{position:absolute;width:180%;max-width:none;height:auto;left:0;top:-28%}.image-label{position:absolute;bottom:35px;left:35px;background:#fff;padding:18px 25px;color:var(--navy);min-width:190px}.image-label>span{display:block;font-family:Montserrat,sans-serif;letter-spacing:4px;font-size:25px}.image-label small{font-size:13px}.image-note{position:absolute;top:22px;left:22px;background:#0a1f3dbd;color:white;padding:3px 12px;font-size:12px}.section{padding:90px 8%;scroll-margin-top:20px}h2{font-size:clamp(32px,3.5vw,50px);line-height:1.55;font-weight:500;margin:18px 0}h3{font-size:24px;font-weight:600;line-height:1.7}.about{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;align-items:center}.about-text{font-size:18px}.muted{color:#637387;font-size:16px}.project{background:#f3f5f7}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px}.section-head h2[dir]{font-family:Montserrat,sans-serif;font-size:62px;letter-spacing:1px}.subtitle{display:block;font-family:Cairo,sans-serif;font-size:18px;letter-spacing:0;direction:rtl;text-align:right}.location{font-size:14px;padding-bottom:20px;color:var(--steel)}.project-grid{display:grid;grid-template-columns:1fr 1.2fr;border-top:1px solid #c9d1db;margin-top:28px;padding-top:45px;gap:10%}.project-index{font-family:Montserrat,sans-serif;color:var(--steel);font-size:14px}.project-title h3{font-size:32px;margin:18px 0}.project-title p{max-width:360px;color:#5a6b80}.text-link{display:inline-flex;gap:28px;border-bottom:1px solid var(--navy);padding:14px 0;font-size:14px;margin-top:10px}.project-specs{display:flex;flex-wrap:wrap}.stat{width:50%;padding-bottom:24px}.stat strong{display:block;font-family:Montserrat,Cairo,sans-serif;font-size:27px;font-weight:500}.stat small{font-size:17px}.stat>span{font-size:14px;color:var(--steel)}.spec-line{display:flex;justify-content:space-between;gap:20px;width:100%;border-top:1px solid #d1d8e1;padding:15px 0;font-size:14px}.spec-line>span{color:var(--steel);flex-shrink:0}.spec-line b{font-weight:500;text-align:left}.fine{font-size:13px;color:#586c82}.quality{background:var(--navy);color:white}.quality .section-head p{color:#b7c8da}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:35px}.principles article{border-top:1px solid #54667d;padding-top:25px}.principles article>span{font-family:Montserrat,sans-serif;color:#9bb2cc;font-size:14px}.principles h3{margin:20px 0 10px}.principles p{color:#bfcdde;font-size:16px}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-row h2{font-size:clamp(36px,4vw,58px)}.contact-row p{color:#5e7187}.phone{display:block;text-align:right;font-family:Montserrat,sans-serif;margin-top:18px;font-size:15px}footer{margin:0 8%;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--steel)}footer div b{font-size:24px;color:var(--navy);margin-left:15px}footer>a{font-size:14px}.skip{position:absolute;top:-100px;right:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}@media(min-width:1450px){.architecture img{top:-40%}.hero{min-height:750px}}@media(max-width:900px){header{padding:0 5%;height:100px}nav{gap:18px}.brand span{display:none}.hero-copy{padding:42px 9% 25px}.hero{min-height:620px}.hero-visual{min-height:620px}.architecture img{width:auto;height:150%;top:-28%;left:-5%}.hero-bottom{flex-wrap:wrap}.section{padding:65px 6%}.about{gap:6%}.project-grid{gap:6%}.stat strong{font-size:23px}.section-head h2[dir]{font-size:48px}}@media(max-width:620px){header{height:88px;gap:16px}.brand img{width:52px;height:66px}nav{gap:16px;font-size:12px}nav a:last-child{display:none}.header-contact{font-size:12px}.header-contact span{margin-right:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7% 25px}.eyebrow{font-size:10px;letter-spacing:1.2px}.overline{margin-top:30px}h1{font-size:56px}.hero-bottom{margin-top:35px}.hero-visual{min-height:420px}.architecture img{width:180%;height:auto;top:-36%;left:0}.image-label{bottom:22px;left:22px}.section{padding:55px 7%}.about{grid-template-columns:1fr;gap:10px}.about-text{font-size:16px}.section-head{display:block}.section-head h2[dir]{font-size:44px}.location{display:block}.project-grid{grid-template-columns:1fr;gap:40px;padding-top:30px}.project-title h3{font-size:30px}.stat strong{font-size:25px}.principles{grid-template-columns:1fr;gap:25px}.principles h3{margin-top:10px}.contact-row{display:block}.contact-row h2{font-size:42px}.contact-row .button{margin-top:10px}.phone{text-align:right}footer{margin:0 7%;flex-wrap:wrap}footer div{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Project imagery and document download */
.architecture img{width:100%;height:100%;top:0;left:0;object-fit:cover;object-position:48% center}.gallery h3{margin:25px 0 20px}.gallery-grid{display:grid;gap:28px}.exterior-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery figure{margin:0;min-width:0}.gallery-item{display:block;position:relative;overflow:hidden;background:#edf0f4;cursor:zoom-in}.gallery-item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .35s}.exterior-grid .gallery-item img{aspect-ratio:16/10}.gallery-item:hover img{transform:scale(1.035)}.gallery-item:focus-visible{outline:3px solid var(--steel);outline-offset:5px}.zoom-mark{position:absolute;bottom:14px;left:14px;width:38px;height:38px;display:grid;place-items:center;background:white;color:var(--navy);font-size:25px}.gallery figcaption{font-size:14px;padding-top:10px}.interior-heading{margin-top:55px}.interior-heading p{max-width:720px;margin-bottom:25px}.project-download{display:flex;align-items:center;gap:25px;padding:30px;border:1px solid #c9d1db;background:white;margin-top:45px}.project-download svg{flex-shrink:0}.project-download h3{font-size:23px;margin:0}.project-download p{font-size:14px;margin:7px 0;color:var(--steel)}.download-action{margin-right:auto}.download-action button{font:600 14px Cairo,Tahoma,sans-serif;padding:14px 22px;border:1px solid #aebccc;background:#e9eef4;color:#4c6078;cursor:not-allowed}.download-action span{display:block;font-size:13px;color:#52677f;margin-top:8px}#gallery-dialog{padding:20px;background:#08172c;color:white;border:1px solid #52677f;width:min(1200px,96vw);max-width:96vw;max-height:96dvh}#gallery-dialog::backdrop{background:#040c18e8}#gallery-dialog[open]{display:flex;flex-direction:column}#viewer-image{display:block;width:100%;height:min(72dvh,900px);min-height:0;object-fit:contain}.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.viewer-top p{margin:0;font-size:16px}.viewer-top{padding-bottom:15px}.viewer-bottom{padding-top:15px}#gallery-dialog button{color:white;background:#1c3d6e;border:1px solid #7992ad;padding:10px 18px;cursor:pointer;font:500 14px Cairo,Tahoma,sans-serif}#gallery-dialog button:focus-visible{outline:3px solid white;outline-offset:3px}body.viewer-open{overflow:hidden}@media(max-width:900px){.interior-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-download{flex-wrap:wrap}.download-action{margin-right:65px}}@media(max-width:620px){.exterior-grid,.interior-grid{grid-template-columns:1fr}.gallery-grid{gap:25px}.gallery-item img{aspect-ratio:auto}.project-download{padding:22px;gap:16px}.download-action{margin:0;width:100%}.download-action button{width:100%}.project-download>div:nth-child(2){flex:1}.project-download h3{font-size:20px}.viewer-top p{font-size:14px}#gallery-dialog{padding:12px}#viewer-image{height:65dvh}.viewer-bottom{gap:10px}}
/* Apartment catalogue */
.model-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--line);margin-top:32px}.model-selector button{font:500 16px Cairo,Tahoma,sans-serif;background:#fff;color:var(--navy);border:0;border-inline-end:1px solid var(--line);padding:18px 10px;cursor:pointer}.model-selector button:last-child{border-inline-end:0}.model-selector button span,.model-selector button small{display:block}.model-selector button b{font:600 24px Montserrat,sans-serif;margin-inline-start:8px}.model-selector button small{font-size:14px;margin-top:5px}.model-selector button[aria-pressed=true]{background:var(--navy);color:#fff}.model-selector button:hover:not([aria-pressed=true]){background:#edf1f6}.model-selector button:focus-visible{outline:3px solid var(--steel);outline-offset:3px;position:relative;z-index:1}.models-scope{font-size:14px;color:var(--steel);padding:18px 0;margin:0 0 18px;border-bottom:1px solid var(--line)}.model-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);gap:50px;align-items:start;padding:24px 0}.model-panel[hidden]{display:none}.model-info h3{font-size:36px;margin:8px 0}.model-info h3 span{font:500 56px Montserrat,sans-serif;margin-inline-start:8px}.model-orientation{font-size:16px;color:var(--steel);margin-top:0}.model-facts{display:flex;flex-wrap:wrap;gap:20px;margin:22px 0}.model-facts div{padding-inline-end:20px;border-inline-end:1px solid var(--line)}.model-facts dt{font-size:14px;color:var(--steel)}.model-facts dd{margin:0;font-size:21px;font-weight:600}.model-price{padding:22px 0;border-top:1px solid var(--line)}.model-price small{display:block;font-size:14px;color:var(--steel)}.model-price strong{display:block;text-align:right;font:500 38px Montserrat,sans-serif;margin-top:6px}.model-price strong.sold-out{font:600 26px Cairo,sans-serif;color:#68717d}.price-table{width:100%;border-collapse:collapse;font-size:16px;text-align:right}.price-table caption{text-align:right;font-weight:600;padding-bottom:12px}.price-table th,.price-table td{padding:10px 8px;border-bottom:1px solid #e1e6ec}.price-table thead{background:#f3f5f7;font-size:14px;color:var(--steel)}.price-table tbody th{font-weight:500}.price-table td{text-align:left;font-family:Montserrat,Cairo,sans-serif}.sold-label{font:500 14px Cairo,sans-serif;color:#68717d}.model-enquiry{margin-top:24px;width:100%;justify-content:center}.model-drawings{display:grid;gap:24px;min-width:0}.model-drawings figure,.building-plans figure{margin:0}.plan-image img{aspect-ratio:16/9;object-fit:contain;background:#f3f5f7}.plan-image:hover img{transform:none}.model-drawings figcaption,.building-plans figcaption{font-size:14px;color:var(--steel);padding-top:8px}.models-source{font-size:14px;color:var(--steel);margin-top:30px}.building-plans{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:30px}.building-plans summary{cursor:pointer;padding:22px 0;font-size:18px;font-weight:600}.building-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-bottom:28px}#viewer-original{font-size:14px;text-decoration:underline}.viewer-bottom{flex-wrap:wrap}@media(max-width:900px){.model-panel{grid-template-columns:1fr;gap:30px}.model-info{max-width:none}.model-selector button b{display:block;margin:0}.model-selector button{padding:12px 5px}.model-facts{gap:14px}}@media(max-width:620px){header{height:auto;min-height:88px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}header nav{order:3;width:100%;justify-content:space-between;font-size:14px;gap:10px}header nav a:last-child{display:inline}.model-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.model-selector button{border-bottom:1px solid var(--line)}.model-selector button:nth-child(3){border-inline-end:0}.model-selector button:nth-child(n+4){border-bottom:0}.model-selector button b{display:inline;margin-inline-start:5px}.model-panel{padding-top:10px}.model-info h3{font-size:30px}.model-price strong{font-size:32px}.building-plan-grid{grid-template-columns:1fr}.plan-image img{aspect-ratio:16/9}.model-drawings .zoom-mark{width:30px;height:30px;bottom:8px;left:8px}}
/* Building architecture, location and founders */
header{height:auto;min-height:116px;padding-top:15px;padding-bottom:15px}header nav{gap:20px;flex-wrap:wrap}.building-specs{background:#f3f5f7}.technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 50px;margin:35px 0 45px}.technical-grid article{border-top:1px solid #bbc7d4;padding-top:20px}.spec-number{font-family:Montserrat,sans-serif;color:var(--steel);font-size:14px}.technical-grid h3{margin:12px 0;font-size:23px}.technical-grid p{margin:0;color:#52677f}.building-figure{margin:0;min-width:0}.building-figure figcaption{font-size:14px;color:var(--steel);padding-top:10px}.building-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.materials-heading{margin:55px 0 28px;max-width:800px}.materials-heading h3{font-size:32px;margin:15px 0}.materials-heading p{color:#52677f}.entrance-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:start;margin:30px 0 40px}.entrance-copy h3{margin-top:0}.entrance-copy p{color:#52677f}.materials-list{list-style:none;padding:0}.materials-list li{border-top:1px solid var(--line);padding:14px 0}.materials-list b,.materials-list span{display:block}.materials-list span{color:#52677f;font-size:16px}.project-location{background:#f3f5f7}.location-intro{max-width:750px;font-size:18px;color:#52677f}.location-distances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:35px 0}.location-distances>div{border-top:1px solid #bbc7d4;padding-top:20px}.location-distances strong{display:block;font:500 42px Montserrat,Cairo,sans-serif}.location-distances small{font:500 18px Cairo,sans-serif}.location-distances span{font-size:16px;color:var(--steel)}.location-footnote{font-size:14px;color:var(--steel)}.founders-intro{background:var(--navy);color:white}.founders-intro h1{margin:25px 0 15px}.founders-intro p{font-size:24px;color:#ced9e6}.founder-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;max-width:900px;margin:auto}.founder-cards article{min-width:0}.founder-photo{position:relative;overflow:hidden;aspect-ratio:228/393;width:100%;max-width:340px;margin-bottom:28px;background:#111}.founder-photo img{position:absolute;width:842.106%;max-width:none;height:274.81%;top:-58.78%;left:-498.25%}.founder-abdulaziz{aspect-ratio:232/393}.founder-abdulaziz img{width:827.59%;left:-630.17%}.founder-cards h2{font-size:30px;margin:8px 0;overflow-wrap:anywhere}.founder-cards h2[dir]{font:500 28px/1.5 Montserrat,sans-serif;text-align:right}.founder-cards p{font:500 16px Montserrat,sans-serif;text-align:right;color:var(--steel)}.founders-story{display:grid;grid-template-columns:1fr 1.3fr;gap:25px 60px;margin-top:70px;padding-top:40px;border-top:1px solid var(--line)}.founders-story>.eyebrow{grid-column:1/-1}.founders-story h2{margin:0}.founders-story p{color:#52677f;margin-top:0}@media(max-width:1000px){header{gap:15px}header nav{gap:14px}.entrance-layout{grid-template-columns:1fr}.founder-cards{gap:35px}}@media(max-width:620px){header{min-height:88px}header nav{justify-content:flex-start;gap:8px 20px}header nav a{font-size:14px}.technical-grid,.building-media-grid,.location-distances,.founders-story{grid-template-columns:1fr}.technical-grid{gap:26px}.materials-heading h3{font-size:26px}.location-distances{gap:22px}.location-distances strong{font-size:35px}.founder-cards{grid-template-columns:1fr;gap:45px}.founder-photo{max-width:300px}.founders-intro h1{font-size:48px}.founders-intro p{font-size:20px}.founders-story{gap:22px;margin-top:45px}.building-figure .plan-image img{aspect-ratio:16/9}}
