/* AI-OP-005 private C1 composer. HOUNGUES black / ivory / warm gold. */
:root{--ink:#171715;--paper:#f6f4ee;--cream:#e9e3d8;--gold:#c1a36a;--line:#d8d0bf;--muted:#766f64}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(3.3rem,8vw,8rem);font-weight:500}h2{font-size:clamp(2.2rem,5.2vw,4.7rem);font-weight:500}h3{font-size:clamp(1.25rem,2.2vw,2.1rem);font-weight:500}p{max-width:68ch}.lead{font-size:clamp(1.1rem,2vw,1.55rem);line-height:1.55}.eyebrow{font-size:.74rem;letter-spacing:.19em;text-transform:uppercase;font-weight:700;line-height:1.5}.hint,.source-line{color:var(--muted);font-size:.88rem}.v2-pending{color:#96744f;font-style:italic}.wordmark{font-size:clamp(1rem,2vw,1.3rem);letter-spacing:.25em;font-weight:700;white-space:nowrap}.hng-btn{border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 23px;font-size:.77rem;letter-spacing:.065em;text-transform:uppercase;font-weight:700;transition:background-color .2s,color .2s}.hng-btn-gold{background:var(--gold);color:#201a10;border-color:var(--gold)}.hng-btn-dark{background:#171715;color:white;border-color:#171715}.hng-btn-outline{color:white;border:1px solid #ffffff96;background:#00000025}.hng-btn:hover:not(:disabled){text-decoration:none;filter:brightness(1.06)}.hng-btn:disabled{opacity:.52}.hng-review-ribbon{min-height:40px;background:#352917;color:#ffedc8;padding:9px clamp(14px,3vw,42px);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.76rem;letter-spacing:.02em;position:relative;z-index:30}.hng-review-ribbon strong{letter-spacing:.08em}.v2-site-header,.landing-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4.4vw,72px);gap:16px;background:#101010;color:white}.v2-site-header>a:last-child{font-size:.82rem;letter-spacing:.07em}.v2-photo{position:relative;overflow:hidden;margin:0;background:#3d3c36;min-height:240px}.v2-photo img{display:block;width:100%;height:100%;object-fit:cover}.v2-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:10px 13px;color:#fff;background:linear-gradient(transparent,#101010a6);font-size:.7rem;line-height:1.4}.media-missing{display:grid;place-items:center;padding:28px;min-height:240px;background:#ddd8ce;color:#5e5952;font-size:1.15rem;text-align:center}.hng-public-footer{background:#080808;color:white;padding:60px clamp(20px,6vw,110px) 38px;display:grid;gap:32px}.hng-public-footer nav{display:flex;gap:20px;flex-wrap:wrap}.hng-public-footer nav a{font-size:.82rem}.hng-public-footer p{font-size:.85rem;color:#b9b4aa}.hng-public-footer .wordmark{color:white}.hng-scroll-preview{background:#111}.scroll-canvas{width:100%;height:min(86vh,950px);min-height:560px;position:relative;color:#fff;overflow:hidden}.scroll-image{height:100%;position:absolute;inset:0}.scroll-image img{width:100%;height:100%;object-fit:cover}.scroll-image figcaption{display:none}.scroll-gradient{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#000b 0%,#0003 55%,#0004 100%),linear-gradient(0deg,#000b,transparent 48%)}.scroll-copy{position:absolute;bottom:7%;left:clamp(25px,7vw,108px);max-width:650px;right:5%}.scroll-copy h1{font-size:clamp(3.8rem,10vw,8.6rem);text-transform:uppercase;letter-spacing:-.06em;margin-bottom:10px}.scroll-facts,.fact-strip{display:flex;flex-wrap:wrap;gap:0;margin:28px 0 32px}.scroll-facts span,.fact-strip>div{min-width:150px;border-left:1px solid #ffffff7a;padding:3px 25px 5px 18px;color:#fff;font-size:.73rem;text-transform:uppercase;letter-spacing:.09em}.scroll-facts strong,.fact-strip strong{display:block;text-transform:none;letter-spacing:0;font-size:1.1rem;margin-top:8px}.v2-preview-note{padding:30px 5vw 40px;background:#25221d;color:#ddd;max-width:none}.v2-preview-note h2{font-size:1.3rem}.v2-preview-note p{max-width:none}.hng-project-page{background:var(--paper)}.project-cover{min-height:min(85vh,820px);position:relative;background:#272b2a;color:#fff;display:flex;align-items:flex-end}.project-cover-image{position:absolute;inset:0;height:100%;width:100%}.project-cover-image img{height:100%}.project-cover-image figcaption{display:none}.project-cover-shade,.landing-hero-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#080808cf,transparent 75%)}.project-cover-copy{position:relative;z-index:1;padding:10vw 6vw 4vw;width:100%}.project-cover-copy h1{margin-bottom:8px}.project-cover-copy>p{margin-bottom:9px}.project-cover-copy .fact-strip{margin-bottom:0}.project-tabbar{position:sticky;top:0;z-index:15;background:var(--ink);color:#e1d9cd;padding:0 5vw;display:flex;gap:3vw;overflow-x:auto;scrollbar-width:thin}.project-tabbar button{background:none;border:0;border-bottom:3px solid transparent;color:inherit;padding:22px 8px;font-size:.92rem;white-space:nowrap}.project-tabbar button[aria-selected="true"]{color:white;border-bottom-color:var(--gold)}.project-tab-content{max-width:1500px;margin:auto;padding:72px 6vw;min-height:calc(100vh - 70px)}.project-panel>h2{max-width:880px}.project-panel>p.lead{max-width:950px}.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:stretch;gap:0;background:#ece6dc;margin:60px 0}.story-grid>article{padding:clamp(24px,5vw,85px);align-self:center}.story-grid>.v2-photo{height:500px}.story-grid>.v2-photo img{height:100%}.story-grid.reverse{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.map-unavailable{background:#d9ddd7;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;margin:38px 0}.unit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:28px}.unit-card{background:white;border:1px solid var(--line);padding:25px}.unit-card h3{font-size:1.2rem}.unit-card p{font-size:.95rem;margin:8px 0}.unit-card small{display:block;margin-top:10px;color:var(--muted)}.payment-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px;padding:0;list-style:none;margin:32px 0}.payment-steps li{display:flex;flex-direction:column;gap:10px;background:#fff;padding:23px;border-left:3px solid var(--gold)}.payment-steps strong{font-size:1.6rem}.payment-steps span{font-size:.9rem}.price-empty{background:#e7ddc8;padding:25px;margin-top:25px}.three-axes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.three-axes article{padding:25px;background:#e8e4db}.three-axes article>span{color:#886c36;font-weight:700;font-size:1.5rem}.video-pending{background:#191c1c;color:#f5efe3;min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px;margin:28px 0}.project-faq,.review-panel{max-width:1220px;margin:0 auto;padding:45px 6vw}.project-faq h2{font-size:2.5rem}.project-faq details,.faq-section details,.amenity-sections details{border-bottom:1px solid #bdb3a3;padding:14px 0}.project-faq summary,.faq-section summary,.amenity-sections summary{cursor:pointer;font-weight:600;list-style:none}.project-faq summary:after,.faq-section summary:after{content:'+';float:right}.project-faq details[open] summary:after,.faq-section details[open] summary:after{content:'−'}.project-faq details p,.faq-section details p{margin:17px 0 6px;color:#605c54}.amenity-sections ul{columns:2;margin:18px 0 0}.bottom-action{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#171715;color:#fff;padding:56px 6vw}.bottom-action h2{font-size:clamp(1.8rem,3vw,3.1rem)}.review-panel{background:#fff2dc;margin-top:30px;margin-bottom:30px;max-width:1100px;border:1px solid #d7b77c}.review-panel summary{font-weight:700;cursor:pointer}.review-panel li{margin:9px 0;font-size:.9rem}.hng-landing-page{background:#f7f4ed}.landing-header{height:auto;min-height:85px;position:sticky;top:0;z-index:22;gap:15px}.landing-header nav{display:flex;align-items:center;gap:22px}.landing-header nav a{font-size:.83rem}.landing-header .hng-btn{min-height:43px;white-space:nowrap}.landing-hero{height:min(90vh,890px);min-height:580px;position:relative;background:#2f332e;color:white}.landing-cover-image{position:absolute;inset:0;height:100%}.landing-cover-image img{height:100%}.landing-cover-image figcaption{display:none}.landing-hero-copy{position:absolute;left:7vw;bottom:10%;max-width:880px;right:5%}.landing-hero-copy h1{font-size:clamp(3.8rem,9vw,9.5rem);margin-bottom:12px}.landing-hero-copy .hng-btn{margin:10px 14px 0 0}.editorial-block{padding:clamp(65px,8vw,135px) clamp(23px,8vw,140px);max-width:1700px;margin:0 auto}.editorial-block h2{max-width:830px}.editorial-block>p{font-size:1.18rem}.editorial-split{display:grid;grid-template-columns:1.12fr 1fr;min-height:550px;align-items:stretch}.editorial-split>div:not(.v2-photo){padding:clamp(32px,6vw,110px);display:flex;flex-direction:column;justify-content:center}.editorial-split>.v2-photo{height:100%;min-height:550px}.editorial-split>.v2-photo img{height:100%}.editorial-split.reverse{grid-template-columns:1fr 1.12fr}.editorial-split.compact{min-height:400px;gap:25px;margin-top:45px}.editorial-split.compact>.v2-photo{min-height:390px}.editorial-split.compact>div:not(.v2-photo){padding:15px}.editorial-split.compact .unit-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.editorial-transition{padding:clamp(90px,13vw,185px) 6vw;background:#252a23;color:#f1ebe0;text-align:center;font-size:clamp(2rem,5vw,5rem);line-height:1.17;letter-spacing:-.04em}.editorial-transition p{max-width:850px;margin:auto}.gallery-section{background:#e8e4dd;max-width:none}.gallery-section>h2,.gallery-section>.eyebrow,.gallery-section>.v2-gallery{max-width:1480px;margin-left:auto;margin-right:auto}.v2-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.gallery-item{border:0;padding:0;position:relative;aspect-ratio:4/5;background:#d1d1c6;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.025)}.gallery-item span{position:absolute;bottom:0;left:0;right:0;background:#0008;color:#fff;padding:10px;font-size:.68rem;text-align:left}.gallery-lightbox,.hng-interest-modal{border:0;padding:0;background:white;max-height:90vh;max-width:92vw;box-shadow:0 15px 80px #0008}.gallery-lightbox::backdrop,.hng-interest-modal::backdrop{background:#000b}.gallery-lightbox{width:min(960px,93vw);padding:25px}.gallery-lightbox img{display:block;max-height:70vh;width:auto;margin:auto}.gallery-close,.modal-close{float:right;border:none;background:none;font-size:1.1rem}.landing-form-block{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#e9e3d7}.landing-form{background:#fff;padding:clamp(22px,3vw,42px)}.landing-form label{display:block;margin:12px 0}.landing-form input:not([type=radio]),.modal-shell input:not([type=radio]){width:100%;padding:13px;border:1px solid #beb4a5;background:#fbfaf6;margin-top:6px}.interest-choices{border:0;padding:10px 0;margin:20px 0}.interest-choices legend{font-weight:700}.interest-choices label{display:block;margin:12px 0}.interest-choices input{accent-color:#846e47;margin-right:9px}.faq-section{max-width:1200px}.video-feature{background:#171a19;color:white;text-align:center;padding:95px 10vw}.video-feature h2{margin:22px auto;max-width:900px}.video-feature .video-pending{border:1px solid #827964;background:#262727;max-width:950px;margin:30px auto}.play-shape{font-size:2rem;border:2px solid #e8ddc8;border-radius:50%;height:80px;width:80px;display:grid;place-items:center;padding-left:5px}.landing-cta{text-align:center;padding:95px 5vw;background:#cab692}.landing-cta h2{max-width:900px;margin:0 auto 25px}.landing-explore{min-height:460px;padding:110px 8vw;display:flex;align-items:center;color:#fff;background:#2c3635 url('/assets/site-p030/dubai-map-poster.webp') center / cover no-repeat;position:relative}.landing-explore:before{content:'';position:absolute;inset:0;background:#0c1515a8}.landing-explore>div{position:relative;z-index:1}.landing-explore h2{font-size:clamp(2.8rem,7vw,6rem)}.hng-interest-modal{width:min(570px,94vw);border-radius:0}.hng-interest-modal .modal-shell{padding:clamp(27px,5vw,55px)}.hng-interest-modal h2{font-size:2.9rem}.modal-close{font-size:1.7rem;position:absolute;right:20px;top:13px}.modal-after-interest{transition:opacity .55s,transform .55s;opacity:0;transform:translateY(12px)}.modal-after-interest.visible{opacity:1;transform:none}.hng-interest-modal .hint{margin-top:22px}.landing-form .interest-followup{transition:opacity .55s,transform .55s;opacity:0;transform:translateY(12px)}.landing-form .interest-followup.visible{opacity:1;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d8b46c;outline-offset:3px}
@media(max-width:950px){.three-axes{grid-template-columns:1fr}.story-grid,.story-grid.reverse,.editorial-split,.editorial-split.reverse,.landing-form-block{grid-template-columns:1fr}.story-grid>.v2-photo,.editorial-split>.v2-photo{min-height:350px;height:430px}.v2-gallery{grid-template-columns:repeat(3,1fr)}.landing-header nav{display:none}.editorial-split.reverse>div:first-child{order:2}.project-tab-content{padding:40px 4vw}.scroll-canvas{min-height:570px}}
@media(max-width:620px){.hng-review-ribbon{font-size:.67rem;line-height:1.3}.v2-site-header,.landing-header{height:60px}.v2-site-header .wordmark,.landing-header .wordmark{font-size:.88rem;letter-spacing:.12em}.project-cover{min-height:75vh}.project-cover-copy{padding:38px 25px}.project-cover-copy h1{font-size:clamp(3.1rem,15vw,5.8rem)}.fact-strip>div,.scroll-facts span{min-width:33%;flex:1;padding:3px 10px}.fact-strip strong,.scroll-facts strong{font-size:.92rem}.project-tabbar{gap:8px;padding:0 12px}.project-tabbar button{font-size:.81rem;padding:17px 9px}.project-tab-content{padding:35px 18px}.story-grid{margin:35px 0}.story-grid>article{padding:32px 24px}.story-grid>.v2-photo{height:310px;min-height:310px}.amenity-sections ul{columns:1}.project-faq,.review-panel{padding:30px 20px}.bottom-action{flex-direction:column;align-items:flex-start;padding:35px 24px}.scroll-copy{left:24px;bottom:6%}.scroll-copy h1{font-size:clamp(3.4rem,14vw,5rem)}.landing-hero{min-height:680px}.landing-hero-copy{left:24px;right:24px}.landing-hero-copy h1{font-size:clamp(3.4rem,15vw,6rem)}.landing-hero-copy .hng-btn{margin-right:3px;padding:12px 16px}.editorial-block{padding:65px 22px}.editorial-split>.v2-photo{min-height:300px;height:350px}.editorial-transition{padding:110px 22px}.v2-gallery{grid-template-columns:repeat(2,1fr)}.landing-header .hng-btn{font-size:.67rem;padding:8px 12px}.landing-form{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Private Scroll: one PRIMARY, followed by every distinct project render, one per slide. */
.scroll-gallery-rail{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}
.scroll-gallery-rail::-webkit-scrollbar{display:none}
.scroll-gallery-slide{display:block;flex:0 0 100%;height:100%;min-width:0;scroll-snap-align:start;position:relative;overflow:hidden;background:#191919}
.scroll-gallery-slide>.v2-photo{width:100%;height:100%;min-height:0;background:#151515}
.scroll-gallery-slide>.v2-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}
.scroll-gallery-slide>.v2-photo figcaption{max-height:50px;overflow:hidden}
.scroll-gallery-slide>.media-missing{width:100%;height:100%;display:grid;place-items:center}
.scroll-gallery-slide.scroll-gallery-portrait>.v2-photo img{object-fit:contain}
.scroll-gallery-controls{position:absolute;top:30px;right:clamp(20px,4vw,60px);display:flex;gap:10px;align-items:center;z-index:4;background:#101010aa;color:white;padding:10px 15px}
.scroll-gallery-controls>button{background:transparent;border:1px solid #ffffff92;color:#fff;min-width:34px;min-height:34px}
.scroll-gallery-controls>button:disabled{opacity:.3;cursor:default}
.scroll-gallery-dots{display:flex;gap:6px;align-items:center}
.scroll-gallery-dots button{width:7px;height:7px;border-radius:50%;background:#ffffff66;border:0;padding:0}
.scroll-gallery-dots button[aria-pressed=true]{background:#fff;transform:scale(1.4)}
.scroll-gallery-controls small{white-space:nowrap;font-size:.65rem}
.scroll-gallery-rail:focus-visible{outline:3px solid #d5b67a;outline-offset:-3px}

/* AI-F1.036: Full immersive Project renders. One image per slide on every screen. */
.scroll-copy{inset:0;max-width:none;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:0 5% 7% clamp(25px,7vw,108px);pointer-events:none;z-index:3}
.scroll-copy-content{width:100%;max-width:650px;pointer-events:auto}
.scroll-developer-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.scroll-developer-row>p{margin:0}
/* AI-F1.037: concise source-backed GPS location below the Scroll title. */
.scroll-developer-row>.scroll-location{display:flex;align-items:center;gap:9px;min-width:0;font-size:.78rem;font-weight:700;line-height:1.4;letter-spacing:.055em;text-transform:uppercase}
.scroll-location-pin{display:block;width:18px;height:18px;flex:0 0 18px;color:#fff}
.scroll-location-label{min-width:0;overflow-wrap:anywhere}
.scroll-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.scroll-developer-logo{display:flex;align-items:center;justify-content:center;width:125px;height:49px;background:white;overflow:hidden;flex:0 0 auto}
.scroll-developer-logo img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;padding:4px 6px}
.scroll-gallery-controls{top:30px;right:clamp(20px,4vw,60px)}
.scroll-gallery-controls .scroll-gallery-dots:empty{display:none}
@media(max-width:620px){
  .scroll-copy{padding:0 24px 6%}
  .scroll-copy-content{max-width:none}
  .scroll-developer-row{gap:9px}
  .scroll-developer-row>p{font-size:clamp(.76rem,3.6vw,1rem)}
  .scroll-developer-row>.scroll-location{flex:1 1 auto;min-width:0;font-size:clamp(.65rem,2.6vw,.78rem);line-height:1.3;letter-spacing:.025em;gap:6px}
  .scroll-location-pin{width:15px;height:15px;flex-basis:15px}
  .scroll-gallery-controls{position:static;inset:auto;gap:8px;padding:5px 7px;flex:0 0 auto}
  .scroll-gallery-controls .scroll-gallery-dots{display:none}
  .scroll-gallery-controls>button{min-width:30px;min-height:30px;font-size:.9rem}
  .scroll-gallery-controls small{font-size:.62rem}
  .scroll-actions{gap:10px;flex-wrap:nowrap}
  .scroll-actions .hng-btn{min-width:0;flex:0 0 auto;padding:11px 17px;font-size:.72rem}
  .scroll-developer-logo{width:105px;height:45px}
}
@media(max-width:360px){
  .scroll-copy{padding-right:15px;padding-left:15px}
  .scroll-gallery-controls{gap:5px;padding:5px}
  .scroll-actions .hng-btn{padding:10px 11px;font-size:.67rem}
  .scroll-developer-logo{width:96px}
}
/* AI-F1.038: Private Explore Project editorial typography, white canvas and verified features.
 * Scoped to .hng-project-page: the deployed immersive Scroll and 16-block Landing
 * Page must keep their existing layout and palette. */
.hng-project-page{background:#fff}
.hng-project-page .project-tab-content{background:#fff}
.project-cover-copy h1{margin:0 0 10px}
.project-cover-copy .project-cover-location{display:flex;align-items:center;gap:10px;margin:0;color:#fff;font-size:clamp(.77rem,1vw,.9rem);font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1.4}
.project-cover-pin{width:19px;height:19px;flex:0 0 19px}
.hng-project-page .project-panel>h2{font-size:clamp(2.4rem,4.2vw,4rem);line-height:1.12;letter-spacing:-.04em;max-width:1050px}
.hng-project-page .project-panel>p.lead{font-size:clamp(1.1rem,1.65vw,1.4rem)}
.hng-project-page .story-grid{background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);margin:68px 0;gap:0}
.hng-project-page .story-grid.reverse{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.hng-project-page .story-grid>article{background:#fff;padding:clamp(27px,4vw,67px);align-self:center}
.hng-project-page .story-grid>article h3{font-size:clamp(2rem,3vw,3rem);line-height:1.14;letter-spacing:-.035em;margin:0 0 23px}
.hng-project-page .story-grid>article p{font-size:clamp(1rem,1.15vw,1.13rem);line-height:1.65}
.story-images{height:520px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 150px;gap:9px;min-width:0}
.story-image-button{display:block;position:relative;width:100%;height:100%;padding:0;border:0;overflow:hidden;background:#e8e8e8;text-align:left;cursor:zoom-in;min-width:0}
.story-image-button.is-featured{grid-column:1 / -1}
.story-image-button .story-image-photo{height:100%;width:100%;min-height:0;margin:0}
.story-image-button .story-image-photo img{height:100%;width:100%;object-fit:cover;transition:transform .35s ease}
.story-image-button:hover .story-image-photo img{transform:scale(1.035)}
.story-image-button .story-image-photo figcaption{font-size:.64rem}
.story-zoom-mark{position:absolute;right:11px;bottom:12px;z-index:2;background:#ffffffeb;color:#171715;width:30px;height:30px;display:grid;place-items:center;font-size:1.3rem;font-weight:400;line-height:1}
.story-images--1{grid-template-rows:1fr}
.story-images--2{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 125px}
.story-images--2 .story-image-button.is-featured{grid-column:1}
.story-lightbox{background:#fff}
.story-lightbox img{max-width:100%;max-height:72vh;object-fit:contain}
.story-lightbox p{font-size:.8rem;color:#555}
.residence-features{display:grid;gap:14px}
.residence-features p{margin:0}
.residence-features p strong{display:block;font-size:.86rem;letter-spacing:.02em;color:#161616;margin-bottom:3px}
.residence-features p span{color:#414141}
.amenity-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 15px;margin:0;padding:0;list-style:none}
.amenity-highlights li{display:flex;gap:10px;align-items:center;min-width:0;font-size:.9rem;line-height:1.38}
.amenity-symbol{width:40px;height:40px;border:1px solid #d7d1c7;display:grid;place-items:center;flex:0 0 40px;color:#3c372f}
.amenity-symbol svg{width:24px;height:24px}
.hng-project-page .project-faq{background:#fff}
.hng-project-page .project-faq h2{font-size:clamp(2rem,3.1vw,2.9rem);line-height:1.15;letter-spacing:-.03em}
@media(max-width:950px){
  .hng-project-page .story-grid,.hng-project-page .story-grid.reverse{grid-template-columns:1fr}
  .hng-project-page .story-grid{margin:42px 0}
  .story-images{height:460px;grid-template-rows:minmax(0,1fr) 128px}
  .story-images--2{grid-template-rows:minmax(0,1fr) 110px}
}
@media(max-width:620px){
  .project-cover-copy .project-cover-location{font-size:.74rem;gap:7px;letter-spacing:.025em}
  .project-cover-pin{height:16px;width:16px;flex-basis:16px}
  .hng-project-page .project-panel>h2{font-size:clamp(2rem,8.6vw,2.4rem)}
  .hng-project-page .story-grid>article{padding:28px 8px 28px}
  .hng-project-page .story-grid>article h3{font-size:clamp(1.9rem,7.8vw,2.35rem)}
  .story-images{height:398px;grid-template-rows:minmax(0,1fr) 116px;gap:6px}
  .story-images--2{grid-template-rows:minmax(0,1fr) 100px}
  .amenity-highlights{gap:14px 10px}
  .amenity-highlights li{font-size:.78rem;gap:7px;align-items:flex-start}
  .amenity-symbol{width:36px;height:36px;flex-basis:36px}
  .amenity-symbol svg{width:21px;height:21px}
  .hng-project-page .project-faq h2{font-size:2rem}
}

/* Compact verified Hero facts on narrow project previews without changing labels. */
@media(max-width:620px){
  .hng-project-page .fact-strip>div{min-width:0;flex:1 1 0;padding:3px 5px 5px 8px}
  .hng-project-page .fact-strip>div span{display:block;font-size:clamp(.55rem,2.55vw,.7rem);letter-spacing:0;white-space:nowrap}
}

/* AI-F1.039: Only the Explore Project FAQ step list; all other layouts stay unchanged. */
.hng-project-page .project-faq .faq-steps{max-width:76ch;margin:14px 0 13px;padding-left:1.65rem;color:#605c54}
.hng-project-page .project-faq .faq-steps li{padding-left:.3rem;margin:10px 0;line-height:1.65}
.hng-project-page .project-faq .faq-steps strong{color:#20201d;font-weight:650}
.hng-project-page .project-faq .faq-steps li::marker{color:#94764b;font-weight:700}

/* AI-F1.041: Readable editorial rhythm for the four private Residences stories only. */
.hng-project-page #tab-residences .story-grid>article .story-copy{max-width:54ch}
.hng-project-page #tab-residences .story-grid>article .story-copy p{margin:0 0 22px;line-height:1.74;max-width:54ch;font-size:clamp(1rem,1.15vw,1.13rem)}
.hng-project-page #tab-residences .story-grid>article .story-copy p:last-child{margin-bottom:0}
.hng-project-page #tab-residences .story-grid>article .story-copy .story-intro{font-size:clamp(1.13rem,1.38vw,1.34rem);line-height:1.57;font-weight:500;letter-spacing:-.014em}
.hng-project-page #tab-residences .story-grid>article .story-copy+.amenity-highlights{margin-top:clamp(27px,3vw,40px)}
@media(max-width:620px){
  .hng-project-page #tab-residences .story-grid>article .story-copy p{margin-bottom:18px;line-height:1.72}
  .hng-project-page #tab-residences .story-grid>article .story-copy .story-intro{font-size:1.14rem;line-height:1.58}
  .hng-project-page #tab-residences .story-grid>article .story-copy+.amenity-highlights{margin-top:25px}
}

/* AI-F1.043: Explore Project only: precise transition from Neighbourhood to FAQ.
 * Other tab panels retain their previous spacing. */
.hng-project-page #tab-residences .story-grid:last-child{margin-bottom:0}
.hng-project-page:has(#tab-residences:not([hidden])) .project-tab-content{padding-bottom:28px}
.hng-review-ribbon .hng-preview-back{color:#ffedc8;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;font-weight:700}
@media(max-width:620px){
  .hng-project-page:has(#tab-residences:not([hidden])) .project-tab-content{padding-bottom:13px}
}

/* AI-F1.044: centered Explore Project tabs on desktop, swipeable on mobile. */
@media(min-width:900px){.hng-project-page .project-tabbar{justify-content:center;gap:clamp(20px,3vw,55px)}}
@media(max-width:899px){.hng-project-page .project-tabbar{justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;white-space:nowrap}.hng-project-page .project-tabbar::-webkit-scrollbar{display:none}.hng-project-page .project-tabbar button{flex-shrink:0}}

/* AI-F1.044: private Layout V1, visually scoped to Explore Project. */
.hng-project-page #tab-layout .layout-section-lead{color:#5a5650;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.6}
.hng-project-page .layout-v1{width:100%;max-width:1250px;margin:35px auto 0;min-width:0}
.hng-project-page .layout-v1 [hidden]{display:none!important}
.hng-project-page .layout-category-badges,.hng-project-page .layout-type-badges{display:flex;justify-content:center;align-items:center;gap:12px;max-width:100%;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-inline:contain;padding:0 2px 8px}
.hng-project-page .layout-category-badges{margin:0 auto 12px}
.hng-project-page .layout-type-badges{margin:0 auto 23px}
.hng-project-page .layout-category-badge,.hng-project-page .layout-type-badge{flex:0 0 auto;border:1px solid #dcd6cc;border-radius:999px;background:#fff;color:#161616;min-height:43px;padding:10px 23px;font-family:inherit;font-size:.91rem;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.hng-project-page .layout-category-badge[aria-pressed=true]{background:#121212;border-color:#121212;color:#fff}
.hng-project-page .layout-type-badge{min-height:37px;padding:8px 19px;font-size:.85rem}
.hng-project-page .layout-type-badge[aria-pressed=true]{background:#e5d9c5;border-color:#e5d9c5;color:#201a13}
.hng-project-page .layout-category-badge:hover:not([aria-pressed=true]),.hng-project-page .layout-type-badge:hover:not([aria-pressed=true]){border-color:#aa8955}
.hng-project-page .layout-plan-panel{width:100%;min-width:0}
.hng-project-page .layout-plan-card{border:1px solid #e2ded7;border-radius:3px;padding:clamp(13px,1.8vw,24px);background:#fff;min-width:0}
.hng-project-page .layout-plan-image-area{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:350px;background:#f8f8f6;overflow:hidden}
.hng-project-page .layout-plan-preview{display:block;width:100%;height:auto;max-height:660px;object-fit:contain;background:#f8f8f6}
.hng-project-page .layout-plan-unavailable{display:flex;align-items:center;justify-content:center;width:100%;min-height:350px;padding:40px 22px;color:#66635e;text-align:center;line-height:1.6}
.hng-project-page .layout-full-plan{display:inline-flex;align-items:center;gap:9px;margin-top:14px;color:#927342;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;font-size:.91rem}
.hng-project-page .layout-full-plan:hover{color:#624c2b}
.hng-project-page .layout-source-note{font-size:.72rem;color:#77736e;margin:10px 0 0;line-height:1.5}
.hng-project-page .layout-plan-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;padding:19px 0;border-top:1px solid #e2ded7;border-bottom:1px solid #e2ded7}
.hng-project-page .layout-metric{display:flex;flex-direction:column;gap:8px;padding:3px clamp(12px,2vw,28px);min-width:0}
.hng-project-page .layout-metric:first-child{padding-left:0;border-right:1px solid #e2ded7}
.hng-project-page .layout-metric>span{font-size:.84rem;color:#666059}
.hng-project-page .layout-metric>strong{font-size:clamp(1.7rem,2.6vw,2.5rem);line-height:1.14;font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere;color:#171717}
.hng-project-page .layout-metric>.layout-price-pending{color:#a58753}
.hng-project-page .layout-plan-areas{display:flex;gap:14px 30px;flex-wrap:wrap;padding:16px 0 0;font-size:.85rem;color:#625f59}
.hng-project-page .layout-plan-areas strong{color:#24201b;font-weight:600}
.hng-project-page .layout-plan-disclaimer{font-size:.76rem;line-height:1.55;color:#77736c;margin:16px 0 0}
@media(max-width:699px){
  .hng-project-page .layout-v1{margin-top:25px}
  .hng-project-page .layout-category-badges,.hng-project-page .layout-type-badges{justify-content:flex-start;gap:9px;padding-bottom:10px}
  .hng-project-page .layout-category-badge{padding:10px 18px;font-size:.87rem}
  .hng-project-page .layout-type-badge{padding:8px 15px;font-size:.8rem}
  .hng-project-page .layout-plan-image-area{min-height:210px}
  .hng-project-page .layout-plan-preview{max-height:435px}
  .hng-project-page .layout-plan-unavailable{min-height:210px;padding:25px 15px;font-size:.86rem}
  .hng-project-page .layout-plan-metrics{gap:0;margin-top:18px;padding:14px 0}
  .hng-project-page .layout-metric{padding:3px 10px}
  .hng-project-page .layout-metric:first-child{padding-left:0}
  .hng-project-page .layout-metric>strong{font-size:clamp(1.32rem,5.5vw,1.75rem)}
  .hng-project-page .layout-plan-areas{display:flex;flex-direction:column;gap:7px;font-size:.8rem}
}

/* AI-F1.045 — Explore Project / Location V1 interactive geographic context. */
.hng-project-page #tab-location .hng-location-v1{max-width:1330px;margin:36px auto 40px;color:#171715}
.hng-project-page #tab-location .hng-location-intro{margin:0 0 25px}
.hng-project-page #tab-location .hng-location-intro h2{font-size:clamp(2rem,3.6vw,3.3rem);font-weight:450;letter-spacing:-.035em;line-height:1.16;margin:8px 0 12px}
.hng-project-page #tab-location .hng-location-intro p{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55;max-width:740px;margin:0}
.hng-project-page #tab-location .hng-location-intro small{color:#777065;display:block;margin-top:10px;font-size:.82rem}
.hng-project-page #tab-location .hng-location-filters{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:5px 2px 19px;white-space:nowrap}
.hng-project-page #tab-location .hng-location-filters button{border:1px solid #d6cfc4;border-radius:40px;background:white;color:#262321;padding:12px 24px;cursor:pointer;font:inherit;font-size:.91rem;white-space:nowrap;flex-shrink:0;transition:background .2s,color .2s}
.hng-project-page #tab-location .hng-location-filters button[aria-pressed=true]{color:#fff;background:#171715;border-color:#171715}
.hng-project-page #tab-location .hng-location-filters button:focus-visible{outline:2px solid #b99659;outline-offset:2px}
.hng-project-page #tab-location .hng-location-main{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(275px,1fr);gap:0;border:1px solid #ded8cf;min-height:480px;background:#fff}
.hng-project-page #tab-location .hng-location-map{min-width:0;min-height:480px;height:480px;background:#e5e8e3;position:relative;z-index:1}
.hng-project-page #tab-location .hng-location-map-loading,.hng-project-page #tab-location .hng-location-fallback{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;text-align:center;padding:35px;color:#625d53;line-height:1.6}
.hng-project-page #tab-location .hng-location-fallback strong{color:#242421;font-size:1.12rem}
.hng-project-page #tab-location .hng-location-fallback p{margin:0;max-width:300px}
.hng-project-page #tab-location .hng-location-aside{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 23px 24px;max-height:480px;overflow-y:auto}
.hng-project-page #tab-location .hng-location-map-status{margin:0 0 8px;font-size:.86rem;line-height:1.6;color:#675e51}
.hng-project-page #tab-location .hng-location-places{list-style:none;margin:0;padding:0;flex:1}
.hng-project-page #tab-location .hng-location-place{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid #e8e1d7;padding:13px 0}
.hng-project-page #tab-location .hng-location-place button{color:#24211d;border:0;padding:0;margin:0;text-align:left;font:inherit;background:transparent;cursor:pointer;font-size:.9rem;line-height:1.4}
.hng-project-page #tab-location .hng-location-place button:hover{text-decoration:underline;text-underline-offset:3px}
.hng-project-page #tab-location .hng-location-place a{font-size:.78rem;white-space:nowrap;color:#8a6a33;text-decoration:none;font-weight:650}
.hng-project-page #tab-location .hng-location-place a:hover,.hng-project-page #tab-location .hng-location-google:hover{text-decoration:underline}
.hng-project-page #tab-location .hng-location-google{display:inline-flex;align-self:flex-start;margin-top:12px;color:#896a35;font-weight:650;text-decoration:none;font-size:.9rem}
.hng-project-page #tab-location .hng-location-disclaimer{font-size:.83rem;color:#6a655d;line-height:1.65;margin:16px 0 0;max-width:105ch}
.hng-project-page #tab-location .hng-location-map .leaflet-container{background:#e3e8e5}
@media(max-width:900px){
 .hng-project-page #tab-location .hng-location-main{grid-template-columns:1fr}
 .hng-project-page #tab-location .hng-location-map{min-height:380px;height:380px}
 .hng-project-page #tab-location .hng-location-aside{max-height:none;padding:17px 20px 22px}
}
@media(max-width:620px){
 .hng-project-page #tab-location .hng-location-v1{margin-top:25px}
 .hng-project-page #tab-location .hng-location-intro h2{font-size:clamp(1.8rem,8vw,2.2rem)}
 .hng-project-page #tab-location .hng-location-filters{gap:7px;padding-bottom:13px}
 .hng-project-page #tab-location .hng-location-filters button{font-size:.8rem;padding:10px 15px}
 .hng-project-page #tab-location .hng-location-map{height:330px;min-height:330px}
 .hng-project-page #tab-location .hng-location-aside{padding:15px 17px 21px}
 .hng-project-page #tab-location .hng-location-disclaimer{font-size:.77rem}
}

/* OP005 map link may be supplied before it is approved as an exact GPS point. */
.hng-project-page #tab-location .hng-location-google-note{display:block;color:#756a5b;font-size:.78rem;line-height:1.55;max-width:42ch}

/* AI-F1.065 — Location: visible project-area label and source-aware distances. */
.hng-project-page #tab-location .hng-location-project-key{display:flex;flex-direction:column;gap:4px;border-left:3px solid #b18a49;background:#fbf9f4;padding:12px 14px;color:#221d18}
.hng-project-page #tab-location .hng-location-project-key strong{font-size:.98rem;line-height:1.3}
.hng-project-page #tab-location .hng-location-project-key span{color:#6a6052;font-size:.78rem;line-height:1.45}
.hng-project-page #tab-location .hng-location-place-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto;max-width:49%;text-align:right}
.hng-project-page #tab-location .hng-location-distance{font-size:.77rem;line-height:1.35;color:#3c362e;font-variant-numeric:tabular-nums}
.hng-project-page #tab-location .hng-location-route-estimate{align-self:flex-start;background:transparent;color:#8a6a33;border:1px solid #c9b38c;border-radius:24px;padding:8px 13px;font:inherit;font-size:.82rem;cursor:pointer}
.hng-project-page #tab-location .hng-location-route-estimate[hidden]{display:none!important}
.hng-project-page #tab-location .hng-location-route-estimate:hover:not(:disabled){background:#faf4e8}
.hng-project-page #tab-location .hng-location-route-estimate:disabled{opacity:.65;cursor:default}
.hng-location-project-marker{z-index:900!important}
.hng-location-project-marker .hng-location-project-glyph{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:3px solid #c5a66c;background:#171715;color:#fff;font:700 15px/1 Arial,sans-serif;box-shadow:0 2px 10px #17171588}
.hng-location-project-tooltip,.hng-google-permanent-tooltip.hng-location-project-tooltip{background:#171715!important;color:#fff!important;border:1px solid #c5a66c!important;border-radius:3px!important;padding:6px 9px!important;box-shadow:0 2px 8px #0004!important;font:700 10px/1.25 Arial,sans-serif!important;letter-spacing:.03em!important;text-transform:uppercase!important;white-space:nowrap!important}
.hng-location-project-tooltip:before{border-top-color:#171715!important}
@media(max-width:620px){.hng-project-page #tab-location .hng-location-place{gap:8px}.hng-project-page #tab-location .hng-location-place-actions{max-width:54%}.hng-project-page #tab-location .hng-location-distance{font-size:.72rem}.hng-location-project-tooltip{font-size:9px!important}}

/* AI-F1.066 — Explore Project / Location: named project, white place labels, automatic travel facts. */
.hng-project-page #tab-location .hng-location-project-key{padding:13px 16px;background:#171715;color:#fff;border-left:3px solid #b18a49}
.hng-project-page #tab-location .hng-location-project-key strong{color:#fff;font-size:1.02rem;letter-spacing:.02em}
.hng-project-page #tab-location .hng-location-place-actions{gap:4px;max-width:53%;min-width:135px}
.hng-project-page #tab-location .hng-location-distance{font-size:.91rem;color:#181818;font-weight:700}
.hng-project-page #tab-location .hng-location-drive-time{font-size:.85rem;font-weight:600;color:#80602c;font-variant-numeric:tabular-nums;line-height:1.4}
.hng-project-page #tab-location .hng-location-place{min-height:72px}
.hng-location-place-marker{z-index:550!important}
.hng-location-place-pin{display:block;width:20px;height:20px;border:3px solid #b89251;border-radius:50%;background:#fff;box-shadow:0 2px 9px #0004}
.hng-location-place-tooltip,.hng-google-permanent-tooltip.hng-location-place-tooltip{background:#fff!important;color:#181818!important;border:1px solid #d8ccba!important;border-radius:5px!important;padding:6px 9px!important;font:700 11px/1.25 Arial,sans-serif!important;letter-spacing:0!important;white-space:normal!important;max-width:180px!important;box-shadow:0 2px 9px #0003!important;text-align:center!important;overflow-wrap:break-word}
.hng-location-place-tooltip:before{border-top-color:#fff!important}
.hng-location-project-marker{z-index:950!important}
.hng-location-project-tooltip,.hng-google-permanent-tooltip.hng-location-project-tooltip{max-width:180px!important;white-space:normal!important;overflow-wrap:break-word!important;text-align:center!important}
.hng-project-page #tab-location .hng-location-aside{gap:14px}
@media(max-width:620px){
 .hng-project-page #tab-location .hng-location-distance{font-size:.83rem}
 .hng-project-page #tab-location .hng-location-drive-time{font-size:.78rem}
 .hng-project-page #tab-location .hng-location-place-actions{min-width:116px;max-width:50%}
 .hng-location-place-tooltip,.hng-google-permanent-tooltip.hng-location-place-tooltip{font-size:9px!important;max-width:118px!important;padding:4px 6px!important}
 .hng-location-project-tooltip,.hng-google-permanent-tooltip.hng-location-project-tooltip{font-size:9px!important;max-width:126px!important}
}

/* AI-F1.070 — Explore Project chapter-to-chapter CTAs, matching approved black/gold/white visuals. */
.hng-project-page .hng-chapter-next-wrap{display:flex;justify-content:center;align-items:center;margin:clamp(48px,6vw,86px) auto clamp(14px,2.8vw,38px);padding:0 12px}
.hng-project-page .hng-chapter-next{box-sizing:border-box;width:min(100%,500px);min-height:72px;display:flex;align-items:center;gap:clamp(10px,2vw,19px);padding:11px clamp(17px,2.5vw,27px);border:2px solid #bd9b5c;border-radius:16px;background:linear-gradient(155deg,#232220 0%,#090909 67%,#171512 100%);color:#fff;box-shadow:inset 0 1px 1px #ffffff30,0 12px 24px #2f211624;cursor:pointer;text-align:left;font:500 clamp(1.05rem,1.5vw,1.23rem)/1.24 Arial,Helvetica,sans-serif;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hng-project-page .hng-chapter-next:hover{transform:translateY(-2px);box-shadow:inset 0 1px 2px #ffffff40,0 17px 29px #2f211632}
.hng-project-page .hng-chapter-next:active{transform:translateY(0)}
.hng-project-page .hng-chapter-next:focus-visible{outline:3px solid #a07a33;outline-offset:4px}
.hng-project-page .hng-chapter-next-icon{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;border:1.5px solid #fff;border-radius:50%}
.hng-project-page .hng-chapter-next-icon svg{display:block;width:25px;height:25px}
.hng-project-page .hng-chapter-next-divider{height:39px;flex:0 0 1px;background:#fff;opacity:.84}
.hng-project-page .hng-chapter-next-label{flex:1;min-width:0;overflow-wrap:break-word}
.hng-project-page .hng-chapter-next-arrow{width:27px;height:27px;flex:0 0 27px;transition:transform .2s ease}
.hng-project-page .hng-chapter-next:hover .hng-chapter-next-arrow{transform:translateX(4px)}
/* The FAQ is now owned exclusively by the final Why Invest tab; keep the Landing Page FAQ untouched. */
.hng-project-page #tab-why-invest>.project-faq{box-sizing:border-box;width:100%;max-width:100%;margin:55px auto 5px;padding:45px 0 18px;border-top:1px solid #dacfc0}
@media(max-width:620px){
 .hng-project-page .hng-chapter-next-wrap{margin:45px auto 19px;padding:0}
 .hng-project-page .hng-chapter-next{min-height:65px;width:100%;gap:12px;padding:9px 15px;border-radius:13px;font-size:clamp(.92rem,3.6vw,1.05rem)}
 .hng-project-page .hng-chapter-next-icon{width:40px;height:40px;flex-basis:40px}
 .hng-project-page .hng-chapter-next-icon svg{width:21px;height:21px}
 .hng-project-page .hng-chapter-next-divider{height:30px}
 .hng-project-page .hng-chapter-next-arrow{width:22px;height:22px;flex-basis:22px}
 .hng-project-page #tab-why-invest>.project-faq{margin-top:40px;padding-top:34px}
}
@media(prefers-reduced-motion:reduce){.hng-project-page .hng-chapter-next,.hng-project-page .hng-chapter-next-arrow{transition:none!important}}

/* AI-F1.072: higher label legibility without resizing the approved CTA dimensions. */
.hng-project-page .hng-chapter-next-label{font-size:clamp(1.18rem,1.9vw,1.48rem);line-height:1.16;letter-spacing:0}
.hng-project-page .layout-price-eur{display:block;margin-top:7px;font-size:clamp(.87rem,1.3vw,1.04rem);font-weight:500;color:#8b6c38;font-variant-numeric:tabular-nums;line-height:1.35}
@media(max-width:620px){.hng-project-page .hng-chapter-next-label{font-size:clamp(1.07rem,4.25vw,1.24rem)}}

/* AI-F1.072: read-only pricing simulator in PRIVATE Explore Project, not Landing Page. */
#tab-prices .hng-price-simulator{max-width:1030px;margin:27px auto 0;color:#1b1916}
#tab-prices .hng-price-intro{max-width:85ch;font-size:.96rem;line-height:1.65;color:#5e5549;margin:8px 0 28px}
#tab-prices .hng-price-type-label,#tab-prices .hng-price-sim-controls label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:#4e4840;font-weight:700}
#tab-prices .hng-price-type-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 25px}
#tab-prices .hng-price-type-choices button{min-width:108px;padding:11px 17px;background:#fff;border:1px solid #ddd6c9;border-radius:26px;color:#1c1c1c;font-size:.88rem;transition:background .18s ease,color .18s ease}
#tab-prices .hng-price-type-choices button[aria-pressed="true"]{color:#fff;background:#98743b;border-color:#98743b}
#tab-prices .hng-price-type-choices button:disabled{opacity:.46;cursor:not-allowed}
#tab-prices .hng-price-type-choices button:focus-visible,#tab-prices .hng-price-sim-controls input:focus-visible{outline:3px solid #b38c4a;outline-offset:3px}
#tab-prices .hng-price-overview{display:grid;grid-template-columns:minmax(0,1fr);padding:24px 0 27px;border-top:1px solid #e4ded4;border-bottom:1px solid #e4ded4}
#tab-prices .hng-price-kicker{display:block;font-size:.8rem;color:#756d60;margin-bottom:9px}
#tab-prices .hng-price-primary{display:block;font-size:clamp(2rem,4.2vw,3.15rem);line-height:1.1;letter-spacing:-.045em;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#tab-prices .hng-price-eur{display:block;font-size:clamp(.94rem,1.4vw,1.13rem);font-weight:600;color:#946f30;margin-top:11px;font-variant-numeric:tabular-nums}
#tab-prices .hng-price-context{font-size:.8rem;line-height:1.5;color:#746c60;margin:12px 0 0}
#tab-prices .hng-price-sim-controls{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px 0 4px}
#tab-prices .hng-price-sim-controls input{display:block;width:100%;min-height:53px;margin-top:10px;padding:12px 14px;background:#fbfaf7;border:1px solid #d9d0c0;color:#201c17;font-size:1.1rem;font-weight:500;letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:3px}
#tab-prices .hng-price-date-hint,#tab-prices .hng-price-fx-reference,#tab-prices .hng-price-disclaimer{color:#70685c;font-size:.78rem;line-height:1.55;margin:11px 0 0;max-width:100ch}
#tab-prices .hng-price-fx-reference{margin:12px 0 24px}
#tab-prices .hng-price-unavailable,#tab-prices .hng-price-draft-warning{padding:14px 17px;margin:23px 0;background:#f4eee3;border-left:3px solid #ae8643;color:#4f463b;font-size:.88rem;line-height:1.6}
#tab-prices .hng-price-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:30px 0 23px}
#tab-prices .hng-price-summary-card{border:1px solid #ddd7cb;background:#faf9f6;padding:18px 17px;display:flex;flex-direction:column;gap:8px;min-width:0}
#tab-prices .hng-price-summary-card>strong{font-size:.78rem;font-weight:700}
#tab-prices .hng-price-summary-percent{font-size:2.4rem;color:#9c773d;font-weight:500;line-height:1.15;letter-spacing:-.04em}
#tab-prices .hng-price-summary-aed{font-size:1.02rem;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#tab-prices .hng-price-summary-card>small{font-size:.8rem;color:#807468;font-variant-numeric:tabular-nums}
#tab-prices .hng-price-plan{margin:20px 0 25px}
#tab-prices .hng-price-plan-head,#tab-prices .hng-price-plan-row{display:grid;grid-template-columns:minmax(0,1.4fr) 86px minmax(0,1fr);column-gap:18px;align-items:start;border-bottom:1px solid #e6e0d5;padding:22px 0}
#tab-prices .hng-price-plan-head{padding:10px 0;color:#756c5d;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}
#tab-prices .hng-price-plan-head>span:nth-child(2),#tab-prices .hng-price-percent{text-align:center}
#tab-prices .hng-price-plan-head>span:last-child{text-align:right}
#tab-prices .hng-price-milestone{font-size:.96rem;line-height:1.5;overflow-wrap:anywhere}
#tab-prices .hng-price-milestone small{display:block;font-size:.77rem;margin-top:5px;color:#7c7062}
#tab-prices .hng-price-percent{font-size:1.48rem;color:#9b783e;font-weight:600}
#tab-prices .hng-price-amount{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#tab-prices .hng-price-amount strong{font-size:1.1rem}
#tab-prices .hng-price-amount small{display:block;font-size:.84rem;color:#756a60;margin-top:4px}
@media(max-width:620px){
 #tab-prices .hng-price-type-choices button{min-width:0;flex:1 1 calc(50% - 5px);padding:10px 8px}
 #tab-prices .hng-price-sim-controls{grid-template-columns:1fr;gap:15px}
 #tab-prices .hng-price-summary{grid-template-columns:1fr;gap:8px}
 #tab-prices .hng-price-summary-card{padding:15px 18px}
 #tab-prices .hng-price-summary-percent{font-size:2rem}
 #tab-prices .hng-price-plan-head,#tab-prices .hng-price-plan-row{grid-template-columns:minmax(0,1fr) 57px minmax(0,1fr);column-gap:7px}
 #tab-prices .hng-price-percent{font-size:1.12rem}
 #tab-prices .hng-price-milestone{font-size:.85rem}
 #tab-prices .hng-price-amount strong{font-size:.88rem}
 #tab-prices .hng-price-amount small{font-size:.73rem}
}

/* AI-F1.074: four premium text-only chapter transitions, unchanged dimensions. */
.hng-project-page .hng-chapter-next{justify-content:center;text-align:center;gap:0}
.hng-project-page .hng-chapter-next-label{flex:0 1 auto;text-align:center;font-size:clamp(1.23rem,2vw,1.53rem);font-weight:650}
.hng-project-page .project-panel>h2{font-size:clamp(2.8rem,5vw,4.6rem);font-weight:700;line-height:1.08;letter-spacing:-.045em}
.hng-project-page .project-panel .project-faq h2{font-size:clamp(2.3rem,3.6vw,3.2rem);font-weight:700}
.hng-project-page .project-panel .three-axes h3,.hng-project-page .project-panel .story-grid h3{font-weight:700}
.hng-project-page .hng-advisor-banner{width:min(calc(100% - 48px),1500px);min-height:230px;margin:45px auto 60px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.76fr) minmax(0,.93fr);align-items:stretch;overflow:hidden;background:linear-gradient(90deg,#fff2df 0%,#faf1e7 52%,#ffe4b8 100%);border:1px solid #eee0ce;color:#1a1714}
.hng-project-page .hng-advisor-copy{position:relative;z-index:1;padding:clamp(24px,3vw,43px);align-self:center}
.hng-project-page .hng-advisor-copy h2{font-size:clamp(1.65rem,2.45vw,2.45rem);font-weight:700;letter-spacing:-.04em;line-height:1.14;margin:0 0 11px}
.hng-project-page .hng-advisor-copy p{font-size:clamp(.9rem,1.17vw,1.02rem);line-height:1.48;margin:0 0 19px;color:#50483e;max-width:55ch}
.hng-project-page .hng-advisor-main-button{padding:12px clamp(24px,3vw,48px);border:1px solid #b28e51;border-radius:999px;background:#a98548;color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.83rem;font-weight:700;min-height:45px;transition:background .18s ease,transform .18s ease}
.hng-project-page .hng-advisor-main-button:hover{background:#876b3b;transform:translateY(-2px)}
.hng-project-page .hng-advisor-photo{min-width:0;position:relative;overflow:hidden;background:#e9ded2}
.hng-project-page .hng-advisor-photo img{height:100%;width:100%;display:block;object-fit:cover;object-position:50% 45%}
.hng-project-page .hng-advisor-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:center;padding:20px 19px}
.hng-project-page .hng-advisor-benefits span{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;font-size:clamp(.69rem,.87vw,.87rem);line-height:1.4;color:#27221b}
.hng-project-page .hng-advisor-benefits svg{width:clamp(21px,2.25vw,32px);height:clamp(21px,2.25vw,32px);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hng-advisor-persistent{position:fixed;right:20px;bottom:20px;z-index:18;border:1.5px solid #faf0dd;border-radius:999px;background:linear-gradient(125deg,#aa8649,#8d6a35);color:#fff;padding:13px 22px;min-height:49px;font-size:.85rem;font-weight:700;box-shadow:0 6px 22px #0003;max-width:calc(100vw - 36px)}
.hng-advisor-persistent:hover{filter:brightness(1.08)}
.hng-advisor-persistent:focus-visible,.hng-project-page .hng-advisor-main-button:focus-visible{outline:3px solid #201b12;outline-offset:3px}
@media(max-width:1120px){.hng-project-page .hng-advisor-banner{grid-template-columns:minmax(0,1.1fr) minmax(175px,.65fr)}.hng-project-page .hng-advisor-benefits{grid-column:1/-1;border-top:1px solid #ebdec8;padding:16px 22px;grid-template-columns:repeat(4,1fr)}.hng-project-page .hng-advisor-benefits span{font-size:.82rem}}
@media(max-width:620px){.hng-project-page .hng-chapter-next-label{font-size:clamp(1.18rem,4.6vw,1.37rem)}.hng-project-page .project-panel>h2{font-size:clamp(2.4rem,8vw,3.4rem)}.hng-project-page .hng-advisor-banner{width:calc(100% - 22px);grid-template-columns:minmax(0,1fr) minmax(95px,.58fr);margin:20px auto 42px}.hng-project-page .hng-advisor-copy{padding:22px 16px}.hng-project-page .hng-advisor-copy h2{font-size:clamp(1.4rem,5vw,1.72rem)}.hng-project-page .hng-advisor-copy p{font-size:.82rem}.hng-project-page .hng-advisor-main-button{width:100%;padding:12px 8px;font-size:.8rem}.hng-project-page .hng-advisor-benefits{padding:13px 5px;gap:4px}.hng-project-page .hng-advisor-benefits span{font-size:.68rem}.hng-project-page .hng-advisor-benefits svg{width:21px;height:21px}.hng-advisor-persistent{left:12px;right:12px;bottom:max(11px,env(safe-area-inset-bottom));width:calc(100% - 24px);min-height:51px;border-radius:12px;text-align:center}.hng-project-page{padding-bottom:84px}}
@media(prefers-reduced-motion:reduce){.hng-advisor-main-button{transition:none!important}}
/* Match the approved slim advisor band; on phones preserve Ali's full portrait. */
@media(min-width:621px){.hng-project-page .hng-advisor-banner{min-height:218px}.hng-project-page .hng-advisor-copy{padding:24px 29px}.hng-project-page .hng-advisor-copy h2{font-size:clamp(1.55rem,2.05vw,2.1rem)}}
@media(max-width:620px){.hng-project-page .hng-advisor-banner{grid-template-columns:1fr}.hng-project-page .hng-advisor-copy{grid-row:1}.hng-project-page .hng-advisor-photo{grid-row:2;height:150px}.hng-project-page .hng-advisor-photo img{object-position:50% 42%}.hng-project-page .hng-advisor-benefits{grid-row:3}}


/* AI-F1.075: Approved seamless advisor photo fills the full banner. Text and CTA stay accessible HTML. */
.hng-project-page .hng-advisor-banner{position:relative;isolation:isolate;min-height:252px;margin-top:26px;overflow:hidden;
  background:linear-gradient(90deg,#f9ecda 0%,#f9eedc 43%,#f5e3c8 100%)}
.hng-project-page .hng-advisor-banner::before{content:"";position:absolute;inset:-24px;z-index:0;pointer-events:none;
  background:url('/assets/offplan-projects/everly-place/runtime-7bcd5dd9cf98408faadbf8c4/ali-advisor-banner.webp?v=AI-F1.075') center 48% / cover no-repeat;
  filter:blur(26px) saturate(.78);opacity:.48}
.hng-project-page .hng-advisor-copy,.hng-project-page .hng-advisor-benefits,.hng-project-page .hng-advisor-photo{position:relative;z-index:1;min-width:0}
.hng-project-page .hng-advisor-copy{background:linear-gradient(90deg,rgba(255,248,238,.98),rgba(255,247,232,.88) 69%,rgba(255,247,232,.08));}
.hng-project-page .hng-advisor-benefits{background:linear-gradient(90deg,rgba(255,243,221,.06),rgba(255,241,213,.79) 31%,rgba(255,239,207,.96));}
.hng-project-page .hng-advisor-photo{background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 80%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 80%,transparent 100%)}
.hng-project-page .hng-advisor-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 36%}
.hng-project-page .hng-advisor-benefits{gap:14px;padding:22px 26px}
.hng-project-page .hng-advisor-benefits span{font-size:clamp(.74rem,.9vw,.92rem);gap:12px}
.hng-project-page .hng-advisor-benefits span+span{border-left:1px solid rgba(178,141,79,.36);padding-left:7px}
@media (min-width:1121px){
 .hng-project-page .hng-advisor-banner{grid-template-columns:minmax(0,1.23fr) minmax(290px,.93fr) minmax(0,1fr)}
 .hng-project-page .hng-advisor-copy{padding:26px 35px}
}
@media (max-width:1120px){
 .hng-project-page .hng-advisor-banner{margin-top:24px}
 .hng-project-page .hng-advisor-benefits{background:rgba(255,243,222,.91)}
}
@media (max-width:620px){
 .hng-project-page .hng-advisor-banner{margin:18px auto 42px;min-height:0}
 .hng-project-page .hng-advisor-copy{background:linear-gradient(90deg,rgba(255,247,233,.97),rgba(255,245,228,.91))}
 .hng-project-page .hng-advisor-photo{height:196px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
 .hng-project-page .hng-advisor-photo img{object-position:50% 15%}
 .hng-project-page .hng-advisor-benefits{padding:16px 9px;gap:3px}
 .hng-project-page .hng-advisor-benefits span{font-size:.69rem;gap:9px}
 .hng-project-page .hng-advisor-benefits span+span{padding-left:3px}
}

/* AI-F1.076 — Why Invest: editorial story, source-fact figures, galleries and safe enquiry. */
.hng-project-page #tab-why-invest{font-family:Arial,Helvetica,sans-serif;color:#171716}
.hng-project-page #tab-why-invest .hng-why-intro{padding:clamp(35px,6vw,95px) 0 clamp(55px,7vw,110px)}
.hng-project-page #tab-why-invest .hng-why-intro h1{margin:0;max-width:1100px;font:800 clamp(3rem,6.5vw,6.5rem)/.99 Arial,Helvetica,sans-serif;letter-spacing:-.055em}
.hng-project-page #tab-why-invest .hng-why-intro h1 span{display:block}
.hng-project-page #tab-why-invest .hng-why-section{padding:clamp(60px,8vw,135px) 0;border-top:1px solid #dfd6c9}
.hng-project-page #tab-why-invest .hng-why-section h2{font:800 clamp(2.4rem,4.8vw,5.1rem)/1.03 Arial,Helvetica,sans-serif;letter-spacing:-.047em;margin:0 0 28px}
.hng-project-page #tab-why-invest .hng-why-section h2>span{color:#ad8950;font-size:.59em;letter-spacing:-.02em;vertical-align:15%}
.hng-project-page #tab-why-invest .hng-why-copy{font:400 clamp(1.08rem,1.55vw,1.38rem)/1.68 Arial,Helvetica,sans-serif;max-width:810px;margin:20px 0 42px;color:#38332f}
.hng-project-page #tab-why-invest .hng-why-key-figure{margin:clamp(30px,6vw,85px) 0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.hng-project-page #tab-why-invest .hng-why-key-figure strong{display:block;font:800 clamp(3.9rem,9vw,9.5rem)/.96 Arial,Helvetica,sans-serif;letter-spacing:-.075em;color:#ad8950}
.hng-project-page #tab-why-invest .hng-why-key-figure strong small{font-size:.45em;font-weight:600;letter-spacing:-.025em}
.hng-project-page #tab-why-invest .hng-why-key-figure>span{font-size:clamp(1.05rem,2vw,1.65rem);color:#24211d;font-weight:600}
.hng-project-page #tab-why-invest .hng-why-key-figure>small{color:#8d8070;font-size:.73rem;max-width:800px;line-height:1.55}
.hng-project-page #tab-why-invest .hng-why-figure-absent{font-size:.9rem;color:#766a5d;padding:20px 0;margin:35px 0}
.hng-project-page #tab-why-invest .hng-why-source-claim{font-size:clamp(1.4rem,3vw,2.3rem);font-weight:700;max-width:850px;margin:45px 0;color:#a7854a}
.hng-project-page #tab-why-invest .hng-why-location-visual{margin-top:36px;position:relative;min-height:340px;background:#f0ede7;overflow:hidden}
.hng-project-page #tab-why-invest .hng-why-location-visual .v2-photo{margin:0;min-height:clamp(360px,52vw,650px);height:clamp(360px,52vw,650px);position:relative}
.hng-project-page #tab-why-invest .hng-why-location-visual img{width:100%;height:100%;object-fit:cover}
.hng-project-page #tab-why-invest .hng-why-location-visual figcaption{position:absolute;bottom:12px;left:16px;color:#fff;font-size:.74rem;text-shadow:0 1px 6px #000}
.hng-project-page #tab-why-invest .hng-why-gallery{margin:38px 0 55px;max-width:100%;overflow:hidden}
.hng-project-page #tab-why-invest .hng-why-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}
.hng-project-page #tab-why-invest .hng-why-gallery-heading h3{margin:0;font-size:clamp(1.15rem,2vw,1.65rem);font-weight:700}
.hng-project-page #tab-why-invest .hng-why-gallery-controls{display:flex;align-items:center;gap:10px;white-space:nowrap}
.hng-project-page #tab-why-invest .hng-why-gallery-controls button{border:1px solid #cabda9;background:#fff;color:#171715;min-width:43px;height:43px;border-radius:50%;cursor:pointer;font:700 1.25rem Arial,Helvetica,sans-serif}
.hng-project-page #tab-why-invest .hng-why-gallery-controls button:hover{background:#181818;color:#fff}
.hng-project-page #tab-why-invest .hng-why-gallery-controls button:disabled{opacity:.5;cursor:default}
.hng-project-page #tab-why-invest .hng-why-gallery-controls span{font-size:.77rem;color:#837665;min-width:50px;text-align:center}
.hng-project-page #tab-why-invest .hng-why-gallery-rail{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scroll-behavior:smooth;overscroll-behavior-x:contain}
.hng-project-page #tab-why-invest .hng-why-slide{flex:0 0 min(83%,990px);scroll-snap-align:start;margin-right:18px;min-width:0;position:relative}
.hng-project-page #tab-why-invest .hng-why-slide .v2-photo{height:clamp(320px,45vw,620px);width:100%;margin:0;background:#eeeae4;position:relative}
.hng-project-page #tab-why-invest .hng-why-slide .v2-photo img{height:100%;width:100%;object-fit:cover}
.hng-project-page #tab-why-invest .hng-why-slide .v2-photo figcaption{position:absolute;left:15px;bottom:12px;font-size:.74rem;color:#fff;text-shadow:0 1px 6px #000}
.hng-project-page #tab-why-invest .hng-why-gallery-missing{padding:clamp(35px,6vw,65px);border:1px solid #ddd3c4;background:#f9f7f3;color:#706759;margin:30px 0 55px;text-align:center}
.hng-project-page #tab-why-invest .hng-why-developer{background:#f8f5f0;margin:0 calc(-1 * clamp(18px,5vw,75px));padding-left:clamp(18px,5vw,75px);padding-right:clamp(18px,5vw,75px)}
.hng-project-page #tab-why-invest .hng-why-developer .hng-why-key-figure{margin-bottom:0}

/* AI-F1.078: true local Developer brand asset, not a generic visual. */
.hng-project-page #tab-why-invest .hng-why-developer-brand{
  width:min(100%,430px);min-height:168px;display:flex;align-items:center;justify-content:center;
  margin:2px auto clamp(30px,5vw,58px);padding:22px clamp(20px,4vw,44px);
  background:#fff;border:1px solid #e3dbcf;box-shadow:0 14px 38px rgba(23,21,18,.035);
}
.hng-project-page #tab-why-invest .hng-why-developer-brand .scroll-developer-logo{
  display:flex;align-items:center;justify-content:center;flex:0 1 340px;width:100%;height:auto;min-height:100px;
  background:#fff;overflow:visible;
}
.hng-project-page #tab-why-invest .hng-why-developer-brand .scroll-developer-logo img{
  display:block;max-width:100%;max-height:160px;width:100%;height:auto;padding:0;object-fit:contain;
}
@media(max-width:650px){
  .hng-project-page #tab-why-invest .hng-why-developer-brand{min-height:135px;padding:20px 24px;margin-bottom:30px}
  .hng-project-page #tab-why-invest .hng-why-developer-brand .scroll-developer-logo{min-height:82px}
}

.hng-project-page #tab-why-invest .hng-why-video{background:#171716;color:#fff;text-align:center;margin:0 calc(-1 * clamp(18px,5vw,75px));padding:clamp(65px,8vw,120px) clamp(18px,5vw,75px)}
.hng-project-page #tab-why-invest .hng-why-video h2{font-size:clamp(2rem,4.6vw,4.6rem);margin:5px 0 38px}
.hng-project-page #tab-why-invest .hng-why-eyebrow{font:700 .79rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:.18em;color:#d5b779}
.hng-project-page #tab-why-invest .hng-why-video-frame{border:1px solid #74634b;max-width:1040px;aspect-ratio:16/9;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:25px;background:radial-gradient(ellipse at 40% 40%,#3d352d 0%,#171716 65%)}
.hng-project-page #tab-why-invest .hng-why-video-mark{font-family:Georgia,serif;font-size:clamp(1.05rem,2vw,2rem);letter-spacing:.45em;color:#bda06d}
.hng-project-page #tab-why-invest .hng-why-video-frame p{font-size:clamp(1rem,2.3vw,1.65rem);font-weight:600;margin:0}
.hng-project-page #tab-why-invest .hng-why-video-frame small{font-size:.76rem;color:#c0b9ad;max-width:420px}
.hng-project-page #tab-why-invest>.project-faq{margin-top:0;border-top:0;padding-top:clamp(65px,8vw,115px)}
/* The project lead preview is intentionally NOT wired to a public lead endpoint. */
.hng-why-interest-modal .modal-shell{position:relative}
.hng-why-interest-modal h2{font-size:clamp(2rem,5vw,3.1rem);line-height:1.06}
.hng-why-modal-subtitle{font-size:1rem;color:#50473b}
.hng-why-interest-modal .interest-choices{margin:20px 0;border:0;padding:0}
.hng-why-interest-modal .interest-choices legend{font-size:.9rem;margin-bottom:12px;font-weight:700}
.hng-why-interest-modal .interest-choices label{display:block;border:1px solid #d8cbb9;padding:13px 14px;margin:8px 0;font-size:1rem;cursor:pointer}
.hng-why-interest-modal .interest-choices label:has(input:checked){border-color:#ad8950;background:#f7eddb}
.hng-why-interest-modal .modal-after-interest{margin-top:25px}
.hng-why-interest-modal .hng-why-whatsapp-label{font-size:.9rem;font-weight:700;margin-bottom:8px;display:block}
.hng-why-interest-modal .hng-why-whatsapp-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:9px}
.hng-why-interest-modal .hng-why-whatsapp-row select,.hng-why-interest-modal .hng-why-whatsapp-row input{background:#fff;border:1px solid #cdbfa9;border-radius:3px;padding:12px 10px;min-width:0;width:100%;margin:0;font-size:1rem}
.hng-why-interest-modal .hng-why-whatsapp-hint{color:#645d53;font-size:.8rem;margin:8px 0 16px}
.hng-why-interest-modal [data-enquiry-submit]{width:100%;min-height:46px;font-weight:700}
.hng-why-interest-modal .hng-why-enquiry-error{font-size:.85rem;line-height:1.5;color:#8d342c;background:#fff3ee;border:1px solid #e6c3b8;padding:12px;margin-top:16px}
.hng-why-interest-modal .hng-why-enquiry-privacy{font-size:.75rem;color:#786c5d;line-height:1.5;margin:18px 0 0}
.hng-why-interest-modal .hng-why-enquiry-success{padding:36px 10px;text-align:center;animation:hng-why-enter .8s ease both}
.hng-why-interest-modal .hng-why-enquiry-success h2{margin:20px 0 15px}
.hng-why-interest-modal .hng-why-success-ring{display:grid;place-items:center;margin:0 auto;border:2px solid #bc9859;border-radius:50%;width:110px;height:110px;font:700 3rem Arial,Helvetica,sans-serif;color:#ad8950;animation:hng-why-ring 1.2s cubic-bezier(.17,.74,.19,1) both}
@keyframes hng-why-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes hng-why-ring{0%{opacity:0;transform:scale(.5) rotate(-20deg)}65%{opacity:1;transform:scale(1.08) rotate(0)}100%{transform:scale(1)}}
@media(max-width:800px){
 .hng-project-page #tab-why-invest .hng-why-section{padding:65px 0}
 .hng-project-page #tab-why-invest .hng-why-slide{flex-basis:91%;margin-right:10px}
 .hng-project-page #tab-why-invest .hng-why-slide .v2-photo{height:360px}
 .hng-project-page #tab-why-invest .hng-why-developer,.hng-project-page #tab-why-invest .hng-why-video{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
}
@media(max-width:520px){
 .hng-project-page #tab-why-invest .hng-why-intro{padding:28px 0 58px}
 .hng-project-page #tab-why-invest .hng-why-intro h1{font-size:clamp(2.65rem,11vw,4.4rem)}
 .hng-project-page #tab-why-invest .hng-why-section h2{font-size:clamp(2.2rem,10vw,3.6rem)}
 .hng-project-page #tab-why-invest .hng-why-copy{font-size:1.05rem}
 .hng-project-page #tab-why-invest .hng-why-location-visual .v2-photo{height:300px;min-height:300px}
 .hng-project-page #tab-why-invest .hng-why-slide .v2-photo{height:270px}
 .hng-project-page #tab-why-invest .hng-why-video-frame{aspect-ratio:4/5}
 .hng-why-interest-modal .hng-why-whatsapp-row{grid-template-columns:108px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 .hng-project-page #tab-why-invest .hng-why-gallery-rail{scroll-behavior:auto}
 .hng-why-interest-modal .hng-why-enquiry-success,.hng-why-interest-modal .hng-why-success-ring{animation:none}
}


/* AI-F1.077 -- Ready Property-inspired closing, chapter rhythm & mobile finish. */
.hng-project-page #tab-residences>h2,
.hng-project-page #tab-layout>h2,
.hng-project-page #tab-prices>h2,
.hng-project-page #tab-location .hng-location-intro h2,
.hng-project-page #tab-why-invest .hng-why-intro h1 {
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(2.8rem,5vw,4.6rem);
  font-weight:700;
  letter-spacing:-.045em;
  line-height:1.08;
}
.hng-project-page #tab-why-invest .hng-why-intro h1{max-width:1150px}
.hng-project-page #tab-why-invest .hng-why-gallery-rail{scrollbar-width:none}
.hng-project-page #tab-why-invest .hng-why-gallery-rail::-webkit-scrollbar{display:none}
/* Reviewer labels still exist in the authenticated source inspector, not the editorial imagery. */
.hng-project-page #tab-why-invest .hng-why-location-visual figcaption,
.hng-project-page #tab-why-invest .hng-why-slide figcaption{display:none}
.hng-project-page .project-panel .hng-why-final-contact{
  display:grid;grid-template-columns:minmax(170px,.56fr) minmax(0,1.4fr);
  gap:clamp(22px,4vw,64px);align-items:center;
  padding:clamp(18px,2.5vw,34px);margin:44px 0 24px;
  background:#f8f5ef;border:1px solid #e0d8ca;
}
.hng-project-page .project-panel .hng-why-final-project-photo{
  min-width:0;height:clamp(165px,22vw,275px);overflow:hidden;background:#e8e2d9;
}
.hng-project-page .project-panel .hng-why-final-project-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hng-project-page .project-panel .hng-why-final-eyebrow{
  display:block;color:#997845;letter-spacing:.13em;text-transform:uppercase;font:700 .75rem/1.4 Arial,sans-serif;margin-bottom:10px;
}
.hng-project-page .project-panel .hng-why-final-copy h2{
  font:700 clamp(1.8rem,3.5vw,3.35rem)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.046em;margin:0 0 15px;
}
.hng-project-page .project-panel .hng-why-final-copy h2 span{display:block}
.hng-project-page .project-panel .hng-why-final-copy p{font-size:clamp(.95rem,1.32vw,1.15rem);line-height:1.6;color:#544e46;max-width:56ch;margin:0 0 24px}
.hng-project-page .project-panel .hng-why-final-button{
  min-height:47px;padding:12px 32px;border-radius:7px;border:1px solid #a8864e;
  background:#aa884f;color:#fff;font:700 .92rem/1.3 Arial,sans-serif;cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.hng-project-page .project-panel .hng-why-final-button:hover{background:#866939;transform:translateY(-1px)}
.hng-project-page .project-panel .hng-why-final-button:focus-visible{outline:3px solid #24201b;outline-offset:3px}
.hng-why-interest-modal .modal-shell{padding:clamp(22px,3.6vw,36px)}
.hng-why-interest-modal h2{font:700 clamp(1.65rem,3.5vw,2.45rem)/1.12 Arial,Helvetica,sans-serif;margin:0 0 10px;letter-spacing:-.04em}
.hng-why-interest-modal h2 span{display:block}
.hng-why-interest-modal .hng-why-modal-subtitle{font-size:.88rem;margin:0 0 14px}
.hng-why-interest-modal .hng-why-project-reference{
  display:flex;align-items:center;gap:14px;background:#f7f5f1;border:1px solid #e8e1d6;padding:9px;margin:0 0 19px;min-height:84px;
}
.hng-why-interest-modal .hng-why-project-reference-photo{width:96px;height:66px;flex:0 0 96px;display:block;background:#e8e0d4;overflow:hidden}
.hng-why-interest-modal .hng-why-project-reference-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hng-why-interest-modal .hng-why-project-reference strong{display:block;font-size:.92rem;line-height:1.35;color:#211c17}
.hng-why-interest-modal .hng-why-project-reference small{display:block;color:#6c6257;font-size:.75rem;line-height:1.45;margin-top:4px}
.hng-why-project-photo-fallback{display:flex;align-items:center;justify-content:center;height:100%;color:#71665a;font-size:.72rem;text-align:center;padding:8px}
.hng-why-interest-modal .interest-choices legend{font-size:1.02rem}
/* Internal review stays accessible in the authenticated preview, not a customer-facing callout. */
.hng-project-page .review-panel{max-width:970px;padding:17px 24px;margin-top:20px;background:#fff9f0}
@media(max-width:620px){
  .hng-project-page #tab-residences>h2,
  .hng-project-page #tab-layout>h2,
  .hng-project-page #tab-prices>h2,
  .hng-project-page #tab-location .hng-location-intro h2,
  .hng-project-page #tab-why-invest .hng-why-intro h1{font-size:clamp(2.25rem,8.5vw,3.4rem)}
  .hng-project-page .project-panel .hng-why-final-contact{grid-template-columns:1fr;gap:17px;padding:18px}
  .hng-project-page .project-panel .hng-why-final-project-photo{height:auto;aspect-ratio:16/9}
  .hng-project-page .project-panel .hng-why-final-copy h2{font-size:clamp(1.8rem,8vw,2.55rem)}
  .hng-project-page .project-panel .hng-why-final-button{width:100%}
  /* AI-F1.089: compact mobile photo as requested; keep Ali's face visible. */
  .hng-project-page .hng-advisor-photo{height:clamp(128px,23vw,145px);aspect-ratio:auto;-webkit-mask-image:none;mask-image:none}
  .hng-project-page .hng-advisor-photo img{height:100%;width:100%;max-height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 52%}
  .hng-advisor-persistent{width:auto;left:auto;right:12px;bottom:max(11px,env(safe-area-inset-bottom));min-height:42px;padding:9px 16px;border-radius:24px;font-size:.76rem;max-width:65vw}
  .hng-project-page{padding-bottom:66px}
}
@media(prefers-reduced-motion:reduce){
  .hng-project-page .project-panel .hng-why-final-button{transition:none}
}

/* AI-F1.090 — mobile advisor artwork: keep the short banner but show the
   full source portrait at a more natural distance; softly extend the existing
   photographic background at the sides rather than cropping Ali's head. */
@media(max-width:620px){
  .hng-project-page .hng-advisor-photo{
    position:relative;isolation:isolate;overflow:hidden;
    background:#e8ddc8;
  }
  .hng-project-page .hng-advisor-photo::before{
    content:"";position:absolute;inset:-12px;z-index:0;pointer-events:none;
    background:url('/assets/offplan-projects/everly-place/runtime-7bcd5dd9cf98408faadbf8c4/ali-advisor-banner.webp?v=AI-F1.076') center 50% / cover no-repeat;
    filter:blur(13px) saturate(.88);
  }
  .hng-project-page .hng-advisor-photo img{
    position:absolute;z-index:1;display:block;top:0;left:50%;
    width:auto;max-width:none;height:100%;max-height:100%;
    transform:translateX(-50%);
    object-fit:contain;object-position:center center;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%);
  }
}

/* AI-F1.091 — mobile only: remove the duplicate blurred side photograph.
   Keep the complete natural portrait and AI-F1.090 short frame; desktop is
   untouched. A quiet solid warm backdrop replaces the blurry photo strips. */
@media (max-width:620px) {
  .hng-project-page .hng-advisor-photo {
    background: #e8ddc8;
  }
  .hng-project-page .hng-advisor-photo::before {
    content: none;
    display: none;
    filter: none;
  }
  .hng-project-page .hng-advisor-photo img {
    -webkit-mask-image: none;
    mask-image: none;
  }
}


/* AI-F1.096 — Advisor card, mobile-only: premium full-width Ali portrait,
   natural face crop, readable services at any phone width, no duplicate blur.
   The existing CTA/modal, desktop layout and photograph source are untouched. */
@media (max-width:620px) {
  .hng-project-page .hng-advisor-banner {
    grid-template-columns:minmax(0,1fr);
  }
  .hng-project-page .hng-advisor-photo {
    grid-column:1;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:16 / 9;
    overflow:hidden;
    background:#e8ddc8;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .hng-project-page .hng-advisor-photo::before {
    content:none;
    display:none;
  }
  .hng-project-page .hng-advisor-photo img {
    position:absolute;
    inset:0;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    min-width:0;
    max-width:100%;
    max-height:none;
    transform:none;
    object-fit:cover;
    object-position:center 14%;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .hng-project-page .hng-advisor-copy {
    padding:22px clamp(16px,4vw,25px);
  }
  .hng-project-page .hng-advisor-main-button {
    display:block;
    width:100%;
    min-height:46px;
    white-space:normal;
    overflow-wrap:normal;
  }
  .hng-project-page .hng-advisor-benefits {
    grid-column:1;
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:0;
    row-gap:0;
    padding:17px 10px 19px;
    background:#fff0da;
    border-top:1px solid #e5d3b8;
  }
  .hng-project-page .hng-advisor-benefits span {
    min-width:0;
    min-height:65px;
    justify-content:center;
    padding:4px 5px;
    font-size:clamp(.7rem,1.85vw,.81rem);
    line-height:1.38;
    gap:8px;
  }
  .hng-project-page .hng-advisor-benefits span+span {
    padding-left:5px;
  }
}
@media (max-width:440px) {
  .hng-project-page .hng-advisor-benefits {
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:9px 12px 11px;
  }
  .hng-project-page .hng-advisor-benefits span {
    min-height:79px;
    font-size:.76rem;
    padding:10px 8px;
  }
  .hng-project-page .hng-advisor-benefits span+span {
    border-left:0;
    padding-left:8px;
  }
  .hng-project-page .hng-advisor-benefits span:nth-child(even) {
    border-left:1px solid rgba(178,141,79,.36);
  }
  .hng-project-page .hng-advisor-benefits span:nth-child(n+3) {
    border-top:1px solid rgba(178,141,79,.36);
  }
}

/* AI-F1.097 — All five Project tabs reuse the source-grounded Why Invest CTA.
   Legacy Ali advisor CSS is dormant: no project preview renders its old banner. */