@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&display=swap');
:root{--ink:#102c35;--muted:#5c6c70;--gold:#9a7740;--sand:#f4f2ec;--line:#dce2df;--white:#fff;--radius:3px}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Almarai,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.85}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%;display:block;object-fit:cover}button{color:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:hover{color:var(--gold)}:focus-visible{outline:3px solid #b48e4f;outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(32px,4.4vw,64px);line-height:1.35;font-weight:800;letter-spacing:-1.2px}h2{font-size:clamp(26px,3vw,38px);line-height:1.5;letter-spacing:-.7px}h3{line-height:1.6;font-size:20px}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;z-index:99;background:white;padding:15px}.skip:focus{top:5px}.demo-bar{min-height:35px;background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;padding:5px 4%;font-size:11px;gap:12px}.demo-bar b{font-family:Arial,sans-serif;letter-spacing:1px;margin-inline-end:10px}.demo-bar button{background:none;border:0;color:#ead5ad;font-size:12px}.pill{border:1px solid #668087;padding:2px 6px;font-size:9px;margin-inline-end:8px}header{border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:10}.header-inner{width:min(1370px,92%);min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{direction:ltr;display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:25px;letter-spacing:3px;line-height:1.1;flex-shrink:0}.brand svg{width:40px;height:44px;stroke:var(--gold);fill:none;stroke-width:1.5}.brand small{display:block;text-align:center;font:9px Arial,sans-serif;letter-spacing:5px;margin-top:7px}.brand.light{display:block;width:max-content;color:white}.header-inner nav{display:flex;gap:26px;font-size:13px}.header-inner nav a{padding-block:12px;border-bottom:1px solid transparent}.header-inner nav a[aria-current=page]{border-color:var(--gold);color:var(--gold)}.header-tools{display:flex;align-items:center;gap:22px}.header-tools>a:first-child{font-size:20px;white-space:nowrap}.header-tools span{font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--ink);border:1px solid var(--ink);padding:13px 24px;color:white;min-height:48px;border-radius:var(--radius);font-weight:700;font-size:13px}.btn:hover{background:#214b55;color:white}.btn.small{padding:10px 17px;font-size:12px}.btn.outline{color:var(--ink);background:transparent;border-color:#aab7b6}.btn.outline:hover{background:#edf1ef}.btn.gold{background:#c7ab74;border-color:#c7ab74;color:var(--ink)}.btn.white{background:white;border-color:white;color:var(--ink)}.menu-toggle{display:none;border:1px solid var(--line);background:white;font-size:22px}.hero{min-height:600px;position:relative;background:#153a43;isolation:isolate;color:white;display:flex;align-items:center}.hero>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(6,26,33,.90),rgba(7,29,35,.36) 64%,rgba(7,29,35,.15));z-index:-1}.hero-content{padding:72px 0 110px}.eyebrow{display:block;letter-spacing:3px;font:11px Arial,sans-serif;color:var(--gold);margin-bottom:20px}.hero .eyebrow{color:#e7cf9f}.hero h1{max-width:620px;margin-bottom:22px}.hero h1 em{font-style:normal;color:#dfc899}.hero p{color:#e0e7e6;max-width:470px;font-size:16px}.hero .actions{margin-top:32px}.hero-caption{position:absolute;bottom:45px;left:4%;font-size:11px;color:#e7eeee;border-inline-start:1px solid #cab88d;padding-inline-start:15px}.hero-caption b{display:block;font-size:15px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-panel{position:relative;margin-top:-38px;background:white;box-shadow:0 10px 45px #172c3514;padding:24px 30px;border:1px solid #eceeea;z-index:2}.search-panel .mini-label{color:var(--gold);margin-bottom:16px;font-weight:700;font-size:12px}.search-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:18px;align-items:end}label{display:block;font-weight:700;font-size:12px}label>input,label>select,label>textarea{margin-top:7px}input,select,textarea{width:100%;padding:12px;background:#fff;border:1px solid #c9d2d0;border-radius:var(--radius);color:var(--ink);min-height:46px;font-weight:400;font-size:13px}textarea{min-height:120px;resize:vertical}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--ink)}.check{display:flex;gap:10px;align-items:start;font-weight:400}.search-row select{border:0;border-bottom:1px solid var(--line);padding-inline:0}.section{padding-block:85px}.section.soft{background:var(--sand)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head h2{margin-bottom:8px}.section-head p{margin:0}.section-head .eyebrow{margin-bottom:10px}.text-link{color:var(--ink);font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:5px;white-space:nowrap}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.property-card{border:1px solid var(--line);background:white;min-width:0}.card-image{position:relative;aspect-ratio:1.4;overflow:hidden;background:var(--sand)}.card-image>a{display:block;width:100%;height:100%}.card-image img{width:100%;height:100%;transition:transform .45s}.property-card:hover .card-image img{transform:scale(1.035)}.tag{position:absolute;top:16px;right:16px;padding:4px 12px;font-size:11px;background:white;color:var(--ink)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border:1px solid var(--line);background:white;font-size:23px;border-radius:2px}.favorite{position:absolute;left:15px;top:15px}.icon-btn[aria-pressed=true]{color:#8c552e;background:#f5ebd7}.card-body{padding:23px}.location{color:var(--muted);font-size:12px;margin-bottom:8px}.card-body h3{font-size:19px;margin-bottom:15px}.specs{display:flex;gap:14px;font-size:12px;color:#5c6c70;flex-wrap:wrap;padding-bottom:17px;border-bottom:1px solid var(--line)}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:18px}.price{font-size:20px;font-weight:800;line-height:1.5}.price small{font-size:11px;font-weight:400;color:var(--muted)}.compare-btn{border:0;background:transparent;color:var(--muted);font-size:11px;padding:9px 0}.compare-btn[aria-pressed=true]{color:var(--gold);font-weight:700}.area-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.area-card{position:relative;height:330px;isolation:isolate;overflow:hidden;color:white}.area-card img{width:100%;height:100%;position:absolute;z-index:-2;transition:transform .4s}.area-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08232bdb,transparent);z-index:-1}.area-card:hover img{transform:scale(1.04)}.area-card:hover{color:white}.area-card>div{position:absolute;bottom:25px;right:26px;left:26px}.area-card h3{margin-bottom:6px;font-size:25px}.area-card span{font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.split-photo{position:relative;padding:0 0 28px 28px}.split-photo:before{content:'';position:absolute;inset:35px 35px 0 0;background:#e9e5da;z-index:-1}.split-photo img{width:100%;height:460px}.steps{counter-reset:step}.step{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:20px 0}.step:before{counter-increment:step;content:'0' counter(step);font:26px Georgia,serif;color:var(--gold)}.step h3{font-size:16px;margin-bottom:5px}.step p{font-size:13px;margin:0}.cta-band{background:var(--ink);color:white;padding:46px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{font-size:30px;margin-bottom:10px}.cta-band p{color:#cbd6d7;margin-bottom:0}.page-head{background:var(--sand);padding:44px 0 40px}.crumb{font-size:12px;color:var(--muted);margin-bottom:20px;display:flex;gap:12px}.page-head h1{font-size:38px;margin-bottom:10px}.page-head p{margin-bottom:0;max-width:730px}.listing{display:grid;grid-template-columns:250px 1fr;gap:35px;padding-block:40px 80px}.filters{align-self:start;background:var(--sand);padding:24px}.filters label{margin-bottom:18px}.filters h2{font-size:20px}.range{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-actions{display:grid;gap:10px}.results-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:15px}.results-toolbar p{margin:0}.results-toolbar select{width:auto;max-width:180px}.listing .property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notice{padding:15px 18px;background:#f5f0e5;border-inline-start:3px solid var(--gold);font-size:12px;color:#665235;margin:20px 0}.empty{text-align:center;padding:70px 25px;background:var(--sand);border:1px dashed #b7c5c2}.empty-symbol{font:42px Georgia,serif;color:var(--gold)}.empty h2{font-size:26px}.gallery-main{position:relative;height:520px;background:var(--sand);margin-top:30px}.gallery-main img{width:100%;height:100%}.gallery-main button{position:absolute;left:20px;bottom:20px}.gallery-thumbs{display:flex;gap:12px;margin-top:12px}.gallery-thumbs button{border:2px solid transparent;background:transparent;padding:0;width:110px;height:75px}.gallery-thumbs button.active{border-color:var(--gold)}.gallery-thumbs img{width:100%;height:100%}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:65px;padding-block:38px 75px}.detail-main h2{font-size:25px}.detail-main section{padding:24px 0;border-bottom:1px solid var(--line)}.detail-main section:first-child{padding-top:0}.detail-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;border-block:1px solid var(--line);padding:22px 0}.detail-specs b{display:block;font-size:22px}.detail-specs span{font-size:12px;color:var(--muted)}.amenities{display:flex;flex-wrap:wrap;gap:12px}.amenities span{background:var(--sand);padding:8px 16px;font-size:13px}.booking-card{border:1px solid var(--line);padding:30px;position:sticky;top:20px;align-self:start;background:var(--sand)}.booking-card .price{font-size:30px}.booking-card .btn{width:100%;margin-top:12px}.booking-card .eyebrow{letter-spacing:1px}.booking-card p{font-size:12px;margin:15px 0 0}.map-placeholder{padding:30px;background:repeating-linear-gradient(45deg,#f2f4ef,#f2f4ef 18px,#e9ede8 18px,#e9ede8 19px);border:1px solid var(--line)}.map-placeholder p{max-width:540px;margin-bottom:0}.table-scroll{overflow:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;text-align:right;min-width:580px}th,td{padding:20px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--sand);width:150px}td img{width:220px;height:140px;margin-bottom:18px}td .btn{margin-top:10px}td h3{font-size:17px;margin:10px 0}tr:nth-child(even) td{background:#fafbf9}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:65px;padding-block:50px 80px;align-items:start}.form-card{border:1px solid var(--line);padding:32px}.form-card h2{font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}.form-error{color:#9d3030;font-size:13px;margin-top:15px}.side-info{background:var(--sand);padding:30px}.side-info h3{font-size:19px}.side-info li{margin-bottom:12px}.success{padding:35px;background:#f0f5f0;border:1px solid #adbfac}.success h2{font-size:26px}.success code{display:block;direction:ltr;text-align:right;font-size:21px;margin-block:15px}.developer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.developer{border:1px solid var(--line);padding:35px}.developer-mark{width:65px;height:65px;background:var(--sand);color:var(--gold);display:grid;place-items:center;font:30px Georgia,serif;margin-bottom:25px}.developer h2{font-size:24px}.developer p{font-size:13px}.prose{max-width:850px;margin:auto;padding-block:55px 80px}.prose h2{font-size:25px;margin-top:30px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:16px;font-weight:700;cursor:pointer}details p{margin:16px 0 0}.appointments{display:grid;gap:18px}.appointment{padding:25px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.appointment h3{margin-bottom:5px}.appointment p{margin:0}.appointment code{font-size:12px}.text-btn{background:none;border:0;border-bottom:1px solid #b7a074;color:inherit;padding:4px 0;width:max-content;font-size:13px}.danger{color:#9d3030;border-color:#b99292}footer{background:#0c242c;color:#d2dcdd;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1.3fr;gap:45px;padding-bottom:50px}.footer-grid p{color:#a8bcbe;font-size:12px;margin-top:20px}.footer-grid h3{font-size:14px;margin-bottom:20px;color:white}.footer-grid a:not(.brand){display:block;font-size:12px;margin-bottom:10px}.footer-grid .text-btn{display:block;margin:12px 0}.footer-grid .eyebrow{color:#c5ac7c}.footer-bottom{border-top:1px solid #2c454c;padding-block:22px 85px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a8bcbe}#compare-tray:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:30;background:white;box-shadow:0 6px 40px #001e3430;border:1px solid var(--line);padding:12px 20px;display:flex;gap:20px;align-items:center;max-width:calc(100% - 24px);width:max-content;font-size:13px}#toast{position:fixed;bottom:105px;left:25px;z-index:60;background:var(--ink);color:white;box-shadow:0 5px 24px #102c352a;max-width:min(400px,calc(100% - 50px));padding:0;border-radius:3px}#toast:not(:empty){padding:15px 22px}dialog{border:0;padding:45px;width:min(600px,calc(100% - 30px));max-height:90vh;overflow:auto;color:var(--ink);border-radius:4px}dialog::backdrop{background:#071e2bcc}dialog h2{font-size:27px;margin-top:10px}dialog img{max-height:65vh;width:100%;object-fit:contain}.modal-close{position:absolute;left:12px;top:8px;border:0;background:none;font-size:30px;min-width:40px;min-height:40px}.loading{min-height:50vh;display:grid;place-items:center}.image-fallback{object-fit:contain;background:var(--sand)}@media(min-width:1600px){.hero{min-height:690px}}@media(max-width:1100px){.header-inner{gap:15px}.header-inner nav{gap:15px;font-size:12px}.header-tools>.btn{display:none}.wrap{width:calc(100% - 48px)}.split{gap:40px}.listing{grid-template-columns:220px 1fr;gap:23px}.card-body{padding:18px}.price{font-size:18px}.detail-layout,.form-layout{gap:32px;grid-template-columns:minmax(0,1fr) 300px}.footer-grid{gap:25px}.search-row{gap:12px}.search-panel{padding:24px}.property-grid{gap:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.demo-bar{font-size:9px;padding:7px 12px}.demo-bar b{margin-inline-end:5px}.pill{display:none}.demo-bar button{font-size:10px}.header-inner{min-height:75px;flex-wrap:wrap;gap:10px}.brand{font-size:21px;letter-spacing:2px}.brand svg{width:30px}.brand small{font-size:8px}.menu-toggle{display:block;margin-inline-start:auto;width:42px;height:42px}.header-tools{gap:10px}.header-tools>a:first-child{font-size:20px}.header-inner nav{display:none;width:100%;order:4;padding:10px 0 20px;flex-direction:column;gap:0}.header-inner nav.open{display:flex}.hero{min-height:560px}.hero-content{padding:65px 0 90px}.hero h1{font-size:42px;max-width:400px}.hero p{font-size:14px;max-width:350px}.hero:after{background:linear-gradient(270deg,#061a21d9,#071d2377)}.hero-caption{display:none}.search-panel{padding:22px;margin-top:-26px}.search-row{grid-template-columns:1fr 1fr;gap:20px}.search-row>.btn{grid-column:1/-1}.section{padding-block:55px}.section-head{align-items:start;gap:14px;flex-direction:column}.section-head h2{font-size:29px}.property-grid,.listing .property-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-image{aspect-ratio:1.2}.card-body{padding:15px}.card-body h3{font-size:16px;margin-bottom:12px}.location{font-size:10px}.specs{gap:8px;font-size:10px}.card-bottom{align-items:start;flex-direction:column;padding-top:12px}.price{font-size:17px}.price small{font-size:10px}.tag{top:10px;right:10px;padding:3px 8px}.favorite{top:8px;left:8px;min-width:35px;min-height:35px}.area-grid{grid-template-columns:1fr;gap:15px}.area-card{height:230px}.split{grid-template-columns:1fr;gap:35px}.split-photo img{height:330px}.split-photo{padding:0 0 18px 18px}.cta-band{padding:30px;align-items:start;flex-direction:column}.cta-band h2{font-size:26px}.page-head{padding:30px 0}.page-head h1{font-size:30px}.listing{grid-template-columns:1fr;padding-block:25px 50px;gap:25px}.filters{padding:20px}.filters form{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.filters h2{grid-column:1/-1}.filters label{margin-bottom:13px}.filter-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.gallery-main{height:330px}.gallery-thumbs button{height:60px;width:90px}.detail-layout,.form-layout{grid-template-columns:1fr;gap:25px;padding-block:30px 50px}.booking-card{position:static;order:-1}.booking-card .price{font-size:26px}.booking-card .btn{width:auto}.detail-specs{grid-template-columns:1fr 1fr}.form-card{padding:24px}.developer-grid{grid-template-columns:1fr}.developer{padding:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{flex-direction:column;gap:8px}.appointment{align-items:start;flex-direction:column}dialog{padding:35px 24px}#compare-tray:not(:empty){gap:10px;padding:10px 12px;font-size:11px;bottom:12px}#compare-tray .btn{min-height:40px;font-size:11px;padding:8px 14px}#compare-tray .text-btn{font-size:11px}}
@media(max-width:420px){.hero h1{font-size:35px}.property-grid,.listing .property-grid{grid-template-columns:1fr}.card-image{aspect-ratio:1.45}.card-bottom{flex-direction:row;align-items:center}.card-body h3{font-size:20px}.specs{font-size:12px}.price{font-size:21px}.location{font-size:12px}.form-grid{grid-template-columns:1fr}.footer-grid{gap:25px 20px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.results-toolbar{align-items:start;flex-direction:column}.filters form{display:block}.demo-bar>span{max-width:205px}.header-inner{width:92%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
