:root{color-scheme:light;--paper:#f9f9f7;--ink:#202322;--muted:#686c68;--line:#d9dcd7;--green:#42634d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}img{display:block;max-width:100%}button{border:0;background:none}p,h1,h2,h3{margin:0}a,button{touch-action:manipulation}.site-header,main,.site-footer{width:calc(100% - 112px);max-width:1560px;margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:120px;border-bottom:1px solid var(--line);gap:32px}.brand{display:block;width:134px}.brand img{width:134px;height:auto;mix-blend-mode:multiply}.site-header nav{display:flex;align-items:center;gap:46px;align-self:stretch}.site-header nav a{display:flex;align-items:center;font-size:0.9375rem;position:relative;color:var(--muted);line-height:1.5}.site-header nav a[aria-current]{color:var(--ink)}.site-header nav a[aria-current]:after{position:absolute;content:"";height:2px;background:var(--ink);left:0;right:0;bottom:-1px}.intro{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:40px;padding:74px 0 54px}.eyebrow{font-size:0.75rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.6;color:var(--muted)}.intro h1{font-size:clamp(3.1rem,6.65vw,6.8rem);font-weight:400;letter-spacing:-.06em;line-height:1.03;margin-top:22px}.intro-copy{max-width:355px;justify-self:end;padding-bottom:5px}.intro-copy p{font-size:1.0625rem;line-height:1.7;color:var(--muted)}.intro-copy .count{margin-top:25px;font-size:0.875rem;color:var(--ink)}.project-card{display:block;min-width:0}.project-open{display:block;width:100%;padding:0;text-align:left}.image-wrap{display:block;background:#e8eae6;overflow:hidden;position:relative}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.project-open:hover .image-wrap img{transform:scale(1.025)}.project-card.featured .image-wrap{aspect-ratio:2.1}.project-grid .image-wrap{aspect-ratio:1.55}.card-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0 12px}.card-meta h2,.card-meta h3{font-size:1.5rem;letter-spacing:-.025em;line-height:1.3;font-weight:400}.card-subtitle{display:block;font-size:0.875rem;color:var(--muted);margin-top:8px;line-height:1.5}.card-right{display:flex;align-items:center;gap:35px}.status{font-size:0.875rem;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.status.available{color:var(--green)}.status.available:before{content:"";width:6px;height:6px;background:var(--green);border-radius:50%}.status.sold{color:var(--muted)}.card-arrow{font-size:1.4375rem;font-weight:400}.section-divider{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 32px;margin-top:66px;font-size:0.875rem}.section-divider h2{font-size:0.875rem;font-weight:400}.section-divider span{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 32px}.project-grid .card-meta h2,.project-grid .card-meta h3{font-size:1.3125rem}.design-grid{row-gap:50px}.design-grid .project-card:nth-child(4n+2) .image-wrap{aspect-ratio:1.55}.design-grid .card-subtitle{font-size:0.8125rem}.design-grid .card-meta{align-items:start}.project-number{color:var(--muted);font-size:0.8125rem;line-height:1.5;margin-right:14px;font-variant-numeric:tabular-nums}.design-title{display:flex;align-items:baseline}.site-footer{margin-top:112px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:52px 0 58px}.footer-top p{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:400;letter-spacing:-.035em}.text-link{font-size:1.0rem;border-bottom:1px solid #7e857d;padding:10px 0;display:inline-flex;gap:30px}.text-link:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding:23px 0 35px;font-size:0.8125rem;color:var(--muted)}.footer-bottom div{display:flex;gap:26px}.footer-bottom a:hover{color:var(--ink)}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:14px 22px;background:var(--ink);color:white}.skip-link:focus{top:12px}.no-script{padding:30px;text-align:center}body.dialog-open{overflow:hidden}dialog{width:min(1400px,calc(100% - 56px));max-width:none;max-height:calc(100dvh - 48px);border:0;padding:26px 32px;background:var(--paper);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:rgba(16,19,17,.78)}.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:22px}.dialog-top h2{font-size:1.75rem;font-weight:400;letter-spacing:-.025em;margin-top:6px}.close-button{display:flex;align-items:center;gap:16px;padding:8px 0 8px 12px;font-size:0.875rem}.close-button span{font-size:1.875rem;line-height:1}.viewer{position:relative;display:flex;justify-content:center;align-items:center;min-height:180px;background:#eeefeb}.viewer>img{max-width:100%;width:auto;height:min(57dvh,720px);object-fit:contain}.image-nav{position:absolute;z-index:1;width:48px;height:48px;background:rgba(249,249,247,.94);border:1px solid #dedfd9;font-size:1.375rem;top:50%;transform:translateY(-50%)}.image-nav:disabled{opacity:.35;cursor:default}.image-nav.previous{left:14px}.image-nav.next{right:14px}.gallery-meta{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px 0;font-size:0.875rem}.gallery-meta>p{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}#project-details{display:flex;align-items:center;flex-wrap:wrap;justify-content:end;gap:16px 25px}#project-details a{border-bottom:1px solid var(--line);padding-bottom:3px}#thumbnails{display:flex;overflow-x:auto;gap:9px;padding:5px 3px 10px;scrollbar-width:thin}#thumbnails button{padding:0;flex:0 0 82px;border:2px solid transparent;opacity:.6}#thumbnails button[aria-pressed=true]{border-color:var(--ink);opacity:1}#thumbnails img{width:78px;height:56px;object-fit:cover}#thumbnails button:hover{opacity:1}
@media(min-width:1800px){.intro{padding-top:90px}.project-card.featured .image-wrap{aspect-ratio:2.3}}
@media(max-width:950px){.site-header,main,.site-footer{width:calc(100% - 64px)}.intro{grid-template-columns:1.3fr 1fr;gap:28px;padding:58px 0 40px}.intro-copy p{font-size:1.0rem}.site-header nav{gap:30px}.card-right{gap:18px}.project-grid{gap:34px 24px}.card-meta h2{font-size:1.4375rem}.project-grid .card-meta h3,.project-grid .card-meta h2{font-size:1.1875rem}.card-meta{gap:12px}.site-footer{margin-top:80px}.footer-bottom>span:last-child{display:none}}
@media(max-width:620px){.site-header,main,.site-footer{width:calc(100% - 40px)}.site-header{min-height:108px;align-items:start;gap:22px;padding:21px 0 0;flex-wrap:wrap}.brand,.brand img{width:93px}.site-header nav{gap:27px;width:100%;height:47px;order:2;justify-content:flex-start}.site-header nav a{font-size:0.875rem;align-items:flex-start;padding-top:4px}.intro{grid-template-columns:1fr;gap:24px;padding:38px 0 30px}.intro h1{font-size:clamp(2.7rem,11vw,4.7rem);letter-spacing:-.055em;margin-top:15px}.intro-copy{justify-self:start;max-width:390px}.intro-copy p{font-size:1.0rem;line-height:1.65}.intro-copy .count{margin-top:14px}.eyebrow{font-size:0.75rem}.project-card.featured .image-wrap{aspect-ratio:1.3}.card-meta{align-items:start;padding:17px 0 8px}.card-meta h2{font-size:1.4375rem}.card-right{gap:14px;padding-top:4px}.card-arrow{font-size:1.25rem}.status{font-size:0.875rem}.card-subtitle{font-size:0.8125rem}.section-divider{margin-top:40px;padding:19px 0 24px}.project-grid{grid-template-columns:1fr;gap:28px}.project-grid .image-wrap{aspect-ratio:1.45}.project-grid .card-meta h2,.project-grid .card-meta h3{font-size:1.3125rem}.site-footer{margin-top:62px}.footer-top{align-items:start;flex-direction:column;gap:22px;padding:33px 0 37px}.footer-bottom{font-size:0.75rem;gap:20px;padding-bottom:24px}.footer-bottom div{gap:20px}dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;padding:20px 16px}.dialog-top{padding-bottom:20px;gap:14px}.dialog-top h2{font-size:1.4375rem}.dialog-top .eyebrow{font-size:0.6875rem}.close-button{gap:8px}.viewer>img{height:52dvh}.image-nav{width:40px;height:44px}.image-nav.previous{left:3px}.image-nav.next{right:3px}.gallery-meta{align-items:start;font-size:0.8125rem;gap:12px}#project-details{gap:12px;font-size:0.8125rem}#project-details .location{width:100%;text-align:right}#thumbnails button{flex-basis:72px}#thumbnails img{width:68px;height:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

[hidden]{display:none!important}.viewer>video{max-width:100%;height:min(57dvh,720px);object-fit:contain;background:#191b19}#film-toggle{padding:0 0 3px;border-bottom:1px solid var(--line);font-size:inherit}@media(max-width:620px){.viewer>video{height:52dvh}}

.site-header nav{flex-wrap:wrap}.card-meta>span:first-child{min-width:0}.design-title h2{overflow-wrap:anywhere}.site-header nav a{min-height:40px}.brand img{clip-path:inset(0 0 9% 0)}@media(max-width:620px){.site-header nav{height:auto;min-height:47px;row-gap:0}}

.alsafa-feature{display:grid;grid-template-columns:1.45fr 1fr;gap:48px;align-items:center}.alsafa-image{aspect-ratio:1.55}.alsafa-image img{height:100%;width:100%;object-fit:cover}.alsafa-image:hover img{transform:scale(1.025)}.alsafa-copy h2{font-size:clamp(2rem,3.7vw,3.75rem);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:14px 0 22px}.alsafa-copy>p:not(.eyebrow){color:var(--muted);font-size:1rem;line-height:1.75;max-width:355px}.alsafa-copy .text-link{margin-top:22px;gap:24px}.alsafa-pricing{display:block;font-size:.8125rem;margin-top:19px;color:var(--muted)}.alsafa-pricing:hover{color:var(--green)}.tour-card-link{display:inline-flex;gap:22px;font-size:.8125rem;margin-top:5px;padding:7px 0;border-bottom:1px solid var(--line);color:var(--green)}@media(max-width:950px){.alsafa-feature{gap:28px}.alsafa-copy h2{font-size:2.1rem}.alsafa-copy>p:not(.eyebrow){font-size:.9375rem}}@media(max-width:620px){.alsafa-feature{grid-template-columns:1fr;gap:24px}.alsafa-image{aspect-ratio:1.4}.alsafa-copy h2{font-size:2.5rem}.alsafa-copy .text-link{margin-top:15px}.alsafa-copy>p:not(.eyebrow){max-width:100%}}

.about-intro{padding-bottom:60px}.about-story{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;padding:20px 0 40px}.about-statement{font-size:clamp(1.6rem,2.7vw,2.7rem);line-height:1.4;letter-spacing:-.035em;max-width:830px}.about-services{padding-top:7px}.about-services>.eyebrow{margin-bottom:18px}.about-services>a{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:24px 0;font-size:1.0625rem;line-height:1.5}.about-services>a:last-child{border-bottom:1px solid var(--line)}.about-services>a:hover{color:var(--green)}@media(max-width:950px){.site-header nav{gap:24px}.about-story{gap:40px}}@media(max-width:760px){.site-header{flex-wrap:wrap;justify-content:flex-start;gap:15px;padding-top:21px}.site-header nav{width:100%;gap:12px 25px;padding-bottom:0}.site-header nav a{padding:10px 0;white-space:nowrap}.about-story{grid-template-columns:1fr;gap:38px;padding-top:0}.about-intro{padding-bottom:36px}}@media(max-width:420px){.site-header nav{gap:0 24px}.site-header nav a{font-size:.8125rem;min-height:44px}.about-statement{font-size:1.75rem}.about-services>a{font-size:1rem}}
@media(max-width:620px){.site-header nav{display:grid;grid-template-columns:max-content max-content;gap:0 24px}.site-header nav a{justify-self:start}}

/* Bilingual ASAS refresh. Navy sampled from the original logo: RGB 15, 63, 109. */
@font-face{font-family:'ASAS Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-sans-arabic/400-arabic.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC,U+10E60-10E7E,U+1EE00-1EEFF}
@font-face{font-family:'ASAS Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-sans-arabic/400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#fff;--canvas:#f6f7f8;--navy:#0f3f6d;--ink:#1f2c37;--muted:#626b73;--line:#dfe3e7}
body{font-size:1rem;background:var(--canvas)}button:focus-visible,a:focus-visible{outline-color:var(--navy)}
.header-surface{background:var(--paper)}
main h1,main h2,main h3,.dialog-top h2{color:var(--navy)}
.site-header{display:grid;grid-template-columns:134px 1fr auto;grid-template-areas:'brand navigation language';gap:24px;min-height:120px;padding-top:0}
.brand{grid-area:brand}.site-header nav{grid-area:navigation;justify-content:flex-end;gap:clamp(20px,2.4vw,42px);flex-wrap:nowrap;width:auto;order:0;padding:0;height:auto}
.site-header nav a{font-size:.9375rem;white-space:nowrap;align-items:center;padding:0;min-height:44px}
.language-switch{grid-area:language;border-inline-start:1px solid var(--line);padding:10px 0 10px 24px;white-space:nowrap;font-size:.9375rem;line-height:1.7}
.language-switch[lang=ar]{font-family:'ASAS Arabic',Tahoma,sans-serif;direction:ltr}
.language-switch:hover,.site-header nav a:hover{color:var(--navy)}
.eyebrow{font-size:.875rem;letter-spacing:.1em;font-weight:400}.intro-copy p{font-size:1.0625rem}
.project-open{text-align:start}.project-number{margin-right:0;margin-inline-end:14px;font-size:.875rem}.design-title h2{overflow-wrap:normal}
.card-meta h2,.card-meta h3{overflow-wrap:anywhere}.card-meta .status{padding-top:4px}
.text-link:hover,.alsafa-pricing:hover,.about-services>a:hover{color:var(--navy)}
.alsafa-pricing,.tour-card-link{font-size:.875rem;line-height:1.7}.tour-card-link{color:var(--navy)}
.site-footer{width:100%;max-width:none;background:var(--navy);color:#fff;border:0;margin:112px 0 0}
.footer-inner{width:calc(100% - 112px);max-width:1560px;margin:auto}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:start;padding:60px 0}
.footer-heading{font-size:clamp(1.7rem,3vw,2.7rem);font-weight:400;letter-spacing:-.035em;line-height:1.25}
.footer-contact .text-link{margin-top:23px}.site-footer .text-link{color:#fff;border-bottom:1px solid #8aa2b9;line-height:1.6;gap:0}
.site-footer .text-link:hover{border-color:#fff}.footer-office .eyebrow{color:#c4d2de;font-size:.875rem;letter-spacing:.08em}
.footer-office .office-name{font-size:1.35rem;letter-spacing:-.02em;margin:13px 0 10px;line-height:1.5}
.footer-office address{font-style:normal;font-size:1rem;line-height:1.8;color:#dde7ef}.footer-office .text-link{margin-top:9px;font-size:.9375rem}
.footer-bottom{border-color:#476988;color:#d6e2ec;font-size:.875rem;align-items:center;padding:25px 0 32px}.footer-bottom>span:last-child{display:block}.footer-bottom a:hover{color:#fff}
.site-footer a:focus-visible{outline-color:white}.footer-bottom div{flex-wrap:wrap;gap:22px}
.image-nav{background:rgba(255,255,255,.95);font-size:2rem;line-height:1}.image-nav.previous{left:auto;right:auto;inset-inline-start:14px}.image-nav.next{left:auto;right:auto;inset-inline-end:14px}
.close-button{padding:8px 0 8px 12px}.close-button span{font-size:inherit}.close-button .close-icon{font-size:1.875rem}
#project-details .location{text-align:start}.gallery-meta,#project-details{font-size:.875rem}.no-script p{margin:12px 0}
html[lang=ar] body{font-family:'ASAS Arabic',Tahoma,Arial,sans-serif;line-height:1.7}
html[lang=ar] .eyebrow,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .about-statement,html[lang=ar] .footer-heading,html[lang=ar] .office-name{letter-spacing:0}
html[lang=ar] .intro h1{font-size:clamp(3rem,6.4vw,6.5rem);line-height:1.25;margin-top:12px}
html[lang=ar] .intro-copy p{line-height:1.9}html[lang=ar] .card-meta h2,html[lang=ar] .card-meta h3{line-height:1.6}
html[lang=ar] .alsafa-copy h2{line-height:1.45}html[lang=ar] .alsafa-copy>p:not(.eyebrow){line-height:1.9}
html[lang=ar] .about-statement{line-height:1.75}html[lang=ar] .footer-heading{line-height:1.6}
html[lang=ar] .image-nav span{display:inline-block;transform:scaleX(-1)}
html[lang=ar] .language-switch{padding:10px 24px 10px 0;font-family:Arial,Helvetica,sans-serif}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto;grid-template-areas:'brand language' 'navigation navigation';padding-top:25px;gap:14px}.site-header nav{justify-content:flex-start;min-height:58px}.site-header nav a{padding:12px 0}.language-switch{border-inline-start:0;padding:8px 0}html[lang=ar] .language-switch{padding:8px 0}}
@media(max-width:950px){.footer-inner{width:calc(100% - 64px)}.site-footer{margin-top:80px}.footer-top{gap:40px}.footer-bottom>span:last-child{flex-basis:100%}}
@media(max-width:760px){.about-story{grid-template-columns:1fr;gap:38px}.site-header{gap:14px}.site-header nav{gap:24px}}
@media(max-width:620px){.site-header{grid-template-columns:1fr auto;gap:12px}.site-header nav{display:grid;grid-template-columns:max-content max-content;gap:0 26px;min-height:0}.site-header nav a{font-size:.875rem;min-height:44px;padding:8px 0;justify-self:start}.brand,.brand img{width:108px}.language-switch{font-size:.9375rem}.eyebrow{font-size:.875rem;letter-spacing:.065em}.intro-copy p{font-size:1rem}.intro h1{font-size:clamp(2.5rem,10.5vw,4.7rem)}html[lang=ar] .intro h1{font-size:clamp(3rem,12vw,4.5rem)}.footer-inner{width:calc(100% - 40px)}.site-footer{margin-top:62px}.footer-top{grid-template-columns:1fr;gap:38px;padding:38px 0}.footer-contact .text-link{margin-top:16px}.footer-heading{font-size:1.9rem}.footer-bottom{font-size:.875rem;gap:18px;padding:24px 0 30px}.footer-bottom div{gap:18px}.footer-bottom>span:last-child{display:block}.image-nav.previous{inset-inline-start:3px}.image-nav.next{inset-inline-end:3px}.dialog-top .eyebrow{font-size:.875rem}.dialog-top h2{font-size:1.4rem;line-height:1.5}.gallery-meta{flex-direction:column;align-items:stretch;gap:12px}#project-details{justify-content:flex-start}.card-subtitle{font-size:.875rem}.about-statement{font-size:1.75rem}.section-divider{gap:20px}.section-divider span{white-space:nowrap}}