.development-page{background:var(--chalk)}
.development-page .site-header{position:relative}
.development-hero{position:relative;isolation:isolate;min-height:calc(100svh - 122px);display:flex;align-items:flex-end;overflow:hidden;color:var(--chalk);background:var(--ink)}
.development-hero__image,.development-hero__shade{position:absolute;inset:0;width:100%;height:100%}
.development-hero__image img{object-position:center 58%;animation:hero-settle 1.3s var(--ease) both}
.development-hero__shade{z-index:1;background:linear-gradient(90deg,rgba(16,29,24,.88) 0%,rgba(16,29,24,.48) 48%,rgba(16,29,24,.14) 78%),linear-gradient(0deg,rgba(16,29,24,.78),transparent 42%)}
.development-hero__content{position:relative;z-index:2;width:min(900px,76%);padding:clamp(110px,15vh,180px) var(--gutter) 190px}
.development-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-bottom:28px;color:#e0e4da;font-size:13px;text-decoration:none}
.development-back span[aria-hidden]{font-size:19px}
.development-eyebrow{margin:0 0 18px;font-size:13px;color:#e0e4da}
.development-hero h1{margin:0;font-family:var(--display);font-size:clamp(72px,10vw,142px);font-weight:400;line-height:.92;letter-spacing:-.045em}
.development-hero__line{max-width:27ch;margin:24px 0 30px;font-size:clamp(20px,2vw,28px);line-height:1.35}
.development-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 34px}
.development-facts{position:absolute;z-index:3;inset-inline:var(--gutter);bottom:0;display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid rgba(245,241,232,.45);background:rgba(24,38,33,.72);backdrop-filter:blur(12px)}
.development-facts div{min-width:0;padding:22px 24px;border-inline-end:1px solid rgba(245,241,232,.24)}
.development-facts div:last-child{border-inline-end:0}
.development-facts dt{font-size:12px;color:#cbd1c5}
.development-facts dd{margin:6px 0 0;font-size:15px}
.development-subnav{position:sticky;top:0;z-index:25;display:flex;justify-content:center;gap:clamp(22px,4vw,58px);min-height:62px;padding:8px var(--gutter);overflow-x:auto;border-bottom:1px solid var(--line);background:rgba(245,241,232,.96);scrollbar-width:none}
.development-subnav::-webkit-scrollbar{display:none}
.development-subnav a{display:flex;align-items:center;flex:0 0 auto;min-height:44px;font-size:13px;text-decoration:none;border-bottom:1px solid transparent}
.development-subnav a:hover,.development-subnav a[aria-current]{border-color:var(--ink)}
.section-label{margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.section-label--light{color:var(--stone)}
.development-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}
.development-intro h2{max-width:13ch;margin:0;font-size:clamp(42px,5.6vw,76px)}
.development-intro__copy{padding-top:34px}
.development-lead{font-size:clamp(21px,2.1vw,30px);line-height:1.45;color:var(--ink)}
.development-intro__copy>p:not(.development-lead){max-width:58ch;color:var(--ink-soft)}
.illustrative-note{margin-top:34px!important;padding-top:18px;border-top:1px solid var(--line);font-size:12px!important;line-height:1.6;color:var(--ink-soft)}
.masterplan{display:grid;grid-template-columns:.68fr 1.32fr;gap:5vw;color:var(--chalk);background:var(--ink)}
.masterplan__copy{display:flex;flex-direction:column;align-items:start}
.masterplan h2{max-width:12ch;margin:0 0 26px;font-size:clamp(42px,5vw,70px)}
.masterplan__copy>p:not(.section-label){max-width:42ch;color:#cbd1c5}
.plan-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:42px 0 30px}
.plan-tabs button{min-height:44px;padding:9px 14px;border:1px solid var(--light-line);color:#d5dacd;background:transparent;font-size:12px;transition:background .2s,color .2s,border .2s}
.plan-tabs button[aria-selected=true]{color:var(--ink);background:var(--stone);border-color:var(--stone)}
.plan-detail{width:100%;margin-top:auto;padding-top:26px;border-top:1px solid var(--light-line)}
.plan-detail>span{font-size:12px;color:var(--stone)}
.plan-detail h3{margin:9px 0 10px;font-size:25px}
.plan-detail p{max-width:38ch;margin:0;color:#cbd1c5;font-size:15px}
.masterplan__drawing{align-self:center;min-width:0}
.masterplan__drawing>p{margin:12px 0 0;text-align:center;font-size:12px;color:#cbd1c5}
.masterplan-visual{position:relative;overflow:hidden;border:1px solid var(--light-line);background:#ae9c7d}
.masterplan-visual picture{aspect-ratio:1672/941}
.masterplan-visual img{width:100%;height:100%;object-fit:cover;transition:filter .3s}
.plan-marker{position:absolute;display:flex;align-items:center;gap:8px;min-height:36px;padding:5px 10px 5px 6px;border:1px solid rgba(245,241,232,.74);color:var(--chalk);background:rgba(29,41,38,.92);font-size:11px;text-align:start;transform:translate(-50%,-50%);transition:background .2s,color .2s,transform .25s var(--ease)}
.plan-marker span{display:grid;place-items:center;width:25px;height:25px;color:var(--ink);background:var(--stone);font-size:11px;line-height:1}
.plan-marker strong{font-weight:500;white-space:nowrap}
.plan-marker:hover,.plan-marker:focus-visible,.plan-marker.is-active{color:var(--ink);background:var(--chalk);transform:translate(-50%,-50%) translateY(-3px)}
.plan-marker.is-active span{color:var(--chalk);background:var(--olive)}
.plan-marker--court{left:51%;top:46%}.plan-marker--homes{left:26%;top:28%}.plan-marker--pavilion{left:72%;top:45%}.plan-marker--arrival{left:51%;top:82%}
.terraces-page .plan-marker--court{left:50%;top:40%}.terraces-page .plan-marker--homes{left:25%;top:24%}.terraces-page .plan-marker--pavilion{left:50%;top:59%}.terraces-page .plan-marker--arrival{left:50%;top:82%}
.dunes-page .plan-marker--court{left:72%;top:16%}.dunes-page .plan-marker--homes{left:24%;top:54%}.dunes-page .plan-marker--pavilion{left:51%;top:43%}.dunes-page .plan-marker--arrival{left:50%;top:82%}
.development-homes{padding-bottom:0}
.development-homes .section-heading{margin-bottom:72px}
.home-story{display:grid;grid-template-columns:1.28fr .72fr;min-height:660px;margin-inline:calc(var(--gutter)*-1)}
.home-story--reverse{grid-template-columns:.72fr 1.28fr}
.home-story--reverse .home-story__media{order:2}
.home-story__media{min-height:620px;overflow:hidden;background:var(--stone)}
.home-story__media img{transition:transform .8s var(--ease)}
.home-story:hover .home-story__media img{transform:scale(1.018)}
.home-story__copy{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:clamp(48px,6vw,90px);background:var(--stone)}
.home-story--reverse .home-story__copy{background:var(--chalk)}
.home-story__number{font-family:var(--display);font-size:42px;color:#79513d;margin-bottom:42px}
.home-story h3{max-width:12ch;margin:0 0 24px;font-size:clamp(34px,4vw,54px)}
.home-story__copy>p:not(.section-label,.home-story__number){max-width:43ch;color:var(--ink-soft)}
.home-story dl{width:100%;margin:28px 0 24px;border-top:1px solid #aab0a4}
.home-story dl div{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:13px 0;border-bottom:1px solid #aab0a4}
.home-story dt{font-size:12px;color:var(--ink-soft)}
.home-story dd{margin:0;text-align:end;font-size:13px}
.amenities{display:grid;grid-template-columns:1fr 1fr;background:var(--olive);color:var(--chalk)}
.amenities__image{min-height:780px}
.amenities__copy{padding:clamp(60px,7vw,108px)}
.amenities h2{max-width:13ch;margin:0 0 24px;font-size:clamp(40px,4.5vw,64px)}
.amenities__copy>p:not(.section-label,.illustrative-note){max-width:42ch;color:#e3e5dd}
.amenities ol{list-style:none;margin:42px 0 0;padding:0}
.amenities li{display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:center;min-height:66px;border-top:1px solid rgba(245,241,232,.32)}
.amenities li span{font-size:12px;color:var(--stone)}
.amenities li strong{font-size:17px;font-weight:400}
.amenities .illustrative-note{border-color:rgba(245,241,232,.32);color:#e3e5dd}
.location-context>header{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:62px}
.location-context h2{max-width:14ch;margin:0;font-size:clamp(40px,5vw,68px)}
.location-context__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}
.location-map{position:relative;min-height:540px;overflow:hidden;background:var(--stone)}
.location-map__ring{position:absolute;width:58%;aspect-ratio:1;border:1px solid rgba(29,41,38,.35);border-radius:50%;top:20%;left:20%}
.location-map__ring::before,.location-map__ring::after{content:'';position:absolute;border:1px solid rgba(29,41,38,.2);border-radius:50%;inset:15%}
.location-map__ring::after{inset:32%}
.location-map__axis{position:absolute;height:1px;width:120%;background:rgba(29,41,38,.34);top:49%;left:-10%;transform:rotate(-18deg)}
.location-map__axis--two{transform:rotate(42deg)}
.location-map__site{position:absolute;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);font-size:10px;letter-spacing:.15em}
.location-map__site i{width:20px;height:20px;margin-bottom:8px;background:var(--ink);transform:rotate(45deg)}
.location-map__label{position:absolute;font-size:12px;color:var(--ink-soft)}
.location-map__label--north{top:10%;left:12%}.location-map__label--east{right:8%;bottom:16%}.location-map__label--site{left:13%;bottom:10%}
.location-context__copy .development-lead{font-size:25px}
.location-context__copy>p:not(.development-lead){color:var(--ink-soft)}
.location-context__copy ul{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line)}
.location-context__copy li{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
.project-gallery{background:#ebe4d7}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.gallery-item{position:relative;padding:0;border:0;background:var(--ink);overflow:hidden;text-align:start}
.gallery-item:nth-child(1){grid-column:span 7}.gallery-item:nth-child(2){grid-column:span 5}.gallery-item:nth-child(3){grid-column:span 4}.gallery-item:nth-child(4){grid-column:span 8}.gallery-item:nth-child(5){grid-column:span 6}.gallery-item:nth-child(6){grid-column:span 6}
.gallery-item picture{aspect-ratio:4/3}
.gallery-item:nth-child(1) picture,.gallery-item:nth-child(4) picture{aspect-ratio:16/10}
.gallery-item img{transition:transform .5s var(--ease),opacity .3s}
.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.025);opacity:.88}
.gallery-item span{position:absolute;inset-inline:14px;bottom:13px;padding:7px 10px;color:var(--chalk);background:var(--ink);font-size:12px;width:max-content;max-width:calc(100% - 28px)}
.gallery-dialog{width:min(1200px,calc(100% - 32px));height:min(830px,calc(100svh - 32px));max-width:none;max-height:none;padding:0;border:0;background:var(--ink);color:var(--chalk);overflow:hidden}
.gallery-dialog::backdrop{background:rgba(9,18,15,.92)}
.gallery-dialog figure{display:grid;grid-template-rows:1fr auto;width:100%;height:100%;margin:0}
.gallery-dialog picture{min-height:0}
.gallery-dialog img{width:100%;height:100%;object-fit:contain}
.gallery-dialog figcaption{display:flex;justify-content:space-between;gap:20px;padding:16px 22px;font-size:12px;border-top:1px solid var(--light-line)}
.gallery-dialog__close{position:absolute;z-index:2;top:10px;inset-inline-end:10px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--light-line);color:var(--chalk);background:var(--ink)}
.gallery-dialog__nav{position:absolute;z-index:2;top:50%;width:48px;height:48px;border:1px solid var(--light-line);color:var(--chalk);background:var(--ink)}
.gallery-dialog__prev{inset-inline-start:12px}.gallery-dialog__next{inset-inline-end:12px}
.project-progress{color:var(--chalk);background:var(--ink)}
.project-progress .section-heading p{color:#cbd1c5}
.progress-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--light-line)}
.progress-list li{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:35px 0;border-bottom:1px solid var(--light-line)}
.progress-list>li>span{font-family:var(--display);font-size:34px;color:#d0a083}
.progress-list div>p:first-child{font-size:12px;color:var(--stone)}
.progress-list h3{margin:4px 0 8px;font-size:clamp(23px,2.5vw,34px)}
.progress-list div>p:last-child{max-width:56ch;color:#cbd1c5;font-size:14px}
.progress-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 34px;margin-top:46px}
.development-contact{background:#46554d}
.enquiry textarea{width:100%;padding:10px 12px;border:1px solid #9da799;border-radius:0;background:var(--chalk);color:var(--ink);font:inherit;font-size:16px;resize:vertical;margin-top:4px}
.enquiry__success-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:28px}
[dir=rtl] .development-hero__shade{background:linear-gradient(270deg,rgba(16,29,24,.88) 0%,rgba(16,29,24,.48) 48%,rgba(16,29,24,.14) 78%),linear-gradient(0deg,rgba(16,29,24,.78),transparent 42%)}
[dir=rtl] .development-hero h1{font-family:var(--arabic);letter-spacing:0;line-height:1.15;font-size:clamp(66px,9vw,124px)}
[dir=rtl] .section-label{letter-spacing:0;text-transform:none}
[dir=rtl] .development-back span[aria-hidden]{transform:scaleX(-1)}
[dir=rtl] .location-map__site{transform:translate(50%,-50%)}
@keyframes hero-settle{from{opacity:.65;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px){.development-hero__content{width:88%}.development-facts{grid-template-columns:1fr 1fr}.development-facts div:nth-child(2){border-inline-end:0}.development-facts div:nth-child(-n+2){border-bottom:1px solid rgba(245,241,232,.24)}.masterplan{grid-template-columns:1fr}.plan-detail{margin-top:0}.masterplan__drawing svg{max-height:600px}.home-story,.home-story--reverse{grid-template-columns:1fr 1fr}.amenities__copy{padding:60px 5vw}.location-context__grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.development-page .site-header{position:sticky}.development-subnav{justify-content:flex-start;top:80px}.development-hero{min-height:760px}.development-hero__content{width:100%;padding-top:90px;padding-bottom:230px}.development-hero h1{font-size:clamp(64px,16vw,100px)}.development-facts{inset-inline:0}.development-intro{grid-template-columns:1fr;gap:34px}.development-intro__copy{padding-top:0}.home-story,.home-story--reverse{grid-template-columns:1fr;margin-inline:calc(var(--gutter)*-1);min-height:0}.home-story--reverse .home-story__media{order:0}.home-story__media{min-height:0;height:480px}.home-story__copy{padding:58px var(--gutter)}.amenities{grid-template-columns:1fr}.amenities__image{min-height:0;height:520px}.location-context>header,.location-context__grid{grid-template-columns:1fr;gap:34px}.gallery-grid{gap:12px}.gallery-item:nth-child(n){grid-column:span 6}.gallery-dialog__nav{top:auto;bottom:52px}.site-header+.development-hero{scroll-margin-top:80px}}
@media(max-width:560px){.development-hero{min-height:720px}.development-hero__content{padding-bottom:250px}.development-hero__line{font-size:19px}.development-hero__actions{align-items:flex-start;flex-direction:column}.development-facts div{padding:14px var(--gutter)}.development-facts dd{font-size:13px}.development-subnav{gap:24px}.masterplan{padding-inline:var(--gutter)}.plan-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.masterplan__drawing{margin-inline:-10px}.plan-marker{width:34px;min-height:34px;padding:4px;border-radius:50%}.plan-marker span{width:24px;height:24px;border-radius:50%}.plan-marker strong{display:none}.home-story__media,.amenities__image{height:340px}.location-map{min-height:390px}.gallery-item:nth-child(n){grid-column:1/-1}.gallery-item picture,.gallery-item:nth-child(1) picture,.gallery-item:nth-child(4) picture{aspect-ratio:4/3}.progress-list li{grid-template-columns:48px 1fr}.progress-list>li>span{font-size:28px}.gallery-dialog{width:100%;height:100svh}.gallery-dialog figcaption{padding-inline:14px}.gallery-dialog__prev{inset-inline-start:8px}.gallery-dialog__next{inset-inline-end:8px}}
@media(prefers-reduced-motion:reduce){.development-hero__image img{animation:none}.home-story:hover .home-story__media img{transform:none}}
.payment-planner{background:#ebe4d7}
.payment-planner__heading{display:grid;grid-template-columns:1fr .72fr;gap:8vw;align-items:end;margin-bottom:62px}
.payment-planner__heading h2{max-width:12ch;margin:0;font-size:clamp(42px,5vw,70px)}
.payment-planner__heading>p{max-width:42ch;margin:0;color:var(--ink-soft)}
.payment-planner__grid{display:grid;grid-template-columns:.84fr 1.16fr;border:1px solid #b9b3a7;background:var(--chalk)}
.payment-controls{display:flex;flex-direction:column;gap:24px;padding:clamp(32px,4.5vw,64px);border-inline-end:1px solid #b9b3a7}
.payment-controls__pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.payment-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--ink-soft)}
.payment-field>span:first-child{font-weight:600}
.payment-field select,.payment-field input{width:100%;height:52px;padding:0 14px;border:1px solid #9da799;border-radius:0;background:#fff;color:var(--ink);font:inherit;font-size:16px}
.payment-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-inline-end:36px}
[dir=rtl] .payment-field select{background-position:18px 22px,13px 22px;padding-inline:36px 14px}
.payment-input{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #9da799;background:#fff}
.payment-input input,.payment-input select{border:0;min-width:0;background-color:transparent}
.payment-input b{padding-inline-end:14px;color:var(--ink-soft);font-size:12px;font-weight:500;white-space:nowrap}
.payment-error{margin:0;padding:12px 14px;border:1px solid #c89687;background:#f5e7e1;color:#702f22;font-size:13px}
.payment-results{display:flex;flex-direction:column;padding:clamp(32px,4.5vw,64px);background:var(--ink);color:var(--chalk)}
.payment-result{display:flex;flex-direction:column;gap:8px;padding:22px 0;border-bottom:1px solid var(--light-line)}
.payment-result span,.payment-total span{font-size:12px;color:#cbd1c5}
.payment-result strong{font-family:var(--display);font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.1}
.payment-result small{color:var(--stone);font-size:12px}
.payment-result--lead{padding-top:0}
.payment-result--lead strong{font-size:clamp(38px,5vw,62px);color:#f0d6c5}
.payment-results__pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.payment-total{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:22px 0}
.payment-total strong{font-size:17px;font-weight:500}
.payment-breakdown{margin:10px 0 32px}
.payment-breakdown__bar{display:flex;height:10px;overflow:hidden;background:#627168}
.payment-breakdown__bar i{display:block;height:100%}
.payment-breakdown__bar i:nth-child(1){background:#d09b7d}.payment-breakdown__bar i:nth-child(2){background:#aeb99f}.payment-breakdown__bar i:nth-child(3){background:#f0d6c5}
.payment-breakdown__legend{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:14px}
.payment-breakdown__legend span{display:flex;align-items:center;gap:8px;color:#cbd1c5;font-size:11px}
.payment-breakdown__legend i{width:8px;height:8px;background:#d09b7d}.payment-breakdown__legend span:nth-child(2) i{background:#aeb99f}.payment-breakdown__legend span:nth-child(3) i{background:#f0d6c5}
.payment-breakdown__legend b{font-weight:400}
.payment-share{align-self:flex-start;color:var(--ink);background:var(--chalk);border-color:var(--chalk)}
.payment-share[aria-disabled=true]{opacity:.45;pointer-events:none}
.payment-planner__note{max-width:92ch;margin:22px 0 0;font-size:12px;line-height:1.6;color:var(--ink-soft)}
[dir=rtl] .payment-result strong,[dir=rtl] .payment-total strong{font-family:var(--arabic)}
@media(max-width:850px){.payment-planner__heading{grid-template-columns:1fr;gap:24px}.payment-planner__grid{grid-template-columns:1fr}.payment-controls{border-inline-end:0;border-bottom:1px solid #b9b3a7}}
@media(max-width:560px){.payment-controls__pair,.payment-results__pair{grid-template-columns:1fr}.payment-controls,.payment-results{padding:34px 22px}.payment-result--lead strong{font-size:40px}.payment-planner__heading{margin-bottom:38px}.payment-breakdown__legend{display:grid;grid-template-columns:1fr}}
[dir=rtl] .payment-field select{appearance:auto;background-image:none;padding-inline:14px}
[dir=rtl] .development-hero h1[lang=en]{font-family:var(--display);font-size:clamp(72px,10vw,142px);line-height:.92;letter-spacing:-.045em}