:root{--navy:#0b1b2b;--harbour:#18344a;--ivory:#f7f4ee;--stone:#d8d3ca;--slate:#59636b;--brass:#b79a63;--white:#fff;--green:#187c59;--ink:#15202b;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--shadow:0 24px 70px rgba(8,25,40,.14);--shell:min(1280px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.menu-open,body.lightbox-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.03em}h2{font-size:clamp(2.55rem,5vw,5rem);margin-bottom:24px}h3{font-size:clamp(1.8rem,3vw,3rem)}.shell{width:var(--shell);margin-inline:auto}.section{padding:clamp(80px,9vw,140px) 0}.eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:24px;color:var(--brass);font-size:.75rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:'';width:34px;height:1px;background:currentColor}.eyebrow.light{color:#dcc89f}.large-copy{font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,2.05rem);line-height:1.35}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:15px;top:-100px;z-index:1000;background:#fff;padding:12px 18px}.skip-link:focus{top:15px}.button{min-height:54px;padding:14px 23px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.82rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;transition:.22s ease;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--brass);color:var(--navy)}.button-primary:hover{background:#c9ad78}.button-ghost{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(11,27,43,.16);backdrop-filter:blur(8px)}.button-ghost:hover{background:rgba(255,255,255,.1)}.button-dark{background:var(--navy);color:#fff}.button-light{background:var(--ivory);color:var(--navy)}.button-outline{border-color:var(--navy);color:var(--navy)}.button-small{min-height:44px;padding:10px 17px;background:var(--green);color:#fff}.text-link{display:inline-flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid currentColor;font-weight:650}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}
.site-header{position:fixed;inset:0 0 auto;z-index:100;color:#fff;transition:background .3s,box-shadow .3s}.site-header.scrolled{background:rgba(11,27,43,.97);box-shadow:0 8px 30px rgba(0,0,0,.15);backdrop-filter:blur(12px)}.nav-shell{width:min(1420px,calc(100% - 40px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font:700 1.25rem/1 var(--serif);border:1px solid rgba(255,255,255,.6);padding:9px 8px;letter-spacing:-.05em}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-family:var(--serif);font-size:1rem;letter-spacing:.03em}.brand-copy small{opacity:.7;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;margin-top:4px}.main-nav{display:flex;align-items:center;gap:28px}.main-nav>a:not(.button){font-size:.77rem;font-weight:650;letter-spacing:.02em;position:relative}.main-nav>a:not(.button):after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--brass);transition:right .2s}.main-nav>a:not(.button):hover:after{right:0}.menu-toggle{display:none;background:none;border:0;padding:10px;color:inherit}.menu-toggle span{display:block;width:25px;height:1px;background:currentColor;margin:5px}
.hero{min-height:820px;height:100svh;position:relative;color:#fff;overflow:hidden;background:var(--navy)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,27,.92) 0%,rgba(5,16,27,.72) 38%,rgba(5,16,27,.18) 74%,rgba(5,16,27,.1)),linear-gradient(0deg,rgba(5,16,27,.5),transparent 48%)}.hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:70px;max-width:1280px}.hero h1{font-size:clamp(3.4rem,7.1vw,7.4rem);max-width:960px;margin:0 0 24px}.hero-lead{max-width:720px;font-size:clamp(1.05rem,1.6vw,1.32rem);color:rgba(255,255,255,.84);line-height:1.6}.hero-actions{display:flex;gap:12px;margin:16px 0 31px;flex-wrap:wrap}.hero-proof{display:flex;gap:0;list-style:none;padding:0;margin:0;color:rgba(255,255,255,.84);font-size:.78rem;letter-spacing:.03em}.hero-proof li{padding:0 20px;border-left:1px solid rgba(255,255,255,.3)}.hero-proof li:first-child{padding-left:0;border-left:0}.trust-line{display:flex;align-items:center;gap:14px;margin-top:32px}.trust-monogram{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--brass);border-radius:50%;font-family:var(--serif);color:#eeddbb}.trust-line p{margin:0;line-height:1.3}.trust-line strong,.trust-line span{display:block}.trust-line strong{font-size:.88rem}.trust-line p span{font-size:.7rem;color:rgba(255,255,255,.68);margin-top:4px}.hero-scroll{position:absolute;z-index:2;right:35px;bottom:34px;display:flex;align-items:center;gap:12px;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.hero-scroll span{height:1px;width:46px;background:#fff}
.intro{background:var(--ivory)}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;align-items:start}.intro-grid h2{max-width:760px}.intro-copy{padding-top:60px}.intro-copy p:not(.large-copy){color:var(--slate);max-width:630px}.highlights-row{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone)}.highlights-row article{padding:34px 28px 40px;border-left:1px solid var(--stone)}.highlights-row article:first-child{border-left:0}.highlights-row span{color:var(--brass);font-size:.7rem}.highlights-row h3{font:600 1rem/1.2 var(--sans);letter-spacing:0;margin:22px 0 12px}.highlights-row p{font-size:.88rem;color:var(--slate);margin:0}
.compare-section{background:var(--navy);color:#fff}.section-heading.centered{text-align:center;max-width:900px}.section-heading.centered .eyebrow{justify-content:center}.section-heading>p:last-child{max-width:680px;color:rgba(255,255,255,.66);margin-inline:auto}.compare-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:65px;box-shadow:var(--shadow)}.phase{min-width:0}.phase-media{height:430px;position:relative;overflow:hidden}.phase-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.phase:hover .phase-media img{transform:scale(1.025)}.phase-three .phase-media img{object-position:center 54%}.status{position:absolute;top:24px;left:24px;padding:9px 13px;background:rgba(11,27,43,.86);backdrop-filter:blur(8px);font-size:.64rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.phase-body{padding:48px clamp(28px,4vw,58px) 55px}.phase-two .phase-body{background:#eee9df;color:var(--ink)}.phase-three .phase-body{background:var(--harbour)}.phase-kicker{color:var(--brass);font-size:.7rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px}.phase h3{font-size:clamp(2.5rem,4vw,4.2rem);margin-bottom:16px}.phase-intro{min-height:82px;color:inherit;opacity:.75}.phase-facts{margin:32px 0;border-top:1px solid currentColor}.phase-facts>div{display:grid;grid-template-columns:115px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid currentColor}.phase-facts dt{font-size:.67rem;text-transform:uppercase;letter-spacing:.11em;opacity:.55}.phase-facts dd{margin:0;font-size:.87rem}.phase-body .text-link{margin-bottom:30px}.phase-body>.button{width:100%}.compare-help{margin-top:32px;padding:24px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}.compare-help p{margin:0}.compare-help a{color:#dbc596;border-bottom:1px solid}
.connection-section{background:#f1ede5}.connection-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.connection-copy p:not(.eyebrow):not(.large-copy){color:var(--slate)}.bridge-figure{margin:0;position:relative}.bridge-figure img{width:100%;aspect-ratio:1.5;object-fit:cover;box-shadow:var(--shadow)}.bridge-figure figcaption{position:absolute;bottom:0;right:0;background:var(--navy);color:#fff;padding:14px 18px;font-size:.72rem}.route{margin-top:90px;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;align-items:center}.route-step{min-height:128px;padding:21px;border:1px solid var(--stone);background:rgba(255,255,255,.42)}.route-step span{font-size:.65rem;color:var(--brass)}.route-step strong,.route-step small{display:block}.route-step strong{font-family:var(--serif);font-size:1.18rem;margin:15px 0 5px}.route-step small{color:var(--slate)}.route>i{height:1px;background:var(--brass);position:relative}.route>i:after{content:'';position:absolute;right:0;top:-3px;border-left:6px solid var(--brass);border-block:3px solid transparent}.location-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.location-tags span{border:1px solid var(--stone);padding:8px 13px;font-size:.72rem;color:var(--slate);background:#f8f6f1}
.lifestyle-section{background:var(--navy);color:#fff;overflow:hidden}.lifestyle-heading{display:flex;align-items:end;justify-content:space-between}.lifestyle-heading h2{max-width:850px}.lifestyle-gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;gap:18px;margin-top:50px}.lifestyle-gallery figure{margin:0;position:relative;overflow:hidden;background:#102438}.lifestyle-gallery img{width:100%;height:100%;min-height:400px;object-fit:cover;transition:transform .6s}.lifestyle-gallery figure:hover img{transform:scale(1.025)}.life-main{grid-row:span 1}.life-wide{grid-column:1/-1}.life-wide img{min-height:330px;object-fit:cover}.lifestyle-gallery figcaption{position:absolute;inset:auto 0 0;padding:55px 24px 22px;background:linear-gradient(transparent,rgba(5,16,27,.86));display:grid;grid-template-columns:34px 1fr;align-items:end}.lifestyle-gallery figcaption span{color:var(--brass);font-size:.7rem}.lifestyle-gallery figcaption strong,.lifestyle-gallery figcaption small{grid-column:2}.lifestyle-gallery figcaption strong{font:400 1.6rem var(--serif)}.lifestyle-gallery figcaption small{color:rgba(255,255,255,.7)}
.layouts-section{background:var(--ivory)}.heading-row{display:grid;grid-template-columns:1fr .6fr;gap:8%;align-items:end}.heading-row p{color:var(--slate);padding-bottom:18px}.layout-explorer{margin-top:56px}.phase-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--stone)}.phase-tabs button{border:0;background:none;text-align:left;padding:22px 28px;color:var(--slate);font:400 1.5rem var(--serif);cursor:pointer;border-bottom:3px solid transparent}.phase-tabs button[aria-selected=true]{color:var(--navy);border-color:var(--brass);background:#f0ece4}.phase-tabs small{display:block;font:650 .64rem var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;opacity:.6}.layout-panel{background:#fff;box-shadow:0 22px 65px rgba(11,27,43,.09)}.layout-filters{display:flex;flex-wrap:wrap;gap:8px;padding:24px 28px;border-bottom:1px solid #e5e1d9}.layout-filters button,.variant-buttons button{border:1px solid var(--stone);background:#fff;color:var(--slate);padding:9px 14px;cursor:pointer;font-size:.72rem}.layout-filters button.active,.variant-buttons button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.layout-display{display:grid;grid-template-columns:1.05fr .95fr;min-height:630px}.plan-view{border:0;border-right:1px solid #e5e1d9;background:#faf9f6;padding:40px;cursor:zoom-in;display:grid;place-items:center}.plan-view img{max-height:560px;width:auto}.layout-details{padding:60px clamp(30px,5vw,70px);align-self:center}.layout-phase{color:var(--brass);font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}.layout-title{font-size:clamp(2.5rem,4vw,4rem);margin-bottom:16px}.layout-summary{color:var(--slate)}.layout-details dl{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-block:1px solid var(--stone)}.layout-details dl>div{padding:17px 12px;border-left:1px solid var(--stone)}.layout-details dl>div:first-child{border-left:0;padding-left:0}.layout-details dt{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}.layout-details dd{margin:4px 0 0;font-family:var(--serif);font-size:1.05rem}.variant-wrap>span{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}.variant-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 25px}.layout-note{font-size:.72rem;color:var(--slate);margin-bottom:24px}.layout-cta{width:100%}
.handover-section{background:#e9e4da}.handover-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.handover-copy p:not(.eyebrow){color:var(--slate)}.spec-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c7c0b4}.spec-list div{padding:26px 12px;border-bottom:1px solid #c7c0b4}.spec-list div:nth-child(odd){border-right:1px solid #c7c0b4}.spec-list span{color:var(--brass);font-size:.65rem;margin-right:15px}.spec-list strong{font-weight:600}.legal-note{margin-top:40px;padding:17px 20px;border:1px solid #c7c0b4;font-size:.74rem;color:var(--slate)}
.facilities-section{background:#fff}.facilities-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center}.facilities-grid figure{margin:0;background:#f5f3ef;padding:25px}.facilities-grid figure img{width:100%;aspect-ratio:1/1;object-fit:contain}.facilities-grid>div>p:not(.eyebrow){color:var(--slate)}.facility-list{columns:2;list-style:none;padding:0;margin:30px 0}.facility-list li{padding:10px 0;border-bottom:1px solid #e1ddd6;break-inside:avoid}.facility-list li:before{content:'—';color:var(--brass);margin-right:9px}.facilities-grid .button{margin-top:15px}
.pathways-section{background:var(--ivory)}.pathway-list{margin-top:55px;border-top:1px solid var(--stone)}.pathway-list article{display:grid;grid-template-columns:80px 1fr;padding:38px 0;border-bottom:1px solid var(--stone);transition:padding .2s,background .2s}.pathway-list article:hover{padding-left:22px;background:rgba(255,255,255,.44)}.pathway-list>article>span{color:var(--brass)}.pathway-list article>div{display:grid;grid-template-columns:.38fr .7fr 1fr .5fr;gap:3%;align-items:center}.pathway-list h3{font-size:1.7rem;margin:0}.pathway-list p{margin:0}.path-tag{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--slate)}.pathway-list article>div>p:not(.path-tag){color:var(--slate);font-size:.88rem}.pathway-list a{font-size:.78rem;font-weight:700;color:var(--green)}
.availability-section{min-height:590px;display:grid;place-items:center;position:relative;color:#fff;overflow:hidden}.availability-section>img,.availability-overlay{position:absolute;inset:0;width:100%;height:100%}.availability-section>img{object-fit:cover}.availability-overlay{background:linear-gradient(90deg,rgba(5,16,27,.94),rgba(5,16,27,.68) 55%,rgba(5,16,27,.25))}.availability-content{position:relative;z-index:1}.availability-content h2{max-width:900px}.availability-content>p:not(.eyebrow){max-width:650px;font-size:1.1rem;color:rgba(255,255,255,.76)}.availability-content small{display:block;margin-top:15px;color:rgba(255,255,255,.55)}
.connie-section{background:#efeae1}.connie-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:8%;align-items:center}.connie-portrait{min-height:620px;background:linear-gradient(145deg,#17364d,#091827);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}.connie-portrait:before,.connie-portrait:after{content:'';position:absolute;border:1px solid rgba(183,154,99,.4);inset:26px}.connie-portrait:after{inset:40px}.connie-portrait span{font:400 6rem var(--serif);color:#dec79a}.connie-portrait small{position:absolute;bottom:58px;color:rgba(255,255,255,.55);font-size:.7rem}.connie-copy>p:not(.eyebrow):not(.large-copy){color:var(--slate)}.credential-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:38px 0}.credential-row span{font-size:.68rem;color:var(--slate);border-top:1px solid var(--stone);padding-top:14px}.credential-row strong{display:block;color:var(--navy);font:400 1.1rem var(--serif);margin-bottom:4px}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:9%}.faq-grid>div:first-child>p:not(.eyebrow){color:var(--slate)}.accordion-item{border-top:1px solid var(--stone)}.accordion-item:last-child{border-bottom:1px solid var(--stone)}.accordion-trigger{width:100%;border:0;background:none;padding:24px 5px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--ink);font-family:var(--serif);font-size:1.25rem;cursor:pointer}.accordion-trigger span{font:300 1.5rem var(--sans);transition:transform .2s}.accordion-trigger[aria-expanded=true] span{transform:rotate(45deg)}.accordion-content{padding:0 45px 24px 5px;color:var(--slate)}.accordion-content[hidden]{display:none}
.final-cta{background:var(--navy);color:#fff;text-align:center;padding:110px 0}.final-cta .eyebrow{justify-content:center}.final-cta h2{max-width:900px;margin-inline:auto}.final-cta p:not(.eyebrow){color:rgba(255,255,255,.66);max-width:650px;margin:0 auto 32px}.site-footer{background:#07131f;color:#fff;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .9fr 1fr;gap:7%}.footer-brand{display:flex;gap:14px}.footer-brand p{line-height:1.4}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:7px}.footer-grid>div>strong{color:#d7c092;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:10px}.footer-grid a,.footer-grid p{color:rgba(255,255,255,.62);font-size:.78rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;gap:8%}.footer-bottom p{color:rgba(255,255,255,.45);font-size:.68rem;max-width:750px;margin:0}.mobile-cta{display:none}.lightbox{position:fixed;z-index:300;inset:0;background:rgba(4,12,19,.94);padding:70px 24px 24px;place-items:center}.lightbox:not([hidden]){display:grid}.lightbox img{max-height:calc(100vh - 130px);max-width:min(100%,1100px);background:#fff;padding:12px}.lightbox p{position:absolute;bottom:18px;color:#fff}.lightbox-close{position:absolute;right:24px;top:15px;border:0;background:none;color:#fff;font-size:2.5rem;cursor:pointer}
@media(max-width:1050px){.main-nav{gap:16px}.main-nav>a:not(.button){font-size:.68rem}.intro-grid,.connection-grid,.facilities-grid,.connie-grid,.faq-grid{gap:5%}.phase-media{height:360px}.route{grid-template-columns:1fr 25px 1fr 25px 1fr}.route .route-step:nth-of-type(n+4),.route i:nth-of-type(n+3){margin-top:20px}.route{display:flex;flex-wrap:wrap}.route-step{flex:1;min-width:165px}.route>i{width:25px}.pathway-list article>div{grid-template-columns:.4fr .7fr 1fr}.pathway-list article>div>a{grid-column:2;margin-top:10px}.connie-portrait{min-height:540px}}
@media(max-width:820px){:root{--shell:min(100% - 32px,1280px)}html{scroll-padding-top:70px}.site-header{background:rgba(11,27,43,.92)}.nav-shell{height:70px;width:calc(100% - 28px)}.menu-toggle{display:block;z-index:2}.main-nav{position:fixed;inset:70px 0 0;background:var(--navy);padding:35px 24px;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(100%);transition:transform .3s}.main-nav.open{transform:none}.main-nav>a:not(.button){font:400 1.45rem var(--serif);padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12)}.main-nav .button{margin-top:25px}.hero{min-height:800px;height:auto}.hero-content{min-height:800px;padding-top:100px;padding-bottom:90px;justify-content:flex-end}.hero-overlay{background:linear-gradient(0deg,rgba(5,16,27,.96),rgba(5,16,27,.55) 68%,rgba(5,16,27,.18))}.hero-image{object-position:62% center}.hero h1{font-size:clamp(3rem,13vw,5rem)}.hero-lead{font-size:1rem}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-proof li,.hero-proof li:first-child{border:0;padding:0}.hero-scroll{display:none}.intro-grid,.compare-grid,.connection-grid,.heading-row,.layout-display,.handover-grid,.facilities-grid,.connie-grid,.faq-grid{grid-template-columns:1fr}.intro-copy{padding-top:0}.highlights-row{grid-template-columns:1fr 1fr}.highlights-row article:nth-child(3){border-left:0;border-top:1px solid var(--stone)}.highlights-row article:nth-child(4){border-top:1px solid var(--stone)}.compare-grid{gap:20px;box-shadow:none}.phase-media{height:330px}.phase-three .phase-media{height:440px}.phase-intro{min-height:0}.compare-help{align-items:flex-start;gap:18px;flex-direction:column}.connection-copy{margin-bottom:40px}.route{margin-top:50px;display:flex;flex-direction:column;align-items:stretch}.route-step{width:100%;min-height:auto}.route>i{height:28px;width:1px;margin:0 0 0 31px!important}.route>i:after{right:-3px;top:auto;bottom:0;border-top:6px solid var(--brass);border-inline:3px solid transparent;border-left-color:transparent}.lifestyle-gallery{grid-template-columns:1fr}.life-wide{grid-column:auto}.lifestyle-gallery img,.life-wide img{min-height:330px}.phase-tabs button{padding:17px 15px;font-size:1.15rem}.layout-display{min-height:0}.plan-view{border-right:0;border-bottom:1px solid #e5e1d9;min-height:440px}.layout-details{padding:40px 24px}.handover-copy{margin-bottom:30px}.facilities-grid figure{margin-bottom:40px}.pathway-list article{grid-template-columns:45px 1fr}.pathway-list article>div{display:block}.pathway-list h3{margin:8px 0 12px}.pathway-list article>div>a{display:inline-block;margin-top:15px}.connie-portrait{min-height:440px;margin-bottom:40px}.faq-grid>div:first-child{margin-bottom:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.mobile-cta{display:block;position:fixed;z-index:90;inset:auto 10px 10px}.mobile-cta a{height:58px;background:var(--green);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 35px rgba(0,0,0,.3);line-height:1.3}.mobile-cta span{font-weight:750}.mobile-cta small{font-size:.65rem;opacity:.8}.site-footer{padding-bottom:100px}}
@media(max-width:540px){body{font-size:15px}.section{padding:72px 0}h2{font-size:2.5rem}.hero-actions{display:grid}.button{width:100%}.hero-proof{font-size:.68rem}.trust-line p span{max-width:260px}.highlights-row{grid-template-columns:1fr}.highlights-row article{border-left:0!important;border-top:1px solid var(--stone)}.highlights-row article:first-child{border-top:0}.phase-media{height:270px}.phase-three .phase-media{height:400px}.phase-body{padding:34px 22px 40px}.phase-facts>div{grid-template-columns:85px 1fr}.lifestyle-gallery img,.life-wide img{min-height:280px}.layout-details dl{grid-template-columns:1fr}.layout-details dl>div{border-left:0;border-bottom:1px solid var(--stone);padding-left:0}.layout-details dl>div:last-child{border-bottom:0}.plan-view{padding:22px;min-height:390px}.spec-list{grid-template-columns:1fr}.spec-list div:nth-child(odd){border-right:0}.facility-list{columns:1}.availability-section{min-height:650px}.availability-content{text-align:center}.availability-content .eyebrow{justify-content:center}.credential-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.lightbox{padding:60px 10px 50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.legal-page{background:#f7f4ee}.legal-header{background:var(--navy);color:#fff}.legal-header .shell{min-height:82px;display:flex;align-items:center;justify-content:space-between}.legal-header>a{font-size:.8rem}.legal-main{max-width:900px;padding-top:100px;padding-bottom:100px}.legal-main h1,.holding-card h1{font-size:clamp(3.2rem,7vw,6rem)}.legal-updated{color:var(--slate);margin-bottom:65px}.legal-main section{padding:30px 0;border-top:1px solid var(--stone)}.legal-main section h2{font:400 1.8rem var(--serif);margin-bottom:12px}.legal-main section p{color:var(--slate)}.legal-footer{background:#07131f;color:rgba(255,255,255,.6);padding:25px 0;font-size:.75rem}.holding-main{min-height:100svh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#e9e4da,#f7f4ee)}.holding-card{max-width:760px;background:#fff;padding:clamp(35px,7vw,85px);box-shadow:var(--shadow)}.holding-card .brand-mark{display:inline-block;background:var(--navy);color:#fff;margin-bottom:50px}.holding-card>p:not(.eyebrow){color:var(--slate);font-size:1.05rem}.holding-note{margin-top:35px!important;font-size:.75rem!important;border-top:1px solid var(--stone);padding-top:20px}

/* Approved landing-page hierarchy and responsive sales-flow refinements */
.hero h1{margin-bottom:15px}.hero-subheading{font:400 clamp(1.35rem,2.5vw,2.25rem)/1.25 var(--serif);letter-spacing:-.02em;max-width:760px;margin:0 0 18px;color:#ead9b6}.mobile-hero-followup{display:none}.compare-grid{margin-top:48px}.phase-body{padding:38px clamp(28px,3.5vw,48px) 42px}.phase-intro{min-height:72px}.phase-facts{margin:24px 0}.connection-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.connection-actions .text-link{font-size:.78rem}.phase-body .text-link{margin-bottom:22px}
@media(max-width:820px){body{padding-bottom:76px}.hero{height:100svh;min-height:650px}.hero-content{height:100svh;min-height:650px;padding-top:110px;padding-bottom:48px;justify-content:flex-end}.hero-content>.hero-proof,.hero-content>.trust-line{display:none}.hero-actions .button-ghost{display:none}.hero h1{font-size:clamp(3rem,12.5vw,4.7rem);margin-bottom:12px}.hero-subheading{font-size:clamp(1.22rem,5.6vw,1.65rem);margin-bottom:13px;max-width:520px}.hero-lead{max-width:520px;font-size:.95rem;line-height:1.5}.hero-actions{margin:12px 0 0}.mobile-hero-followup{display:block;background:#efe9df;padding:25px 0 28px}.mobile-hero-followup .hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--navy);font-size:.68rem}.mobile-hero-followup .hero-proof li{border:0;padding:0}.mobile-hero-followup .trust-line{margin-top:22px}.mobile-hero-followup .trust-monogram{color:var(--navy)}.mobile-hero-followup .trust-line p span{color:var(--slate)}.mobile-hero-followup .text-link{margin-top:22px;font-size:.78rem}.compare-section{padding-top:78px;padding-bottom:78px}.compare-grid{margin-top:38px}.phase-media,.phase-three .phase-media{height:300px}.phase-body{padding:30px 24px 34px}.phase h3{font-size:clamp(2.1rem,8vw,3rem)}.phase-intro{min-height:0;margin-bottom:18px}.phase-facts{margin:18px 0}.phase-facts>div{padding:11px 0}.mobile-cta{inset:auto 10px calc(8px + env(safe-area-inset-bottom))}.mobile-cta a{height:58px;max-height:58px;flex-direction:row;gap:10px;border-radius:2px}.mobile-cta .wa-icon{width:27px;height:27px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;font-size:.9rem}.mobile-cta strong{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.site-footer{padding-bottom:28px}}
@media(max-width:540px){.section{padding:64px 0}h2{font-size:2.25rem}.hero .eyebrow{font-size:.62rem;letter-spacing:.12em;margin-bottom:15px}.hero-actions .button-primary{font-size:.71rem;padding-inline:14px}.phase-media,.phase-three .phase-media{height:260px}.phase-body{padding:27px 20px 30px}.phase-facts>div{grid-template-columns:82px 1fr;gap:12px}.compare-help{margin-top:24px}.connection-actions{align-items:stretch;flex-direction:column;gap:12px}.connection-actions .button{width:100%}}
@media(max-width:820px){.hero-content{padding-bottom:88px}}

/* Developer-sales positioning and final visual refinements */
:root{--green:#246a58}html{scroll-padding-top:78px}main section[id]{scroll-margin-top:78px}.nav-shell{height:70px}.main-nav{gap:22px}.main-nav>a:not(.button){font-size:.72rem}.section{padding:clamp(72px,7vw,108px) 0}h2{font-size:clamp(2.45rem,4.4vw,4.35rem)}.hero h1{font-size:clamp(3.4rem,6.5vw,6.5rem)}.hero-content{padding-top:62px}.highlights-row{grid-template-columns:repeat(3,1fr);margin-top:58px}.highlights-row article:nth-child(n+4){border-top:1px solid var(--stone)}.highlights-row article:nth-child(4){border-left:0}.compare-section{padding-block:90px}.compare-grid{margin-top:40px;gap:18px;box-shadow:none}.phase{overflow:hidden;box-shadow:0 22px 58px rgba(0,0,0,.15)}.phase-media{height:390px}.phase-body{padding:34px 38px 38px}.phase h3{font-size:clamp(2.35rem,3.4vw,3.55rem)}.phase-intro{min-height:56px}.phase-highlights{list-style:none;margin:20px 0 25px;padding:16px 0;border-block:1px solid currentColor;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.phase-highlights li{padding:9px 0;font-size:.85rem;border-bottom:1px solid color-mix(in srgb,currentColor 24%,transparent)}.phase-highlights li:before{content:'—';color:var(--brass);margin-right:8px}.phase-highlights li:last-child{border-bottom:0}.compare-help{margin-top:25px;padding:20px 0}.location-section{background:#fff}.location-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.location-grid h2{max-width:620px}.location-grid .large-copy{color:var(--slate)}.location-section .location-tags{margin-top:28px}.lifestyle-gallery{margin-top:36px;gap:14px}.lifestyle-gallery img{min-height:350px}.life-wide img{height:300px;min-height:300px;object-fit:cover;object-position:center 34%;transform:scale(1.08)}.life-wide:hover img{transform:scale(1.1)}.handover-section,.facilities-section,.faq-section{padding-block:88px}.facility-note{font-size:.78rem}.availability-section{min-height:520px}.final-cta{padding:90px 0}.site-header.scrolled{background:rgba(11,27,43,.985)}
@media(max-width:1050px){.main-nav{gap:13px}.main-nav>a:not(.button){font-size:.63rem}.main-nav .button{padding-inline:12px}.location-grid{gap:5%}}
@media(max-width:820px){html{scroll-padding-top:70px}main section[id]{scroll-margin-top:70px}.section{padding:64px 0}.nav-shell{height:70px}.hero-content{padding-top:100px;padding-bottom:88px}.hero h1{font-size:clamp(2.9rem,12vw,4.4rem)}.hero-subheading{font-size:clamp(1.15rem,5.1vw,1.52rem)}.mobile-hero-followup{padding:23px 0 25px}.mobile-hero-followup .text-link{margin-top:18px}.intro-grid,.location-grid{grid-template-columns:1fr}.intro-copy{padding-top:8px}.highlights-row{grid-template-columns:1fr 1fr;margin-top:38px}.highlights-row article:nth-child(odd){border-left:0}.highlights-row article:nth-child(even){border-left:1px solid var(--stone)}.highlights-row article:nth-child(n+3){border-top:1px solid var(--stone)}.compare-section{padding-block:68px}.compare-grid{gap:22px}.phase-media,.phase-three .phase-media{height:280px}.phase-body{padding:28px 24px 32px}.phase-highlights{grid-template-columns:1fr 1fr;margin:16px 0 22px}.location-grid>div+div{margin-top:8px}.lifestyle-gallery{margin-top:28px}.lifestyle-gallery img,.life-wide img{min-height:285px;height:285px}.handover-section,.facilities-section,.faq-section{padding-block:68px}.availability-section{min-height:540px}.final-cta{padding:72px 0}.mobile-cta a{background:#246a58;border:1px solid rgba(215,192,146,.45)}}
@media(max-width:540px){.section{padding:56px 0}h2{font-size:2.08rem}.hero .eyebrow{font-size:.58rem}.hero-lead{font-size:.9rem}.highlights-row article{padding:24px 16px 27px}.highlights-row h3{font-size:.9rem;margin-top:14px}.highlights-row p{font-size:.78rem}.compare-section{padding-block:58px}.section-heading.centered h2{font-size:2.35rem}.phase-media,.phase-three .phase-media{height:235px}.phase-body{padding:24px 20px 28px}.phase h3{font-size:2.25rem}.phase-highlights{grid-template-columns:1fr}.phase-highlights li{padding:7px 0}.compare-help{align-items:flex-start}.route{margin-top:36px}.layout-explorer{margin-top:34px}.plan-view{min-height:340px}.layout-details{padding:32px 20px}.lifestyle-gallery img,.life-wide img{min-height:250px;height:250px}.availability-section{min-height:510px}.availability-content{text-align:left}.availability-content .eyebrow{justify-content:flex-start}.final-cta{padding:64px 0}.site-footer{padding-top:54px}}
html{scroll-behavior:auto}

/* Approved compact refinement pass */
:root{--slate:#4e5a63}
html{scroll-padding-top:0}
main section[id],#phase3-card{scroll-margin-top:80px}
.nav-shell{height:64px}
.section{padding:84px 0}
h2{font-size:clamp(2.35rem,3.7vw,3.6rem);max-width:760px}
.section-heading.centered h2{margin-inline:auto}
.eyebrow{margin-bottom:18px}
.large-copy{font-size:clamp(1.25rem,1.8vw,1.72rem)}
.hero h1{font-size:clamp(4.1rem,6.2vw,5.7rem);max-width:none;white-space:nowrap}
.hero-subheading{font-size:clamp(1.35rem,2.15vw,2rem);max-width:850px}
.hero-subheading span{white-space:nowrap}
.hero-lead{font-size:clamp(1rem,1.35vw,1.16rem)}
.intro-grid{gap:7%;align-items:center}
.intro-copy{padding-top:0}
.highlights-row{margin-top:44px}
.highlights-row article{padding:26px 24px 29px}
.highlights-row h3{margin:16px 0 9px}
.compare-section{padding-block:78px}
.compare-grid{margin-top:34px}
.phase-media{height:330px}
.phase-body{padding:28px 32px 31px}
.phase h3{font-size:clamp(2.15rem,3vw,3rem);margin-bottom:12px}
.phase-intro{min-height:48px;margin-bottom:12px}
.phase-highlights{margin:14px 0 19px;padding:10px 0;grid-template-columns:1fr 1fr}
.phase-highlights li{padding:7px 0;font-size:.8rem}
.phase-body .text-link{margin-bottom:18px}
.compare-help{margin-top:20px;padding:16px 0;border-bottom:0}
.compare-help p{color:rgba(255,255,255,.78)}
.compare-help .button{min-height:46px}
.connection-grid{gap:6%}
.connection-actions{margin-top:22px}
.route{margin-top:54px}
.route-step{min-height:108px;padding:17px}
.route-step strong{margin:10px 0 3px;font-size:1.05rem}
.route-step small{font-size:.7rem}
.location-section{padding-block:72px}
.location-section .location-tags{margin-top:20px}
.location-map{margin-top:20px}
.layout-explorer{margin-top:38px}
.phase-tabs button{padding:17px 24px;font-size:1.32rem}
.layout-filters{padding:17px 22px}
.layout-display{min-height:520px}
.plan-view{padding:25px;min-height:500px}
.plan-view img{max-height:470px}
.layout-details{padding:36px clamp(28px,4vw,52px)}
.layout-title{font-size:clamp(2.2rem,3.2vw,3.15rem);margin-bottom:12px}
.layout-details dl{margin:22px 0}
.layout-details dl>div{padding:13px 10px}
.variant-buttons{margin-bottom:18px}
.layout-note{margin-bottom:18px}
.lifestyle-heading{gap:40px}
.lifestyle-heading>div{max-width:860px}
.lifestyle-heading h2{margin-bottom:0}
.lifestyle-cta{flex:0 0 auto;color:#e5cf9f;margin-bottom:8px}
.lifestyle-gallery{margin-top:30px}
.lifestyle-gallery img{min-height:320px}
.life-wide img{height:260px;min-height:260px}
.handover-section,.facilities-section,.faq-section{padding-block:72px}
.handover-grid{gap:6%;align-items:center}
.spec-list div{padding:18px 10px}
.legal-note{margin-top:24px;padding:13px 16px}
.facilities-grid{grid-template-columns:.9fr 1.1fr;gap:6%}
.facilities-grid figure{width:100%;max-width:540px;padding:18px}
.facilities-grid figure img{height:auto}
.facility-list{margin:20px 0}
.facility-list li{padding:7px 0}
.facilities-grid .button{margin-top:8px}
.availability-section{min-height:450px}
.availability-content>p:not(.eyebrow){font-size:1rem}
.faq-grid{gap:7%}
.accordion-trigger{padding:18px 5px;font-size:1.12rem}
.accordion-content{padding-bottom:18px}
.final-cta{padding:76px 0}
.site-footer{padding:56px 0 26px}
.footer-bottom{margin-top:38px}

@media(max-width:1050px){
  .hero h1{font-size:clamp(3.6rem,6.3vw,4.5rem)}
  .main-nav{gap:10px}
  .main-nav>a:not(.button){font-size:.59rem}
  .main-nav .button{font-size:.65rem;padding-inline:10px}
  .phase-body{padding-inline:26px}
}

@media(max-width:820px){
  html{scroll-padding-top:0}
  main section[id],#phase3-card{scroll-margin-top:78px}
  .nav-shell{height:70px}
  .section{padding:62px 0}
  h2{font-size:clamp(2.05rem,8.8vw,2.85rem)}
  .hero h1{font-size:clamp(2.8rem,12vw,4.2rem);white-space:normal}
  .hero-subheading span{white-space:normal}
  .intro-grid{gap:14px}
  .highlights-row{margin-top:30px}
  .compare-section{padding-block:60px}
  .phase-media,.phase-three .phase-media{height:250px}
  .phase-body{padding:24px 22px 27px}
  .phase-intro{min-height:0}
  .compare-help{gap:14px}
  .compare-help .button{width:100%}
  .connection-copy{margin-bottom:30px}
  .route{margin-top:34px}
  .route-step{min-height:auto}
  .location-section{padding-block:58px}
  .layout-explorer{margin-top:28px}
  .layout-display{min-height:0}
  .plan-view{min-height:360px;padding:20px}
  .plan-view img{max-height:330px}
  .layout-details{padding:30px 22px}
  .lifestyle-heading{display:block}
  .lifestyle-heading h2{margin-bottom:18px}
  .lifestyle-gallery{margin-top:24px}
  .lifestyle-gallery img,.life-wide img{height:260px;min-height:260px}
  .handover-section,.facilities-section,.faq-section{padding-block:58px}
  .facilities-grid{grid-template-columns:1fr}
  .spec-list div{padding:15px 8px}
  .facilities-grid figure{margin:0 auto 28px;max-width:500px}
  .availability-section{min-height:470px}
  .faq-grid>div:first-child{margin-bottom:25px}
  .final-cta{padding:60px 0}
  .site-footer{padding-top:48px}
}

@media(max-width:540px){
  .section{padding:52px 0}
  .hero-content{padding-bottom:82px}
  .hero h1{font-size:clamp(2.75rem,12.5vw,3.55rem)}
  .hero-subheading{font-size:clamp(1.08rem,5.1vw,1.38rem)}
  .hero-lead{font-size:.86rem}
  .highlights-row article{padding:20px 14px 22px}
  .compare-section{padding-block:52px}
  .phase-media,.phase-three .phase-media{height:225px}
  .phase h3{font-size:2.05rem}
  .phase-highlights{grid-template-columns:1fr}
  .route{margin-top:28px}
  .phase-tabs button{padding:14px 12px;font-size:1.08rem}
  .layout-filters{padding:14px}
  .layout-filters button,.variant-buttons button{padding:8px 11px}
  .plan-view{min-height:315px}
  .plan-view img{max-height:290px}
  .layout-details{padding:26px 18px}
  .layout-title{font-size:2.05rem}
  .layout-details dl{grid-template-columns:repeat(3,1fr)}
  .layout-details dl>div{border-left:1px solid var(--stone);border-bottom:0;padding:12px 8px}
  .layout-details dl>div:first-child{border-left:0;padding-left:0}
  .layout-details dt{font-size:.54rem}
  .layout-details dd{font-size:.88rem}
  .lifestyle-gallery img,.life-wide img{height:230px;min-height:230px}
  .facility-list{columns:2;font-size:.82rem}
  .availability-section{min-height:445px}
  .accordion-trigger{padding:16px 4px;font-size:1.05rem}
  .final-cta{padding:54px 0}
}

/* Scope-locked correction: highlights, residences, layouts, package bar and lifestyle spacing */
.project-highlights{padding:42px 0 46px;background:var(--architectural);border-bottom:1px solid #ddd6ca;color:var(--ink)}
.project-highlights-inner{display:grid;grid-template-columns:245px minmax(0,1fr);gap:38px;align-items:stretch}
.project-highlights-heading{padding:8px 28px 8px 0;border-right:1px solid #d8d0c3}
.project-highlights-heading .eyebrow{margin-bottom:14px;font-size:.61rem}
.project-highlights-heading h2{margin:0;font-size:clamp(2rem,2.8vw,3rem);line-height:1.02}
.project-highlights-grid{display:grid;grid-template-columns:190px 220px minmax(0,1fr);gap:0;border-block:1px solid #d8d0c3}
.project-highlights article{min-width:0}
.highlight-feature{padding:21px 20px;border-right:1px solid #d8d0c3;background:#f5f1e8}
.highlight-connected{background:var(--navy);color:#fff}
.project-highlights article span{display:block;margin-bottom:8px;color:var(--champagne);font-size:.53rem;font-weight:780;letter-spacing:.12em}
.project-highlights article h3{margin:0 0 7px;font:700 .72rem/1.3 var(--sans);letter-spacing:.015em}
.project-highlights article p{margin:0;color:#667178;font-size:.6rem;line-height:1.48}
.highlight-connected p{color:rgba(255,255,255,.68)!important}
.highlight-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr)}
.highlight-facts article{padding:13px 14px;border-right:1px solid #e0d9ce;border-bottom:1px solid #e0d9ce;background:#fff}
.highlight-facts article:nth-child(3n){border-right:0}
.highlight-facts article:nth-child(n+4){border-bottom:0}
.highlight-facts article h3{font-size:.63rem}
.highlight-facts article p{font-size:.55rem}

.compare-section{padding-block:52px}
.compare-section .section-heading h2{font-size:clamp(2.15rem,2.8vw,2.9rem)}
.compare-section .section-heading>p:not(.eyebrow){margin-top:8px}
.compare-grid{gap:16px;margin-top:22px;align-items:stretch}
.compare-grid .phase{display:grid;height:505px;grid-template-columns:1fr;grid-template-rows:220px minmax(0,1fr);overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.14)}
.compare-grid .phase-media{height:220px}
.compare-grid .phase-media img{width:100%;height:100%;object-fit:cover}
.compare-grid .phase-two .phase-media img{object-position:center 53%}
.compare-grid .phase-three .phase-media{background:#d9e1e8}
.compare-grid .phase-three .phase-media img{object-position:center 74%;transform:scale(1.12)}
.compare-grid .phase-three:hover .phase-media img{transform:scale(1.14)}
.compare-grid .phase-body{display:flex;min-height:0;flex-direction:column;padding:19px 22px 20px}
.compare-grid .phase-kicker{margin-bottom:4px;font-size:.54rem}
.compare-grid .phase h3{margin-bottom:6px;font-size:1.9rem;line-height:1}
.compare-grid .phase-intro{min-height:0;margin-bottom:5px;font-size:.73rem;line-height:1.4}
.compare-grid .phase-highlights{display:grid;grid-template-columns:1fr;margin:5px 0 7px;padding:5px 0}
.compare-grid .phase-highlights li{padding:3px 0;font-size:.63rem;line-height:1.3}
.compare-grid .text-link{min-height:32px;margin:0 0 5px;font-size:.62rem}
.compare-grid .phase-body>.button{min-height:46px;margin-top:auto;padding:9px 12px;font-size:.57rem;line-height:1.2}
.compare-help{height:88px;min-height:88px;margin-top:16px;padding:13px 18px}
.compare-help strong{font-size:1.08rem}
.compare-help .button{min-height:48px}

.phase-tabs{display:grid;width:min(100%,390px);grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #cec6b9;background:#e9e4da}
.phase-tabs button{min-width:0;min-height:50px;padding:10px 18px;border:0;background:transparent;color:#626d74;font:760 .66rem/1 var(--sans);letter-spacing:.12em;text-align:center;text-transform:uppercase}
.phase-tabs button[aria-selected=true]{border:0;background:#f8f4eb;color:var(--navy);box-shadow:0 4px 15px rgba(8,27,42,.09)}
.phase-tabs button:nth-child(2)[aria-selected=true]{background:#203b52;color:#fff}
.layout-panel{margin-top:12px}
.layout-options-heading{margin:0;padding:15px 20px 7px}
.layout-options{gap:7px;padding:0 20px 14px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}
.layout-option{display:grid;place-items:center;flex:0 0 auto;min-width:52px;width:auto;min-height:48px;padding:8px 15px;border-radius:0;text-align:center;scroll-snap-align:center}
.layout-option strong{font-size:.7rem;line-height:1;white-space:nowrap}
.layout-option small{display:none}
.layout-display{grid-template-columns:minmax(0,55%) minmax(0,45%);min-height:0}
.plan-canvas{min-height:500px;padding:18px 22px 22px}
.layout-navigation{margin-bottom:8px}
.plan-view{height:420px;min-height:0;padding:18px 24px}
.plan-view img{max-height:370px}
.layout-details{align-self:stretch;margin:0;padding:38px clamp(26px,3vw,44px);box-shadow:none}
.layout-title{margin-bottom:8px;font-size:clamp(2.35rem,3.4vw,3.3rem)}
.layout-details .layout-summary{color:#59636b;font:400 1rem/1.35 var(--serif)}
.layout-details dl{margin-block:20px}
.layout-note{margin-bottom:18px}

.phase3-package-bar{min-height:184px;margin-top:40px;background:var(--navy);color:#fff}
.phase3-package-inner{display:grid;grid-template-columns:minmax(205px,.78fr) minmax(420px,1.65fr) minmax(230px,.75fr);gap:14px 30px;align-items:center;padding-block:25px}
.phase3-package-heading .eyebrow{margin:0 0 8px;color:var(--champagne);font-size:.54rem}
.phase3-package-heading h3{margin:0;font-size:1.65rem;line-height:1.04}
.phase3-package-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin:0;padding:0;list-style:none}
.phase3-package-features li{position:relative;padding:5px 4px 5px 19px;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.83);font-size:.62rem;line-height:1.35}
.phase3-package-features li:before{content:'✓';position:absolute;left:0;color:var(--champagne);font-weight:800}
.phase3-package-action p{margin:0 0 10px;color:#e4d5b3;font-size:.62rem;line-height:1.4}
.phase3-package-action .button{width:100%;min-height:48px;padding:9px 12px;font-size:.56rem;text-align:center}
.phase3-package-qualification{grid-column:1/-1;margin-top:-3px;color:rgba(255,255,255,.5);font-size:.52rem;line-height:1.45}
.lifestyle-section{padding-bottom:56px}

@media(max-width:1180px){
  .project-highlights-inner{grid-template-columns:210px minmax(0,1fr);gap:28px}
  .project-highlights-grid{grid-template-columns:170px 190px minmax(0,1fr)}
  .highlight-facts article{padding-inline:10px}
  .compare-grid .phase-body{padding-inline:18px}
  .phase3-package-inner{grid-template-columns:190px minmax(360px,1fr) 220px;gap-inline:22px}
}

@media(max-width:900px){
  .project-highlights{padding-block:36px 40px}
  .project-highlights-inner{grid-template-columns:1fr;gap:22px}
  .project-highlights-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:0 0 18px;border-right:0;border-bottom:1px solid #d8d0c3}
  .project-highlights-heading .eyebrow{margin:0}
  .project-highlights-heading h2{max-width:500px;font-size:2.45rem;text-align:right}
  .project-highlights-grid{grid-template-columns:1fr 1fr}
  .highlight-connected{border-right:0}
  .highlight-facts{grid-column:1/-1}
  .compare-grid{grid-template-columns:1fr;max-width:720px}
  .compare-grid .phase{height:auto;grid-template-rows:245px auto}
  .compare-grid .phase-media{height:245px}
  .compare-grid .phase-body{min-height:282px;padding:21px 23px 23px}
  .compare-help{height:auto;min-height:88px}
  .layout-display{grid-template-columns:1fr}
  .plan-canvas{min-height:430px;padding:16px 20px 22px}
  .plan-view{height:350px;padding:14px 20px;border-right:0;border-bottom:1px solid #e5e1d9}
  .plan-view img{max-height:315px}
  .layout-details{padding:32px 25px 36px}
  .phase3-package-inner{grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:16px 28px}
  .phase3-package-action{grid-column:1/-1;display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:center}
  .phase3-package-action p{margin:0}
  .phase3-package-qualification{margin-top:0}
}

@media(max-width:620px){
  .project-highlights{padding-block:31px 34px}
  .project-highlights-heading{display:block;padding-bottom:15px}
  .project-highlights-heading .eyebrow{margin-bottom:10px}
  .project-highlights-heading h2{max-width:330px;font-size:2.15rem;text-align:left}
  .project-highlights-grid{grid-template-columns:1fr 1fr}
  .highlight-feature{min-height:140px;padding:17px 14px}
  .highlight-feature h3{font-size:.67rem!important}
  .highlight-facts{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .highlight-facts article,.highlight-facts article:nth-child(3n),.highlight-facts article:nth-child(n+4){min-height:103px;padding:12px 10px;border-right:1px solid #e0d9ce;border-bottom:1px solid #e0d9ce}
  .highlight-facts article:nth-child(even){border-right:0}
  .highlight-facts article:nth-last-child(-n+2){border-bottom:0}
  .highlight-facts article h3{font-size:.59rem}
  .highlight-facts article p{font-size:.52rem}
  .compare-section{padding-block:46px}
  .compare-grid .phase{grid-template-rows:195px auto}
  .compare-grid .phase-media{height:195px}
  .compare-grid .phase-body{min-height:318px;padding:21px 20px 23px}
  .compare-grid .phase h3{font-size:2rem}
  .compare-grid .phase-intro{font-size:.76rem}
  .compare-grid .phase-highlights li{font-size:.65rem}
  .compare-grid .phase-body>.button{width:100%;min-height:50px}
  .compare-help{height:auto;min-height:0;padding:14px;gap:11px}
  .phase-tabs{width:100%}
  .phase-tabs button{min-height:50px}
  .layout-options-heading{padding-inline:15px}
  .layout-options{margin-inline:0;padding:0 15px 13px}
  .layout-option{min-width:48px;min-height:48px;padding-inline:14px}
  .plan-canvas{min-height:370px;padding:10px 12px 18px}
  .plan-view{height:300px;padding:8px 12px}
  .plan-view img{max-height:272px}
  .layout-details{padding:28px 20px 32px}
  .layout-title{font-size:2.35rem}
  .layout-details .layout-summary{font-size:.92rem}
  .phase3-package-bar{min-height:0;margin-top:32px}
  .phase3-package-inner{grid-template-columns:1fr;padding-block:25px 27px}
  .phase3-package-heading h3{font-size:1.85rem}
  .phase3-package-features{grid-template-columns:1fr 1fr;gap-inline:10px}
  .phase3-package-features li{font-size:.57rem}
  .phase3-package-action{grid-column:1;display:block}
  .phase3-package-action p{margin-bottom:11px}
  .phase3-package-action .button{width:100%;min-height:50px}
  .phase3-package-qualification{grid-column:1;font-size:.5rem}
  .lifestyle-section{padding-bottom:48px}
}

/* Phase 3 showroom package conversion panel */
.phase3-showroom{position:relative;display:grid;min-height:590px;margin-top:58px;overflow:hidden;background:#071724;color:#f8f3e9;isolation:isolate}
.phase3-showroom-image,.phase3-showroom-gradient{position:absolute;inset:0;width:100%;height:100%}
.phase3-showroom-image{z-index:-2;object-fit:cover;object-position:50% 52%}
.phase3-showroom-gradient{z-index:-1;background:linear-gradient(90deg,rgba(4,16,27,.94) 0%,rgba(4,16,27,.84) 34%,rgba(4,16,27,.52) 52%,rgba(4,16,27,.13) 73%,rgba(4,16,27,.04) 100%)}
.phase3-showroom-content{justify-self:center;width:var(--shell);padding-block:58px}
.phase3-showroom-content>*{max-width:min(680px,53%)}
.phase3-showroom-content .eyebrow{margin:0 0 13px;color:#cfb476}
.phase3-showroom-content h2{margin:0;max-width:660px;color:#fff;font-size:clamp(2.45rem,4.1vw,4.25rem);line-height:.98;letter-spacing:-.025em}
.phase3-showroom-lead{margin:18px 0 0;color:rgba(255,255,255,.82);font-size:.87rem;line-height:1.58}
.phase3-showroom-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:24px 0 0;padding:0;list-style:none}
.phase3-showroom-features li{position:relative;min-height:34px;padding:8px 7px 7px 27px;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;font-size:.68rem;line-height:1.35}
.phase3-showroom-features li:before{content:'✓';position:absolute;left:2px;top:7px;color:#cfb476;font-size:.76rem;font-weight:800}
.phase3-showroom-incentive{margin:21px 0 0;padding:10px 13px;border-left:2px solid #cfb476;background:rgba(7,23,36,.5);color:#f4e5bd;font-size:.68rem;font-weight:720;line-height:1.45}
.phase3-showroom-actions{display:flex;align-items:center;gap:22px;margin-top:20px}
.phase3-showroom-actions .button{min-height:52px;padding:11px 19px;font-size:.61rem;line-height:1.25;text-align:center}
.phase3-floorplans-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;color:#fff;font-size:.61rem;font-weight:760;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.phase3-floorplans-link span{color:#cfb476;font-size:1rem;transition:transform .2s ease}
.phase3-floorplans-link:hover span,.phase3-floorplans-link:focus-visible span{transform:translateX(4px)}
.phase3-showroom-qualification{display:block;margin-top:17px;color:rgba(255,255,255,.58);font-size:.55rem;line-height:1.55}

@media(max-width:1024px){
  .phase3-showroom{min-height:620px}
  .phase3-showroom-image{object-position:58% 52%}
  .phase3-showroom-gradient{background:linear-gradient(90deg,rgba(4,16,27,.95) 0%,rgba(4,16,27,.86) 40%,rgba(4,16,27,.53) 65%,rgba(4,16,27,.18) 100%)}
  .phase3-showroom-content>*{max-width:60%}
  .phase3-showroom-content h2{font-size:clamp(2.55rem,5.2vw,3.8rem)}
}

@media(max-width:820px){
  .phase3-showroom{min-height:650px;margin-top:44px}
  .phase3-showroom-image{object-position:65% 50%}
  .phase3-showroom-gradient{background:linear-gradient(90deg,rgba(4,16,27,.96) 0%,rgba(4,16,27,.88) 50%,rgba(4,16,27,.48) 82%,rgba(4,16,27,.27) 100%)}
  .phase3-showroom-content{padding-block:52px}
  .phase3-showroom-content>*{max-width:72%}
  .phase3-showroom-content h2{font-size:clamp(2.5rem,7.2vw,3.55rem)}
}

@media(max-width:620px){
  .phase3-showroom{min-height:700px;margin-top:36px;align-items:end}
  .phase3-showroom-image{object-position:58% center}
  .phase3-showroom-gradient{background:linear-gradient(90deg,rgba(4,16,27,.91),rgba(4,16,27,.53)),linear-gradient(0deg,rgba(4,16,27,.99) 0%,rgba(4,16,27,.88) 56%,rgba(4,16,27,.22) 100%)}
  .phase3-showroom-content{padding-block:46px 54px}
  .phase3-showroom-content>*{max-width:none}
  .phase3-showroom-content h2{max-width:490px;font-size:clamp(2.25rem,10vw,3rem);line-height:1.01}
  .phase3-showroom-lead{font-size:.78rem;line-height:1.5}
  .phase3-showroom-features{gap:5px 13px;margin-top:19px}
  .phase3-showroom-features li{min-height:39px;padding:7px 3px 7px 23px;font-size:.61rem}
  .phase3-showroom-features li:before{left:0}
  .phase3-showroom-incentive{margin-top:16px;font-size:.62rem}
  .phase3-showroom-actions{display:grid;gap:4px;margin-top:16px}
  .phase3-showroom-actions .button{width:100%;min-height:52px}
  .phase3-floorplans-link{justify-content:center;width:100%;min-height:48px}
  .phase3-showroom-qualification{margin-top:10px;padding-bottom:8px;font-size:.52rem}
}

@media(max-width:390px){
  .phase3-showroom{min-height:720px}
  .phase3-showroom-content h2{font-size:2.22rem}
  .phase3-showroom-features{grid-template-columns:1fr 1fr;gap-inline:8px}
  .phase3-showroom-actions .button{padding-inline:12px;font-size:.57rem}
}

/* Conversion-focused project sales refinement */
:root{--brass:#c2a15e;--focus:#e5c77f}
main section[id],#phase3-card,#contact-reassurance{scroll-margin-top:76px}
a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.button-primary{background:#c8aa69;color:#07131f;border-color:#c8aa69;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.button-primary:hover{background:#dfc27f;border-color:#dfc27f;color:#07131f}
.button-primary:focus-visible{background:#efd394;color:#07131f}
.text-link{min-height:44px}
.hero h1{font-size:clamp(3.8rem,5.6vw,5.15rem);max-width:1180px;margin-bottom:16px}
.hero h1 span{white-space:nowrap}
.hero-subheading{font-size:clamp(1.22rem,1.8vw,1.65rem);line-height:1.32;max-width:850px;margin-bottom:14px;color:#ead9b6}
.hero-lead{max-width:680px;margin-bottom:0}
.hero-actions{align-items:flex-start;margin:19px 0 26px}
.hero-primary-action{display:flex;flex-direction:column;gap:8px}
.hero-primary-action small{color:rgba(255,255,255,.72);font-size:.72rem;line-height:1.35;max-width:420px}
.hero-secondary{min-height:54px}
.intro{padding-block:58px}
.intro-grid h2{font-size:clamp(2.15rem,3.2vw,3.05rem);margin-bottom:0}
.intro .large-copy{font-size:clamp(1.12rem,1.55vw,1.42rem);margin-bottom:0}
.highlights-row{margin-top:28px}
.highlights-row article{padding:18px 20px 20px}
.highlights-row h3{margin:10px 0 5px;font-size:.92rem}
.highlights-row p{font-size:.78rem;line-height:1.48}
.section-heading.centered{max-width:960px}
.section-heading.centered h2{max-width:940px;font-size:clamp(2.3rem,3.5vw,3.45rem)}
.phase{position:relative;cursor:pointer}
.phase-card-hit{position:absolute;inset:0;z-index:1}
.phase-card-hit:focus-visible{outline:3px solid var(--focus);outline-offset:-6px}
.phase-body a,.phase .status{position:relative;z-index:2}
.phase-media{height:305px}
.phase-body{padding:25px 30px 29px}
.phase-intro{min-height:42px}
.phase-highlights{margin:12px 0 16px;padding:8px 0}
.phase-highlights li{padding:6px 0}
.compare-help{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.16);padding:18px 20px;margin-top:22px;gap:30px}
.compare-help strong{font-family:var(--serif);font-size:1.12rem;font-weight:400}
.compare-help p{margin:3px 0 0;font-size:.8rem}
.compare-help .button{flex:0 0 auto}
.connection-section{padding-block:78px}
.connection-copy .location-tags{margin-top:22px}
.route{margin-top:42px}
.layouts-section{padding-block:78px}
.lifestyle-section{padding-block:74px}
.lifestyle-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:5%;align-items:center;margin-top:28px}
.lifestyle-feature figure{margin:0;position:relative;overflow:hidden;background:#102438}
.lifestyle-feature img{width:100%;height:430px;object-fit:cover;object-position:center 45%}
.lifestyle-feature figcaption{position:absolute;inset:auto 0 0;padding:45px 22px 18px;background:linear-gradient(transparent,rgba(5,16,27,.9));font-size:.78rem;color:rgba(255,255,255,.82)}
.lifestyle-feature>div{border-block:1px solid rgba(255,255,255,.18);padding:28px 0}
.lifestyle-feature>div p{color:rgba(255,255,255,.76)}
.lifestyle-feature ul{list-style:none;padding:0;margin:20px 0 0}
.lifestyle-feature li{border-top:1px solid rgba(255,255,255,.14);padding:12px 0;color:#ead9b6}
.handover-section{padding-block:64px}
.facilities-section{padding-block:68px}
.faq-section{padding-block:72px}
.trust-section{background:#eee9df;padding-block:68px}
.trust-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;align-items:center}
.trust-grid>div:first-child>p:not(.eyebrow){color:var(--slate);max-width:520px}
.consultant-note{display:grid;grid-template-columns:auto 1fr;gap:1px 12px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid #cfc7ba;max-width:380px}
.consultant-note span{grid-row:1/3;color:var(--brass);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}
.consultant-note strong{font-family:var(--serif);font-size:1.12rem;font-weight:400}
.consultant-note small{color:var(--slate)}
.reassurance-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfc7ba}
.reassurance-grid>div{padding:19px 14px;border-bottom:1px solid #cfc7ba}
.reassurance-grid>div:nth-child(odd){border-right:1px solid #cfc7ba}
.reassurance-grid span{color:var(--brass);font-size:.62rem;margin-right:10px}
.reassurance-grid strong{font-size:.86rem;font-weight:600}
.trust-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.trust-actions .button{flex:1;min-width:250px}
.availability-section{min-height:460px}
.availability-content h2{font-size:clamp(2.4rem,3.7vw,3.75rem);max-width:980px}
.availability-content small{max-width:680px}
.site-footer{padding-bottom:34px}

@media(max-width:1100px){
  .menu-toggle{display:block;z-index:3}
  .main-nav{position:fixed;inset:64px 0 0;background:var(--navy);padding:32px 28px;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(100%);transition:transform .3s}
  .main-nav.open{transform:none}
  .main-nav>a:not(.button){font:400 1.35rem var(--serif);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .main-nav .button{margin-top:24px;min-height:48px;font-size:.75rem}
  .compare-grid,.layout-display{grid-template-columns:1fr}
  .compare-grid{max-width:780px}
  .phase-media{height:350px}
  .phase-three .phase-media{height:420px}
  .phase-intro{min-height:0}
  .layout-display{min-height:0}
  .plan-view{border-right:0;border-bottom:1px solid #e5e1d9;min-height:500px}
  .layout-details{padding:38px 40px}
  .route{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
  .route>i{display:none}
  .route-step{min-width:0}
}

@media(max-width:900px){
  .facilities-grid,.trust-grid{grid-template-columns:1fr}
  .facilities-grid figure{margin:0 auto 28px}
  .trust-grid{gap:34px}
}

@media(max-width:820px){
  main section[id],#phase3-card,#contact-reassurance{scroll-margin-top:78px}
  .nav-shell{height:68px}
  .brand,.menu-toggle{min-height:44px}
  .main-nav{inset:68px 0 0;padding:28px 22px}
  .main-nav>a:not(.button),.footer-grid a{min-height:44px;display:flex;align-items:center}
  .hero{min-height:720px}
  .hero-content{min-height:720px;padding-top:100px;padding-bottom:72px}
  .hero h1{font-size:clamp(2.7rem,11.2vw,3.55rem);line-height:1.02;white-space:normal}
  .hero h1 span{display:block;white-space:nowrap}
  .hero-subheading{font-size:clamp(1.05rem,4.8vw,1.35rem);line-height:1.34}
  .hero-lead{font-size:.88rem;line-height:1.48}
  .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-top:15px}
  .hero-primary-action{width:100%}
  .hero-primary-action .button{width:100%}
  .hero-secondary{display:inline-flex!important;width:auto!important;align-self:flex-start;min-height:44px;padding:8px 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:5px}
  .mobile-hero-followup{padding:20px 0 22px}
  .intro{padding-block:46px}
  .intro-grid h2{font-size:2.2rem}
  .highlights-row{margin-top:22px}
  .compare-section{padding-block:56px}
  .compare-grid{max-width:100%}
  .phase-media,.phase-three .phase-media{height:250px}
  .compare-help{align-items:stretch;padding:17px}
  .connection-section,.layouts-section{padding-block:58px}
  .route{display:flex;flex-direction:column;gap:0}
  .route>i{display:block}
  .layout-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:14px}
  .layout-filters button{flex:0 0 auto;min-height:44px;white-space:nowrap}
  .variant-buttons button{min-height:44px}
  .phase-tabs button{min-height:64px}
  .plan-view{min-height:350px}
  .lifestyle-section{padding-block:58px}
  .lifestyle-feature{grid-template-columns:1fr;gap:24px}
  .lifestyle-feature img{height:300px}
  .handover-section,.facilities-section,.faq-section,.trust-section{padding-block:54px}
  .reassurance-grid{grid-template-columns:1fr}
  .reassurance-grid>div:nth-child(odd){border-right:0}
  .trust-actions{flex-direction:column}
  .trust-actions .button{min-width:0;width:100%}
  .availability-section{min-height:470px}
  .availability-content h2{font-size:2.45rem}
  .mobile-cta{inset:auto 10px calc(8px + env(safe-area-inset-bottom));padding-bottom:0}
  .mobile-cta a{min-height:58px;padding-inline:16px}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
}

@media(max-width:540px){
  .hero{min-height:700px}
  .hero-content{min-height:700px;padding-bottom:68px}
  .hero h1{font-size:clamp(2.55rem,11.5vw,3.05rem)}
  .hero .eyebrow{max-width:300px}
  .hero-primary-action small{font-size:.68rem}
  .highlights-row{grid-template-columns:1fr 1fr}
  .highlights-row article{border-left:1px solid var(--stone)!important;border-top:1px solid var(--stone)}
  .highlights-row article:nth-child(odd){border-left:0!important}
  .highlights-row article:nth-child(-n+2){border-top:0}
  .highlights-row h3{font-size:.82rem}
  .highlights-row p{font-size:.7rem}
  .section-heading.centered h2{font-size:2.15rem}
  .phase-media,.phase-three .phase-media{height:225px}
  .compare-help strong{font-size:1rem}
  .layout-details{padding:26px 18px}
  .lifestyle-feature img{height:250px}
  .facility-list{columns:1}
  .availability-content h2{font-size:2.2rem}
  .availability-content .button{font-size:.7rem}
}

/* Developer-grade light-balance and conversion refinement */
:root{--cream:#f4f0e8;--warm-white:#fbfaf7;--green:#1f765d;--green-hover:#185f4b}
.site-header{background:rgba(11,27,43,.96);box-shadow:0 8px 28px rgba(0,0,0,.08);backdrop-filter:blur(10px)}
.button-whatsapp{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 10px 28px rgba(20,83,65,.18)}
.button-whatsapp:hover{background:var(--green-hover);border-color:var(--green-hover);color:#fff}
.hero{height:min(92svh,860px);min-height:720px}
.hero-overlay{background:linear-gradient(90deg,rgba(5,16,27,.78) 0%,rgba(5,16,27,.58) 34%,rgba(5,16,27,.16) 71%,rgba(5,16,27,.03)),linear-gradient(0deg,rgba(5,16,27,.42),transparent 52%)}
.hero h1{font-size:clamp(3.25rem,4.55vw,4.65rem);max-width:850px;white-space:normal;margin-bottom:12px}
.hero-subheading{font-size:clamp(1.45rem,2vw,1.9rem);color:#ead9b6;margin-bottom:13px}
.hero-lead{max-width:740px;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.55}
.hero-actions{margin:18px 0 18px}
.hero-primary-action small{max-width:560px}
.hero-transparency{margin:0;color:rgba(255,255,255,.7);font-size:.68rem;letter-spacing:.05em}
.hero-transparency span{padding-inline:8px;color:var(--brass)}
.mobile-hero-followup .hero-transparency{color:var(--slate);line-height:1.7}
.intro{padding-block:45px;background:var(--warm-white)}
.intro-grid{grid-template-columns:1.15fr .85fr;gap:5%}
.intro-grid h2{font-size:clamp(2rem,2.8vw,2.8rem)}
.intro .large-copy{font:400 clamp(1rem,1.35vw,1.25rem)/1.5 var(--sans);color:var(--slate)}
.highlights-row{margin-top:22px;grid-template-columns:repeat(6,1fr);background:#fff}
.highlights-row article{min-height:112px;padding:17px 15px 18px;display:flex;flex-direction:column;justify-content:flex-start}
.highlights-row article:nth-child(n){border-top:0}
.highlights-row article:nth-child(4){border-left:1px solid var(--stone)}
.highlights-row span{width:27px;height:27px;border:1px solid #d4c5a8;border-radius:50%;display:grid;place-items:center;font-size:.72rem}
.highlights-row h3{font-size:.78rem;line-height:1.35;margin:11px 0 0}
.highlights-note{margin-top:12px;margin-bottom:0;color:var(--slate);font-size:.67rem}
.compare-section{background:var(--cream);color:var(--ink);padding-block:68px}
.compare-section .section-heading .eyebrow{color:var(--brass)}
.compare-section .section-heading>p:last-child{color:var(--slate)}
.compare-grid{gap:22px;margin-top:30px;align-items:stretch}
.phase{display:grid;grid-template-rows:300px 1fr;box-shadow:0 18px 48px rgba(9,27,43,.12)}
.phase-media{height:300px}
.phase-body{display:flex;flex-direction:column;padding:25px 29px 29px}
.phase h3{font-size:clamp(2rem,2.55vw,2.65rem)}
.phase-intro{min-height:72px;line-height:1.55;margin-bottom:7px}
.phase-highlights{grid-template-columns:1fr 1fr;margin:10px 0 18px;padding:8px 0}
.phase-body>.button{margin-top:auto}
.phase-two .phase-body{background:#fff}
.phase-three .phase-body{background:var(--navy);color:#fff}
.compare-help{margin-top:18px;padding:13px 16px;background:#fff;border:1px solid #ded6c8;color:var(--ink);align-items:center}
.compare-help strong{font:400 1rem var(--serif)}
.compare-help .button{min-height:44px}
.connection-section{background:var(--warm-white);padding-block:68px}
.connection-grid{grid-template-columns:1.05fr .95fr;gap:6%}
.bridge-figure img{aspect-ratio:1.65;box-shadow:0 16px 42px rgba(9,27,43,.13)}
.bridge-figure figcaption{font-size:.64rem;padding:10px 13px}
.route{margin-top:34px;grid-template-columns:1fr 32px 1fr 32px 1fr 32px 1.12fr 32px 1.12fr}
.route-step{min-height:102px;padding:14px 15px;background:#fff;border-color:#ddd6c9}
.route-step span{width:25px;height:25px;border:1px solid #d7c69f;border-radius:50%;display:grid;place-items:center;font-size:.72rem}
.route-step strong{font-size:.95rem;margin:8px 0 2px}
.route-step small{font-size:.64rem;line-height:1.35}
.layouts-section{background:var(--cream);padding-block:68px}
.layouts-section .section-heading{max-width:1100px}
.layout-explorer{margin-top:25px}
.phase-tabs button{background:#ebe6dc;border:1px solid transparent;border-bottom-color:var(--stone)}
.phase-tabs button[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:inset 0 -3px var(--brass)}
.layout-swipe-note{display:none}
.layout-filters{padding:13px 18px}
.layout-display{min-height:490px}
.plan-view{min-height:470px;padding:22px}
.plan-view img{max-height:445px;width:auto;height:auto;max-width:100%;object-fit:contain}
.layout-details{padding:30px clamp(26px,3.4vw,44px)}
.layout-title{font-size:clamp(2rem,2.8vw,2.85rem)}
.lifestyle-section{padding-block:66px}
.lifestyle-heading h2{font-size:clamp(2.2rem,3.25vw,3.25rem)}
.lifestyle-editorial{display:grid;grid-template-columns:1.15fr .85fr .78fr;gap:15px;align-items:stretch;margin-top:28px}
.lifestyle-editorial figure{margin:0;position:relative;overflow:hidden;background:#102438;min-height:350px}
.lifestyle-editorial img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.lifestyle-editorial figure:hover img{transform:scale(1.025)}
.lifestyle-main img{object-position:center 45%}
.lifestyle-editorial figcaption{position:absolute;inset:auto 0 0;padding:50px 18px 15px;background:linear-gradient(transparent,rgba(5,16,27,.9));color:rgba(255,255,255,.83);font-size:.7rem}
.lifestyle-copy{border-block:1px solid rgba(255,255,255,.18);padding:24px 4px 18px 20px;align-self:center}
.lifestyle-copy p{color:rgba(255,255,255,.72);font-size:.9rem}
.lifestyle-copy ul{list-style:none;margin:17px 0 0;padding:0}
.lifestyle-copy li{padding:9px 0;border-top:1px solid rgba(255,255,255,.14);color:#ead9b6;font-size:.82rem}
.handover-section{padding-block:44px;background:#ede8df}
.handover-grid{grid-template-columns:.72fr 1.28fr;gap:5%}
.handover-copy h2{font-size:clamp(2rem,2.8vw,2.8rem)}
.spec-list{grid-template-columns:repeat(3,1fr);gap:8px;border-top:0}
.spec-list div,.spec-list div:nth-child(odd){min-height:78px;padding:13px;border:1px solid #d0c8bb;background:rgba(255,255,255,.48)}
.spec-list span,.spec-list strong{display:block}
.spec-list span{margin:0 0 5px}
.spec-list strong{font-size:.78rem;line-height:1.35}
.legal-note{margin-top:16px;padding:10px 14px}
.facilities-section{padding-block:56px}
.facilities-grid{grid-template-columns:.85fr 1.15fr;gap:5%}
.facilities-grid figure{max-width:470px;padding:12px}
.facilities-grid h2{font-size:clamp(2rem,2.8vw,2.8rem)}
.facility-list{margin:14px 0;columns:2}
.facility-list li{padding:5px 0;font-size:.78rem}
.facilities-grid .button{margin-top:5px}
.faq-section{padding-block:56px;background:var(--warm-white)}
.faq-grid{grid-template-columns:.58fr 1.42fr;gap:6%}
.faq-grid h2{font-size:clamp(2rem,2.8vw,2.8rem)}
.accordion-trigger{padding:13px 4px;font-size:1rem;min-height:50px}
.accordion-content{padding:0 38px 14px 4px;font-size:.84rem}
.faq-ask{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 4px;border-bottom:1px solid var(--stone)}
.faq-ask strong{font:400 1.05rem var(--serif)}
.faq-ask .button{min-height:44px;padding:9px 17px;font-size:.68rem}
.trust-section{background:var(--cream);padding-block:56px}
.trust-grid{grid-template-columns:.8fr 1.2fr;gap:6%}
.trust-grid h2{font-size:clamp(2rem,2.8vw,2.8rem)}
.consultant-note{display:none}
.reassurance-grid>div{background:rgba(255,255,255,.38);padding:15px 13px}
.trust-actions{margin-top:18px}
.trust-actions .button{min-width:235px}
.availability-section{min-height:430px}
.availability-overlay{background:linear-gradient(90deg,rgba(5,16,27,.86),rgba(5,16,27,.54) 57%,rgba(5,16,27,.15))}
.availability-content h2{font-size:clamp(2.35rem,3.5vw,3.45rem)}

@media(max-width:1100px){
  .hero{height:780px;min-height:720px}
  .hero h1{font-size:clamp(3.15rem,5.4vw,4rem)}
  .highlights-row{grid-template-columns:repeat(3,1fr)}
  .highlights-row article:nth-child(n+4){border-top:1px solid var(--stone)}
  .highlights-row article:nth-child(4){border-left:0}
  .phase{grid-template-rows:350px 1fr}
  .phase-media{height:350px}
  .phase-three .phase-media{height:350px}
  .lifestyle-editorial{grid-template-columns:1fr 1fr}
  .lifestyle-copy{grid-column:1/-1;padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px}
  .lifestyle-copy ul{margin:0}
}

@media(max-width:900px){
  .intro-grid{grid-template-columns:1fr;gap:5px}
  .connection-grid{grid-template-columns:1fr}
  .bridge-figure{margin-top:30px;max-width:700px}
  .handover-grid{grid-template-columns:1fr}
  .handover-copy{margin-bottom:20px}
  .facilities-grid,.faq-grid,.trust-grid{grid-template-columns:1fr}
  .faq-grid>div:first-child{margin-bottom:20px}
}

@media(max-width:820px){
  .hero{height:auto;min-height:700px}
  .hero-content{height:auto;min-height:700px;padding-top:105px;padding-bottom:72px}
  .hero-overlay{background:linear-gradient(0deg,rgba(5,16,27,.88),rgba(5,16,27,.54) 65%,rgba(5,16,27,.08))}
  .hero h1{font-size:clamp(2.75rem,11.6vw,3.75rem);line-height:1.02}
  .hero-subheading{font-size:clamp(1.12rem,5vw,1.42rem)}
  .hero-lead{font-size:.86rem}
  .hero-content>.hero-transparency{display:none}
  .mobile-hero-followup{background:var(--cream);padding:18px 0 21px}
  .intro{padding-block:40px}
  .intro-grid h2{font-size:2.1rem}
  .highlights-row{grid-template-columns:1fr 1fr;margin-top:18px}
  .highlights-row article:nth-child(n){min-height:100px;border-top:1px solid var(--stone);border-left:1px solid var(--stone)}
  .highlights-row article:nth-child(-n+2){border-top:0}
  .highlights-row article:nth-child(odd){border-left:0}
  .compare-section{padding-block:50px}
  .phase{grid-template-rows:245px 1fr}
  .phase-media,.phase-three .phase-media{height:245px}
  .phase-intro{min-height:0}
  .compare-help{flex-direction:column;align-items:stretch}
  .connection-section,.layouts-section{padding-block:52px}
  .route{display:flex;flex-direction:column;gap:0}
  .route-step{width:100%;position:relative}
  .route>i{display:block;height:24px;width:1px;margin-left:27px!important}
  .layout-swipe-note{display:block;margin:0;padding:11px 15px 0;color:var(--slate);font-size:.68rem;text-align:right}
  .layout-filters,.variant-buttons{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .layout-filters button,.variant-buttons button{flex:0 0 auto;min-height:44px;white-space:nowrap}
  .plan-view{min-height:340px;order:1}
  .layout-details{order:2}
  .lifestyle-section{padding-block:52px}
  .lifestyle-editorial{grid-template-columns:1fr;gap:12px}
  .lifestyle-editorial figure{min-height:270px}
  .lifestyle-copy{grid-column:auto;display:block;padding:18px 0}
  .lifestyle-copy ul{margin-top:14px}
  .handover-section{padding-block:40px}
  .spec-list{grid-template-columns:1fr 1fr}
  .facilities-section,.faq-section,.trust-section{padding-block:48px}
  .faq-ask{align-items:stretch;flex-direction:column}
  .faq-ask .button{width:100%}
}

@media(max-width:540px){
  .hero{min-height:690px}
  .hero-content{min-height:690px;padding-bottom:66px}
  .hero h1{font-size:clamp(2.7rem,12vw,3.2rem)}
  .hero-primary-action .button{font-size:.67rem;padding-inline:12px}
  .hero-transparency{font-size:.62rem}
  .highlights-row article{padding:14px 12px 15px}
  .highlights-row h3{font-size:.72rem}
  .section-heading.centered h2{font-size:2.05rem}
  .phase{grid-template-rows:220px 1fr}
  .phase-media,.phase-three .phase-media{height:220px}
  .phase h3{font-size:1.95rem}
  .phase-highlights{grid-template-columns:1fr 1fr}
  .phase-highlights li{font-size:.7rem}
  .route-step{padding:12px 14px}
  .phase-tabs{min-width:0;overflow-x:auto}
  .phase-tabs button{min-width:190px}
  .spec-list{grid-template-columns:1fr 1fr}
  .spec-list div,.spec-list div:nth-child(odd){min-height:84px}
  .facility-list{columns:1}
  .availability-content h2{font-size:2.15rem}
}

/* Bespoke editorial property microsite */
:root{--paper:#f4f0e7;--architectural:#fbfaf6;--champagne:#c2a66e;--navy:#091a2a;--green:#1f765d;--shell:min(1360px,calc(100% - 64px))}
html{scroll-padding-top:0}
body{background:var(--paper);color:#14202a}
main{overflow:clip}
main section[id]{scroll-margin-top:72px}
h2{font-size:clamp(3rem,5.1vw,5.6rem);line-height:.98;letter-spacing:-.045em}
.eyebrow{font-size:.68rem;letter-spacing:.22em;margin-bottom:18px}
.button{border-radius:0}
.text-link b,.whatsapp-cta b,.phase-explore b{display:inline-block;transition:transform .25s ease}
.text-link:hover b,.whatsapp-cta:hover b,.phase:hover .phase-explore b{transform:translateX(6px)}

.site-header{height:76px;background:transparent;box-shadow:none;backdrop-filter:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.site-header.scrolled{height:68px;background:rgba(248,246,240,.94);box-shadow:0 8px 35px rgba(6,22,35,.07);backdrop-filter:blur(16px);color:var(--navy);border-bottom-color:rgba(9,26,42,.1)}
.nav-shell{height:100%;width:min(1480px,calc(100% - 48px))}
.brand{gap:11px}.brand-mark{border-color:currentColor}.brand-copy strong{font-size:1.02rem}.brand-copy small{font-size:.54rem}
.main-nav{gap:30px}.main-nav>a:not(.button){font-size:.7rem;letter-spacing:.05em}.main-nav .button{min-height:40px;padding:8px 15px;font-size:.65rem}

.hero{height:100svh;min-height:760px;max-height:none;background:var(--navy)}
.hero-image{object-position:55% center;transform:scale(1.015)}
.hero-overlay{background:linear-gradient(90deg,rgba(4,15,25,.78) 0%,rgba(4,15,25,.52) 28%,rgba(4,15,25,.12) 57%,rgba(4,15,25,0) 78%),linear-gradient(0deg,rgba(4,15,25,.32),transparent 42%)}
.hero-content{width:min(1460px,calc(100% - 80px));max-width:none;margin-inline:auto;padding:112px 0 72px;justify-content:center;align-items:flex-start}
.hero-content>*{max-width:720px}
.hero h1{font-size:clamp(4.8rem,7.5vw,8rem);line-height:.91;letter-spacing:-.055em;margin-bottom:27px}
.hero-subheading{font-size:clamp(1.55rem,2.3vw,2.35rem);margin-bottom:18px;color:#ead8b4}
.hero-lead{max-width:650px;font-size:1rem;line-height:1.65;color:rgba(255,255,255,.78)}
.hero-actions{display:flex;align-items:center;gap:28px;margin:25px 0 18px}
.hero-actions .button{min-height:50px}
.hero-secondary{display:inline-flex;align-items:center;gap:14px;color:#fff;font-size:.76rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.52);padding:12px 0;min-height:46px}
.hero-secondary span{color:var(--champagne);transition:transform .25s}.hero-secondary:hover span{transform:translateX(5px)}
.hero-info{font-size:.68rem;letter-spacing:.04em;color:rgba(255,255,255,.62)}.hero-info span{padding-inline:8px;color:var(--champagne)}
.hero-scroll{left:50%;right:auto;bottom:24px;width:30px;height:54px;justify-content:center;transform:translateX(-50%);font-size:0}
.hero-scroll span{width:1px;height:44px;background:linear-gradient(#fff,transparent);animation:scrollCue 1.9s ease-in-out infinite}
@keyframes scrollCue{0%,100%{transform:scaleY(.45);transform-origin:top;opacity:.45}50%{transform:scaleY(1);opacity:1}}

.fact-ribbon{height:74px;background:var(--architectural);border-bottom:1px solid #dfd9ce;display:flex;align-items:center;overflow:hidden}
.fact-track{width:max-content;min-width:100%;display:flex;align-items:center;justify-content:center;gap:22px;padding:0 32px;white-space:nowrap}
.fact-track span{font-size:.64rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase;color:#394650}.fact-track i{width:3px;height:3px;border-radius:50%;background:var(--champagne)}

.editorial-intro{display:grid;grid-template-columns:.88fr 1.12fr;min-height:650px;background:var(--architectural)}
.editorial-intro-copy{padding:clamp(80px,9vw,150px) clamp(45px,7vw,120px);align-self:center}
.editorial-intro-copy h2{font-size:clamp(3rem,4.6vw,5.2rem);max-width:660px}
.editorial-intro-copy>p:not(.eyebrow){font:400 clamp(1.15rem,1.6vw,1.45rem)/1.5 var(--serif);max-width:560px;color:#34414a}
.editorial-intro-copy small{display:block;max-width:560px;margin-top:42px;padding-top:16px;border-top:1px solid #ddd5c7;color:#778087;font-size:.65rem;line-height:1.5}
.editorial-intro-image{margin:0;min-height:650px;overflow:hidden;clip-path:inset(8% 0 0 0)}
.editorial-intro-image img{width:100%;height:100%;object-fit:cover;object-position:72% center;transform:scale(1.1)}

.residence-section{background:var(--paper);padding-top:95px}
.residence-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:46px}.residence-heading .eyebrow{align-self:start}.residence-heading h2{grid-column:2;margin:0}
.residence-split{display:flex;width:100%;height:min(76vw,780px);min-height:640px;overflow:hidden;background:var(--navy)}
.residence-split .phase{position:relative;flex:1;display:block;overflow:hidden;box-shadow:none;transition:flex .65s cubic-bezier(.2,.7,.2,1)}
.residence-split .phase:hover{flex:1.08}
.phase-image,.phase-overlay{position:absolute;inset:0;width:100%;height:100%}
.phase-image{object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.phase:hover .phase-image{transform:scale(1.035)}
.phase-two .phase-image{object-position:50% center}.phase-three .phase-image{object-position:50% 55%}
.phase-overlay{background:linear-gradient(0deg,rgba(4,15,25,.9),rgba(4,15,25,.12) 67%,rgba(4,15,25,.04))}
.residence-split .phase-body{position:absolute;z-index:2;inset:auto 0 0;padding:55px clamp(30px,4vw,70px);background:transparent;color:#fff;display:block}
.phase-status{display:inline-block;margin-bottom:24px;padding:8px 10px;border:1px solid rgba(255,255,255,.38);font-size:.58rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.residence-split .phase h3{max-width:500px;font-size:clamp(3.4rem,5vw,6rem);line-height:.9;margin:0 0 25px}
.residence-split .phase-highlights{display:grid;grid-template-columns:1fr 1fr;max-width:530px;margin:0 0 26px;padding:15px 0;border-block:1px solid rgba(255,255,255,.25);list-style:none;opacity:.78;transform:translateY(7px);transition:.45s}
.residence-split .phase:hover .phase-highlights{opacity:1;transform:none}.residence-split .phase-highlights li{padding:5px 12px 5px 0;font-size:.72rem;border:0}.residence-split .phase-highlights li:before{content:'—';color:var(--champagne);margin-right:8px}
.phase-explore{display:inline-flex;align-items:center;gap:14px;font-size:.72rem;font-weight:760;letter-spacing:.09em;text-transform:uppercase}.phase-explore b{color:var(--champagne);font-size:1rem}
.residence-conversion{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d0c4;font:400 1rem var(--serif)}
.residence-conversion a{font:760 .68rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.residence-conversion b{margin-left:8px}

.connection-story{display:grid;grid-template-columns:.82fr 1.18fr;background:var(--architectural);padding:120px 0 100px}
.connection-copy{padding:40px clamp(40px,7vw,120px) 40px clamp(40px,8vw,140px);align-self:center}
.connection-copy h2{font-size:clamp(3.2rem,5.4vw,6.2rem);max-width:720px}.connection-lead{font:400 clamp(1.2rem,1.8vw,1.55rem)/1.48 var(--serif);max-width:590px}.connection-note{font-size:.75rem;color:#6d777d;max-width:550px;margin-top:26px;padding-left:18px;border-left:2px solid var(--champagne)}
.connection-visual{position:relative;min-height:610px;padding-right:clamp(32px,5vw,80px)}
.connection-main-image{margin:0 0 0 auto;width:88%;height:540px;overflow:hidden}.connection-main-image img{width:100%;height:100%;object-fit:cover}.connection-main-image figcaption,.bridge-proof figcaption{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#667079;margin-top:8px}
.bridge-proof{position:absolute;z-index:2;left:0;bottom:0;width:41%;margin:0;padding:10px;background:var(--architectural);box-shadow:0 22px 60px rgba(6,23,36,.18)}.bridge-proof img{width:100%;aspect-ratio:1.55;object-fit:cover}
.connection-route{grid-column:1/-1;width:var(--shell);margin:95px auto 0;display:grid;grid-template-columns:repeat(5,1fr);position:relative;padding-top:28px}
.route-line{position:absolute;top:6px;left:10%;right:10%;height:1px;background:#d0c7b8;overflow:hidden}.route-line span{display:block;width:100%;height:100%;background:var(--champagne);transform:scaleX(0);transform-origin:left;transition:transform 1.4s .25s ease}.connection-route.is-visible .route-line span{transform:scaleX(1)}
.route-stop{position:relative;text-align:center;padding:0 12px}.route-stop:before{content:'';position:absolute;left:50%;top:-26px;width:9px;height:9px;border-radius:50%;background:var(--architectural);border:2px solid var(--champagne);transform:translateX(-50%)}.route-stop i{display:block;font-style:normal;font-size:.58rem;color:var(--champagne);margin-bottom:7px}.route-stop strong{font:400 1rem var(--serif)}.route-stop small{display:block;font-size:.58rem;color:#788187;margin-top:5px}.route-stop.onward strong{color:#56616a}

.layouts-section{padding:120px 0 0;background:var(--paper)}
.layout-heading{display:grid;grid-template-columns:.72fr 1.28fr;align-items:end;margin-bottom:55px}.layout-heading>div{display:flex;align-items:end;justify-content:space-between;gap:8%}.layout-heading h2{margin:0;max-width:760px}.layout-heading>div p{max-width:420px;color:#69747b;margin:0 0 8px}
.layout-explorer{margin-top:0}.phase-tabs{display:inline-flex;width:auto;padding:4px;background:#e6e0d5;border:0;margin-bottom:18px}.phase-tabs button{min-width:210px;padding:12px 20px;border:0!important;background:transparent;font:600 .72rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#58636b;box-shadow:none!important}.phase-tabs button[aria-selected=true]{background:var(--navy);color:#fff}.phase-tabs small{font-size:.52rem}
.layout-panel{background:transparent;box-shadow:none}.layout-filters{padding:0 0 15px;border:0;gap:24px}.layout-filters button{padding:9px 0;border:0;background:none;color:#707a80;font-size:.7rem;border-bottom:1px solid transparent}.layout-filters button.active{background:none;color:var(--navy);border-color:var(--champagne)}
.layout-display{grid-template-columns:1.18fr .82fr;min-height:650px;background:var(--architectural);position:relative}
.plan-canvas{position:relative;padding:24px 45px 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.layout-navigation{position:absolute;z-index:2;inset:18px 20px auto;display:flex;align-items:center;justify-content:space-between}.layout-navigation button{min-height:44px;border:0;background:none;color:#677279;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.layout-position{font:600 .64rem var(--sans);letter-spacing:.13em;color:var(--champagne)}
.plan-view{min-height:0;width:100%;height:540px;padding:42px;border:0;background:transparent}.plan-view img{max-height:470px;transition:opacity .25s ease,transform .25s ease}.layout-panel.layout-changing .plan-view img{animation:layoutFade .38s ease}.plan-canvas>small{font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;color:#8a9195}
@keyframes layoutFade{0%{opacity:.2;transform:translateY(8px)}100%{opacity:1;transform:none}}
.layout-details{position:relative;z-index:3;align-self:center;margin:34px 34px 34px -44px;padding:48px;background:#fff;box-shadow:0 25px 80px rgba(8,27,42,.14)}
.layout-title{font-size:clamp(2.5rem,3.6vw,4.2rem);line-height:.95}.layout-summary{font-size:.83rem}.layout-details dl{margin:24px 0}.layout-details dl>div{padding:12px 9px}.layout-details dt{font-size:.54rem}.layout-details dd{font-size:.95rem}.variant-buttons{flex-wrap:wrap}.variant-buttons button{min-height:40px}.layout-cta{min-height:50px}
.phase3-spec-strip{margin-top:80px;background:var(--navy);color:#fff;padding:34px 0}.phase3-spec-strip .shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:5%;align-items:center}.phase3-spec-strip .eyebrow{margin:0 0 5px}.phase3-spec-strip p{margin:0}.phase3-spec-strip ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.phase3-spec-strip li{padding:5px 14px;border-left:1px solid rgba(255,255,255,.18);font-size:.68rem;color:rgba(255,255,255,.77)}.phase3-spec-strip small{grid-column:2;font-size:.58rem;color:rgba(255,255,255,.45)}

.lifestyle-section{position:relative;padding:120px 0 150px;background:linear-gradient(90deg,var(--navy) 0 61%,var(--paper) 61%);color:#fff;overflow:hidden}
.lifestyle-heading{display:grid;grid-template-columns:.72fr 1.28fr;align-items:end}.lifestyle-heading .eyebrow{grid-column:1}.lifestyle-heading h2{grid-column:1;max-width:720px;margin:0;font-size:clamp(3.4rem,4.5vw,5rem)}.lifestyle-heading>p:not(.eyebrow){grid-column:2;max-width:500px;color:#566169;margin:20px 0 0 auto}
.lifestyle-gallery-editorial{height:720px;margin-top:65px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);gap:14px}
.lifestyle-gallery-editorial figure{margin:0;position:relative;overflow:hidden;background:#102438}.lifestyle-gallery-editorial img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.lifestyle-gallery-editorial figure:hover img{transform:scale(1.025)}
.gallery-mall{grid-column:1/8;grid-row:1/9}.gallery-aerial{grid-column:8/13;grid-row:3/8}.gallery-precinct{grid-column:5/10;grid-row:8/13;box-shadow:0 25px 70px rgba(4,15,25,.25)}
.lifestyle-gallery-editorial figcaption{position:absolute;inset:auto 0 0;padding:48px 18px 15px;background:linear-gradient(transparent,rgba(4,15,25,.86));font-size:.66rem}.lifestyle-gallery-editorial figcaption span{color:var(--champagne);margin-right:10px}

.facilities-section{padding:120px 0;background:var(--architectural)}
.facilities-heading{display:grid;grid-template-columns:.7fr 1.3fr;margin-bottom:45px}.facilities-heading h2{grid-column:2;margin:0}.facilities-heading>p:not(.eyebrow){grid-column:2;max-width:600px;color:#69747b;margin-top:18px}
.facilities-feature{display:grid;grid-template-columns:1.45fr .55fr;gap:5%;align-items:center}.facility-plan{position:relative;border:0;background:#f0ede6;padding:12px;cursor:zoom-in}.facility-plan img{width:100%;height:min(68vw,760px);object-fit:contain}.facility-plan span{position:absolute;right:18px;bottom:18px;background:var(--navy);color:#fff;padding:9px 12px;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}
.facility-index{border-top:1px solid #d7d0c5}.facility-index-title{display:block;padding:15px 0;color:var(--champagne);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.facility-index ol{list-style:none;counter-reset:fac;margin:0;padding:0}.facility-index li{counter-increment:fac;padding:12px 0;border-top:1px solid #e1dbd1;font:400 1rem var(--serif)}.facility-index li:before{content:counter(fac,decimal-leading-zero);font:600 .57rem var(--sans);color:var(--champagne);margin-right:16px}

.faq-section{padding:105px 0;background:var(--paper)}
.faq-inner{max-width:1100px;display:grid;grid-template-columns:.55fr 1.45fr;gap:8%}.faq-heading h2{font-size:clamp(2.8rem,4vw,4.6rem)}.faq-heading>p:not(.eyebrow){color:#6e787e;font-size:.82rem}.accordion-trigger{min-height:48px;padding:11px 2px;font-size:1rem}.accordion-content{padding:0 40px 15px 2px;font-size:.82rem}.faq-ask{padding:15px 2px;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--stone)}.faq-ask span{font:400 1rem var(--serif)}.faq-ask a{font-size:.68rem;font-weight:760;color:var(--green);text-transform:uppercase;letter-spacing:.08em}

.availability-section{min-height:72svh;max-height:760px}.availability-section>img{object-position:center 58%;filter:saturate(.92)}.availability-overlay{background:linear-gradient(90deg,rgba(4,15,25,.9),rgba(4,15,25,.5) 54%,rgba(4,15,25,.08))}.availability-content h2{font-size:clamp(3.5rem,6vw,6.7rem);line-height:.92;max-width:950px}.availability-content>p:not(.eyebrow){font-size:1rem}.availability-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.availability-content small{margin-top:18px}.availability-content small span{padding-inline:8px;color:var(--champagne)}

.site-footer{padding:32px 0 20px}.footer-compact{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;gap:6%;align-items:center}.footer-identity{display:flex;align-items:center;gap:12px}.footer-identity p{margin:0;line-height:1.15}.footer-identity strong,.footer-identity small{display:block}.footer-identity small{margin-top:5px;font-size:.56rem;color:rgba(255,255,255,.5);letter-spacing:.1em;text-transform:uppercase}.footer-compact nav{display:flex;gap:18px;flex-wrap:wrap}.footer-compact nav a,.footer-compact address{font-size:.68rem;color:rgba(255,255,255,.58);font-style:normal}.footer-bottom{margin-top:24px;padding-top:16px}.footer-bottom p{font-size:.6rem}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}[data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1100px){
  .menu-toggle{display:block;z-index:3}.main-nav{position:fixed;inset:68px 0 0;background:var(--navy);padding:30px;display:flex;flex-direction:column;align-items:stretch;transform:translateX(100%);transition:transform .3s}.main-nav.open{transform:none}.main-nav>a:not(.button){font:400 1.35rem var(--serif);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13)}.main-nav .button{margin-top:22px;min-height:48px}
  .site-header.scrolled .main-nav{color:#fff}
  .residence-split{height:auto;min-height:0;display:grid;grid-template-columns:1fr}.residence-split .phase{height:72svh;min-height:620px}.residence-split .phase-highlights{opacity:1;transform:none}
  .connection-story{grid-template-columns:1fr;padding-top:90px}.connection-copy{padding-bottom:60px}.connection-visual{width:min(88%,850px);margin-left:auto}.connection-route{margin-top:85px}
  .layout-heading{grid-template-columns:1fr}.layout-heading>div{display:block}.layout-heading>div p{margin-top:18px}.layout-display{grid-template-columns:1fr}.plan-canvas{min-height:590px}.layout-details{margin:-40px 40px 40px;max-width:720px}.phase3-spec-strip .shell{grid-template-columns:1fr}.phase3-spec-strip small{grid-column:1;margin-top:12px}
  .lifestyle-section{background:linear-gradient(90deg,var(--navy) 0 55%,var(--paper) 55%)}.lifestyle-gallery-editorial{height:650px}
  .footer-compact{grid-template-columns:1fr 1fr}.footer-compact address{grid-column:1/-1}
}

@media(max-width:820px){
  :root{--shell:min(100% - 32px,1360px)}html{scroll-padding-top:68px}main section[id]{scroll-margin-top:68px}
  .site-header{height:68px;background:rgba(9,26,42,.82);backdrop-filter:blur(10px)}.site-header.scrolled{height:68px}.nav-shell{width:calc(100% - 28px)}
  .hero{min-height:720px;height:96svh}.hero-image{object-position:61% center}.hero-overlay{background:linear-gradient(0deg,rgba(4,15,25,.92),rgba(4,15,25,.44) 67%,rgba(4,15,25,.08))}.hero-content{width:calc(100% - 32px);min-height:720px;height:96svh;padding:105px 0 62px;justify-content:flex-end}.hero h1{font-size:clamp(3.8rem,15.5vw,5.4rem);max-width:360px}.hero-subheading{font-size:clamp(1.2rem,5.8vw,1.6rem)}.hero-lead{font-size:.85rem;line-height:1.52}.hero-actions{align-items:stretch;flex-direction:column;gap:4px}.hero-actions .button{width:100%}.hero-secondary{align-self:flex-start}.hero-info{font-size:.6rem}.hero-scroll{display:flex}
  .fact-ribbon{height:62px;overflow-x:auto;scrollbar-width:none}.fact-track{justify-content:flex-start;padding:0 18px;gap:17px}.fact-track span{font-size:.58rem}
  .editorial-intro{grid-template-columns:1fr;min-height:0}.editorial-intro-copy{padding:70px 24px 50px}.editorial-intro-copy h2{font-size:clamp(3rem,12vw,4.2rem)}.editorial-intro-copy small{margin-top:28px}.editorial-intro-image{min-height:400px;clip-path:inset(0 0 0 9%)}
  .residence-section{padding-top:65px}.residence-heading{display:block;padding-bottom:30px}.residence-heading h2{font-size:3.7rem}.residence-split .phase{height:76svh;min-height:580px}.residence-split .phase-body{padding:35px 24px}.residence-split .phase h3{font-size:clamp(3.2rem,13vw,4.4rem)}.residence-split .phase-highlights{grid-template-columns:1fr}.residence-conversion{height:auto;min-height:86px;align-items:flex-start;flex-direction:column;justify-content:center;gap:7px}
  .connection-story{padding:80px 0 70px}.connection-copy{padding:0 24px 55px}.connection-copy h2{font-size:clamp(3.2rem,12vw,4.5rem)}.connection-visual{width:92%;min-height:450px}.connection-main-image{height:390px}.bridge-proof{width:48%}.connection-route{width:calc(100% - 48px);margin:75px auto 0;display:flex;flex-direction:column;padding:0 0 0 34px;gap:0}.route-line{top:10px;bottom:10px;left:4px;right:auto;width:1px;height:auto}.route-line span{transform:scaleY(0);transform-origin:top}.connection-route.is-visible .route-line span{transform:scaleY(1)}.route-stop{text-align:left;min-height:78px;padding:0 0 0 18px}.route-stop:before{left:-30px;top:2px}.route-stop i{display:inline-block;width:30px}.route-stop strong{font-size:1.08rem}
  .layouts-section{padding-top:80px}.layout-heading{margin-bottom:35px}.layout-heading h2{font-size:clamp(3rem,12vw,4.4rem)}.phase-tabs{display:flex;width:100%;overflow-x:auto}.phase-tabs button{flex:1;min-width:170px;min-height:60px}.layout-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:20px;padding-bottom:12px}.layout-filters button{flex:0 0 auto;min-height:44px}.layout-swipe-note{display:block;text-align:right;padding:0 0 9px}.plan-canvas{min-height:450px;padding:58px 20px 32px}.plan-view{height:350px;padding:20px}.plan-view img{max-height:310px}.layout-details{margin:0;padding:35px 22px;box-shadow:none}.variant-buttons{flex-wrap:nowrap;overflow-x:auto}.variant-buttons button{flex:0 0 auto;min-height:44px}.phase3-spec-strip{margin-top:55px}.phase3-spec-strip ul{flex-wrap:nowrap;overflow-x:auto;margin-top:18px}.phase3-spec-strip li{flex:0 0 auto;min-height:44px;display:flex;align-items:center}
  .lifestyle-section{padding:80px 0 95px;background:var(--navy)}.lifestyle-heading{display:block}.lifestyle-heading h2{font-size:clamp(3rem,12vw,4.3rem)}.lifestyle-heading>p:not(.eyebrow){color:rgba(255,255,255,.65);margin:20px 0 0}.lifestyle-gallery-editorial{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:12px;margin-top:42px}.gallery-mall,.gallery-aerial,.gallery-precinct{grid-column:auto;grid-row:auto;height:320px}.gallery-aerial{margin-left:12%}.gallery-precinct{margin-right:12%;box-shadow:none}
  .facilities-section{padding:80px 0}.facilities-heading{display:block;margin-bottom:30px}.facilities-heading h2{font-size:3.8rem}.facilities-heading>p:not(.eyebrow){margin-top:14px}.facilities-feature{grid-template-columns:1fr}.facility-plan img{height:auto;min-height:360px}.facility-index{margin-top:25px}.facility-index ol{columns:2}.facility-index li{break-inside:avoid;font-size:.88rem}
  .faq-section{padding:75px 0}.faq-inner{grid-template-columns:1fr;gap:22px}.faq-heading h2{font-size:3.5rem}.accordion-trigger{min-height:50px}.faq-ask{align-items:center;flex-direction:row}
  .availability-section{min-height:76svh;max-height:none}.availability-section>img{object-position:55% center}.availability-overlay{background:linear-gradient(0deg,rgba(4,15,25,.94),rgba(4,15,25,.48) 70%,rgba(4,15,25,.08))}.availability-content h2{font-size:clamp(3.4rem,13vw,4.8rem)}.availability-actions{flex-direction:column}.availability-actions .button{width:100%}.availability-content small{line-height:1.8}
  .footer-compact{grid-template-columns:1fr;gap:22px}.footer-compact nav{gap:16px}.footer-compact address{grid-column:auto}.footer-bottom{flex-direction:column}
}

@media(max-width:820px){.phase-tabs,.layout-filters,.variant-buttons,.phase3-spec-strip ul{scrollbar-width:none}.phase-tabs::-webkit-scrollbar,.layout-filters::-webkit-scrollbar,.variant-buttons::-webkit-scrollbar,.phase3-spec-strip ul::-webkit-scrollbar{display:none}}

@media(max-width:540px){
  .hero-content{padding-bottom:58px}.hero h1{font-size:clamp(3.55rem,15vw,4.6rem)}.hero .eyebrow{font-size:.56rem}.hero-actions .button{font-size:.66rem}.hero-info span{padding-inline:4px}
  .editorial-intro-copy{padding-inline:20px}.residence-heading h2{font-size:3.15rem}.residence-split .phase{height:74svh;min-height:560px}.phase-status{margin-bottom:17px}.residence-split .phase-highlights{margin-bottom:18px}
  .connection-copy{padding-inline:20px}.connection-main-image{height:330px}.bridge-proof{width:55%}.connection-visual{min-height:400px}.connection-actions{align-items:stretch;flex-direction:column;gap:10px}.connection-actions .button{width:100%}
  .layout-heading h2{font-size:3.3rem}.plan-canvas{min-height:410px}.plan-view{height:310px}.plan-view img{max-height:275px}.layout-details dl{grid-template-columns:repeat(3,1fr)}.layout-details dl>div{border-left:1px solid var(--stone);border-bottom:0;padding:10px 6px}.layout-details dl>div:first-child{border-left:0}.layout-details dd{font-size:.8rem}.layout-cta{font-size:.67rem}
  .lifestyle-heading h2{font-size:3.2rem}.gallery-mall,.gallery-aerial,.gallery-precinct{height:260px}.facility-index ol{columns:1}.faq-ask a{min-height:44px;display:flex;align-items:center}
  .availability-content h2{font-size:3.35rem}.availability-content small span{padding-inline:4px}
}

@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.route-line span{transform:none!important}.hero-scroll span{animation:none}.phase,.phase-image,.plan-view img{transition:none!important;animation:none!important}}

/* Brochure-led developer-grade refinement */
.hero{height:90svh;min-height:680px}.hero-image{filter:saturate(.96) brightness(1.04)}.hero-overlay{background:linear-gradient(90deg,rgba(4,15,25,.64) 0%,rgba(4,15,25,.34) 34%,rgba(4,15,25,.06) 68%,transparent 83%),linear-gradient(0deg,rgba(4,15,25,.25),transparent 48%)}.hero-content{padding-top:100px}.hero h1{max-width:920px;font-size:clamp(4.5rem,6.7vw,7.5rem);line-height:.91}.hero-statement{font:400 clamp(1.3rem,1.8vw,1.65rem)/1.45 var(--serif);max-width:690px;color:#fff}.hero-info{color:rgba(255,255,255,.76)}
.editorial-intro-image{position:relative;clip-path:inset(0)}.editorial-intro-image img{transform:none;object-position:center}.editorial-intro-image figcaption{position:absolute;inset:auto 20px 20px auto;padding:9px 12px;background:rgba(9,26,42,.82);color:#fff;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}

.residence-section{padding:110px 0 0;background:var(--paper)}.residence-heading{grid-template-columns:.65fr 1.35fr;padding-bottom:70px}.residence-heading h2{font-size:clamp(3.4rem,5vw,5.8rem);max-width:850px}.residence-heading>p:not(.eyebrow){grid-column:2;max-width:650px;margin:24px 0 0;color:#657078}.residence-offerings{display:grid;gap:110px}.residence-offering{display:grid;grid-template-columns:1.12fr .88fr;min-height:650px;align-items:center}.residence-phase3{grid-template-columns:.88fr 1.12fr}.residence-phase3 .offering-media{grid-column:2}.residence-phase3 .offering-copy{grid-column:1;grid-row:1}.offering-media{position:relative;height:650px;overflow:hidden;background:#fff}.offering-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.residence-offering:hover .offering-media img{transform:scale(1.025)}.residence-phase2 .offering-media img{object-position:center}.residence-phase3 .offering-media img{object-fit:contain;padding:22px}.offering-media span{position:absolute;right:16px;bottom:16px;background:rgba(9,26,42,.82);color:#fff;padding:8px 10px;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}.offering-copy{position:relative;z-index:2;margin-left:-55px;padding:65px;background:var(--architectural);box-shadow:0 24px 75px rgba(8,27,42,.11)}.residence-phase3 .offering-copy{margin:0 -55px 0 0}.offering-copy h3{font-size:clamp(3.4rem,5vw,5.6rem);line-height:.92;margin:0 0 25px}.offering-copy>p:not(.eyebrow){font:400 1.22rem/1.55 var(--serif);color:#3f4b53}.offering-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:0;list-style:none;margin:30px 0;padding:16px 0;border-block:1px solid #ded7cb}.offering-copy li{padding:8px 15px 8px 0;font-size:.72rem;color:#667178}.offering-copy li:before{content:'—';color:var(--champagne);margin-right:8px}.offering-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.offering-actions .button{min-height:50px}.offering-actions .text-link{font-size:.7rem;font-weight:760;color:var(--navy)}

.project-gallery{height:930px;margin-top:60px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);gap:14px}.project-gallery figure{position:relative;margin:0;overflow:hidden;background:#102438}.project-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-gallery figure:hover img{transform:scale(1.025)}.project-gallery figcaption{position:absolute;inset:auto 0 0;padding:46px 16px 14px;background:linear-gradient(transparent,rgba(4,15,25,.88));font-size:.65rem}.project-gallery figcaption span{color:var(--champagne);margin-right:10px}.gallery-feature{grid-column:1/8;grid-row:1/7}.gallery-waterfront{grid-column:8/13;grid-row:1/6}.gallery-lobby{grid-column:1/6;grid-row:7/10}.gallery-gym{grid-column:6/10;grid-row:7/11}.gallery-yoga{grid-column:10/13;grid-row:6/10}.gallery-night{grid-column:1/6;grid-row:10/13;margin-left:18%!important}.gallery-night img{object-position:center 28%}

.facilities-section{padding:120px 0 130px}.facilities-heading{grid-template-columns:.65fr 1.35fr;margin-bottom:70px}.facilities-heading h2{font-size:clamp(3.5rem,5vw,5.8rem)}.facility-phases{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #d8d0c4}.facility-phase{padding:55px 45px 0}.facility-phase+article{border-left:1px solid #d8d0c4}.facility-phase-copy{min-height:190px}.facility-phase h3{font-size:clamp(2.5rem,3.4vw,4rem);line-height:.98;margin:0 0 18px}.facility-phase-copy>p:not(.eyebrow){max-width:520px;color:#69747b}.facility-phase .facility-plan{width:100%;padding:10px;background:#eeebe4}.facility-phase .facility-plan img{height:520px;object-fit:contain;background:#fff}.facility-tags{display:flex;flex-wrap:wrap;list-style:none;margin:20px 0 0;padding:0}.facility-tags li{padding:7px 15px;border-left:1px solid #d8d0c4;font-size:.68rem;color:#647078}.facility-tags li:first-child{padding-left:0;border-left:0}

.availability-section{min-height:68svh}.availability-section>img{object-position:center 45%}.availability-overlay{background:linear-gradient(90deg,rgba(4,15,25,.88),rgba(4,15,25,.38) 58%,rgba(4,15,25,.04))}

@media(max-width:1100px){.residence-offering,.residence-phase3{grid-template-columns:1fr 1fr;min-height:570px}.offering-media{height:570px}.offering-copy{padding:45px;margin-left:-35px}.residence-phase3 .offering-copy{margin-right:-35px}.project-gallery{height:760px}.facility-phase{padding-inline:28px}.facility-phase .facility-plan img{height:420px}}

@media(max-width:820px){.hero{height:82svh;min-height:650px}.hero-content{height:82svh;min-height:650px;padding:95px 0 52px}.hero-image{object-position:61% center}.hero-overlay{background:linear-gradient(0deg,rgba(4,15,25,.85),rgba(4,15,25,.34) 66%,rgba(4,15,25,.05))}.hero h1{font-size:clamp(3.1rem,13vw,4.2rem);max-width:350px}.hero-statement{font-size:1.05rem;line-height:1.4}.hero-actions{margin:18px 0 13px}.hero-info{font-size:.58rem}.editorial-intro-image figcaption{right:12px;bottom:12px}.residence-section{padding-top:75px}.residence-heading{display:block;padding-bottom:38px}.residence-heading h2{font-size:clamp(3rem,12vw,4.1rem)}.residence-heading>p:not(.eyebrow){margin-top:18px}.residence-offerings{gap:65px}.residence-offering,.residence-phase3{display:flex;flex-direction:column;min-height:0}.residence-phase3 .offering-media{order:1}.residence-phase3 .offering-copy{order:2}.offering-media{width:100%;height:62svh;min-height:460px}.residence-phase3 .offering-media{height:52svh;background:#fff}.offering-copy,.residence-phase3 .offering-copy{width:calc(100% - 28px);margin:-45px 0 0 28px;padding:35px 25px;box-shadow:0 18px 55px rgba(8,27,42,.1)}.residence-phase3 .offering-copy{margin:-45px 28px 0 0}.offering-copy h3{font-size:3.3rem}.offering-copy>p:not(.eyebrow){font-size:1.05rem}.offering-copy ul{grid-template-columns:1fr}.offering-actions{align-items:stretch;flex-direction:column;gap:6px}.offering-actions .button{width:100%}.offering-actions .text-link{min-height:44px;display:flex;align-items:center}.project-gallery{height:auto;grid-template-columns:1fr;grid-template-rows:none;gap:12px;margin-top:40px}.project-gallery figure{grid-column:auto;grid-row:auto;height:300px;margin:0!important}.project-gallery .gallery-feature{height:390px}.project-gallery .gallery-lobby{height:180px}.project-gallery .gallery-night{margin-left:12%!important}.project-gallery .gallery-yoga{margin-right:12%!important}.facilities-section{padding:80px 0 95px}.facilities-heading{display:block;margin-bottom:40px}.facilities-heading h2{font-size:3.4rem}.facility-phases{grid-template-columns:1fr}.facility-phase{padding:40px 0 55px}.facility-phase+article{border-left:0;border-top:1px solid #d8d0c4}.facility-phase-copy{min-height:0;margin-bottom:25px}.facility-phase .facility-plan img{height:auto;min-height:360px}.facility-tags{gap:4px}.facility-tags li{border:0;padding:7px 10px;background:#efebe3}.availability-section{min-height:72svh}}

@media(max-width:430px){.hero{height:78svh;min-height:620px}.hero-content{height:78svh;min-height:620px;padding-bottom:43px}.hero h1{font-size:clamp(2.85rem,12vw,3.55rem)}.hero-statement{font-size:.94rem}.hero-actions .button{font-size:.62rem}.hero-secondary{min-height:40px}.hero-info{max-width:300px}.offering-media{height:55svh;min-height:420px}.offering-copy h3{font-size:2.9rem}.project-gallery figure{height:260px}.project-gallery .gallery-feature{height:340px}.facility-phase .facility-plan img{min-height:300px}}

/* Equal residence cards */
.residence-section{padding-top:82px}.residence-heading{grid-template-columns:.7fr 1.3fr;padding-bottom:44px}.residence-heading h2{font-size:clamp(3.2rem,4.7vw,5.2rem)}.residence-heading>p:not(.eyebrow){margin-top:18px}.residence-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.residence-card{display:flex;min-width:0;flex-direction:column;background:var(--architectural);box-shadow:0 18px 55px rgba(8,27,42,.08);overflow:hidden}.residence-card-media{position:relative;height:430px;overflow:hidden;background:#e9e5dc}.residence-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.residence-card:hover .residence-card-media img{transform:scale(1.02)}.residence-card-media-contain{background:#fff}.residence-card-media-contain img{object-fit:contain;padding:18px}.residence-card-media span{position:absolute;right:14px;bottom:14px;padding:8px 10px;background:rgba(9,26,42,.84);color:#fff;font-size:.54rem;letter-spacing:.09em;text-transform:uppercase}.residence-card-body{display:flex;flex:1;flex-direction:column;padding:38px 42px 42px}.residence-card-body h3{font-size:clamp(2.7rem,3.8vw,4.25rem);line-height:.95;margin:0 0 18px}.residence-card-body>p:not(.eyebrow){font:400 1.06rem/1.52 var(--serif);color:#435059;min-height:78px}.residence-card-body ul{display:grid;grid-template-columns:1fr;list-style:none;margin:22px 0 28px;padding:13px 0;border-block:1px solid #ddd6ca}.residence-card-body li{padding:7px 0;font-size:.72rem;color:#667178}.residence-card-body li:before{content:'—';color:var(--champagne);margin-right:8px}.residence-card-actions{display:flex;align-items:stretch;flex-direction:column;gap:8px;margin-top:auto}.residence-card-actions .button{width:100%;min-height:52px}.residence-card-actions .text-link{display:flex;align-items:center;min-height:44px;font-size:.7rem;font-weight:760;color:var(--navy)}.residence-conversion{margin-top:24px}

@media(max-width:1100px){.residence-card-media{height:360px}.residence-card-body{padding:32px}.residence-card-body>p:not(.eyebrow){min-height:96px}.residence-card-actions .button{font-size:.64rem}}
@media(max-width:900px){.residence-heading{display:block}.residence-heading>p:not(.eyebrow){max-width:620px}.residence-card-grid{grid-template-columns:1fr;gap:36px}.residence-card{max-width:720px;margin-inline:auto}.residence-card-media{height:440px}.residence-card-body>p:not(.eyebrow){min-height:0}}
@media(max-width:540px){.residence-section{padding-top:60px}.residence-heading{padding-bottom:30px}.residence-heading h2{font-size:3.1rem}.residence-card-grid{gap:28px}.residence-card-media{height:310px}.residence-card-body{padding:28px 22px 30px}.residence-card-body h3{font-size:2.75rem}.residence-card-body>p:not(.eyebrow){font-size:1rem}.residence-card-actions .button{font-size:.62rem;white-space:normal;text-align:center;padding-inline:12px}.residence-conversion{margin-top:18px}}

/* Restored pre-brochure residence component */
.compare-section{padding-block:78px;background:var(--navy);color:#fff}
.compare-section .section-heading.centered{max-width:960px;margin-inline:auto;text-align:center}
.compare-section .section-heading .eyebrow{justify-content:center;color:var(--champagne)}
.compare-section .section-heading h2{max-width:940px;margin:0 auto;color:#fff;font-size:clamp(2.3rem,3.5vw,3.45rem)}
.compare-section .section-heading>p:not(.eyebrow){max-width:680px;margin:18px auto 0;color:rgba(255,255,255,.66)}
.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;margin-top:34px}
.compare-grid .phase{display:grid;grid-template-rows:330px 1fr;min-width:0;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.18)}
.compare-grid .phase-media{height:330px;overflow:hidden;background:#e9e5dc}
.compare-grid .phase-media img{width:100%;height:100%;object-fit:cover}
.compare-grid .phase-two .phase-media img{object-position:center}
.compare-grid .phase-three .phase-media img{object-position:center 54%}
.compare-grid .phase-body{display:flex;min-width:0;flex-direction:column;padding:28px 32px 31px}
.compare-grid .phase-two .phase-body{background:#eee9df;color:var(--ink)}
.compare-grid .phase-three .phase-body{background:var(--harbour);color:#fff}
.compare-grid .phase-kicker{margin:0 0 9px;color:var(--champagne);font-size:.61rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.compare-grid .phase h3{margin:0 0 12px;font-size:clamp(2.15rem,3vw,3rem);line-height:.98}
.compare-grid .phase-intro{min-height:48px;margin:0 0 12px;color:inherit;font:400 .92rem/1.5 var(--serif);opacity:.75}
.compare-grid .phase-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:14px 0 19px;padding:10px 0;border-block:1px solid color-mix(in srgb,currentColor 16%,transparent)}
.compare-grid .phase-highlights li{padding:7px 12px 7px 0;color:inherit;font-size:.8rem}
.compare-grid .phase-highlights li:before{content:'—';margin-right:8px;color:var(--champagne)}
.compare-grid .text-link{align-self:flex-start;min-height:36px;margin-bottom:18px;color:inherit;font-size:.78rem;font-weight:760}
.compare-grid .phase-body>.button{width:100%;margin-top:auto;white-space:normal;text-align:center}
.compare-help{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px;padding:16px 20px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.045);color:#fff}
.compare-help strong{font:400 1.12rem var(--serif)}
.compare-help .button{flex:none;min-height:46px}
@media(max-width:820px){.compare-section{padding-block:60px}.compare-grid{grid-template-columns:1fr;gap:22px;max-width:690px;margin-inline:auto}.compare-grid .phase{grid-template-rows:350px 1fr}.compare-grid .phase-media{height:350px}.compare-grid .phase-intro{min-height:0}.compare-help{max-width:690px;margin-inline:auto;margin-top:22px;align-items:stretch;flex-direction:column;gap:12px}.compare-help .button{width:100%}}
@media(max-width:540px){.compare-section{padding-block:52px}.compare-section .section-heading h2{font-size:2.15rem}.compare-grid .phase{grid-template-rows:225px 1fr}.compare-grid .phase-media{height:225px}.compare-grid .phase-body{padding:24px 22px 27px}.compare-grid .phase h3{font-size:2.25rem}.compare-grid .phase-highlights{grid-template-columns:1fr}.compare-help strong{font-size:1rem}}

/* Conversion-led premium refinement */
html{scroll-padding-top:72px}
body{overflow-x:hidden;background:var(--paper)}
main section[id]{scroll-margin-top:72px}
h2{font-size:clamp(2.25rem,3.7vw,4rem)}
.button{min-height:50px}
.wa-icon{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.7rem;line-height:1}
.site-header .button-small,.menu-toggle{min-height:48px}

.hero{height:min(88svh,820px);min-height:690px}
.hero-overlay{background:linear-gradient(90deg,rgba(4,15,25,.87) 0%,rgba(4,15,25,.69) 42%,rgba(4,15,25,.16) 76%,rgba(4,15,25,.04)),linear-gradient(0deg,rgba(4,15,25,.38),transparent 50%)}
.hero-content{padding-top:84px;justify-content:center}
.hero h1{max-width:950px;margin-bottom:20px;font-size:clamp(3.25rem,5.5vw,6rem);line-height:.96}
.hero-statement{max-width:790px;font:400 clamp(1.05rem,1.45vw,1.35rem)/1.48 var(--serif)}
.hero-actions{margin:14px 0 14px}
.hero-info{max-width:650px;margin:0;color:rgba(255,255,255,.76)}
.hero-trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:880px;margin:25px 0 0;padding:16px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.23)}
.hero-trust-row li{position:relative;padding:0 18px 0 14px;color:rgba(255,255,255,.78);font-size:.66rem;font-weight:680;letter-spacing:.03em}
.hero-trust-row li:first-child{padding-left:0}.hero-trust-row li:before{content:'✓';margin-right:7px;color:var(--champagne)}

.fact-ribbon{height:62px}
.editorial-intro{grid-template-columns:.9fr 1.1fr;min-height:520px}
.editorial-intro-copy{padding:64px clamp(38px,6vw,92px)}
.editorial-intro-copy h2{max-width:640px;font-size:clamp(2.55rem,3.8vw,4.25rem)}
.editorial-intro-copy>p:not(.eyebrow){max-width:600px;font-size:clamp(1rem,1.35vw,1.22rem)}
.editorial-intro-image{min-height:520px}
.selling-point-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:30px 0 0;padding:0;list-style:none;border-top:1px solid #ddd5c7}
.selling-point-list li{padding:15px 12px 13px 0;border-bottom:1px solid #ddd5c7}
.selling-point-list li:nth-child(even){padding-left:18px;border-left:1px solid #ddd5c7}
.selling-point-list strong,.selling-point-list span{display:block}.selling-point-list strong{font:400 1.03rem var(--serif)}.selling-point-list span{margin-top:3px;color:#727b81;font-size:.64rem;letter-spacing:.05em;text-transform:uppercase}

.compare-section{padding-block:70px}
.compare-grid{margin-top:30px}
.compare-grid .phase{grid-template-rows:310px 1fr}
.compare-grid .phase-media{height:310px}
.compare-grid .phase-body{padding:26px 30px 29px}
.compare-grid .phase h3{font-size:clamp(2.05rem,2.75vw,2.75rem)}
.compare-grid .phase-intro{font-size:.88rem}
.compare-grid .phase-highlights{grid-template-columns:1fr;margin:10px 0 16px;padding:7px 0}
.compare-grid .phase-highlights li{padding:5px 0;font-size:.75rem}
.compare-grid .text-link{min-height:44px;margin-bottom:12px;align-items:center}
.compare-grid .phase-body>.button{min-height:50px}
.compare-help{margin-top:18px;padding:14px 18px}
.compare-help div{display:grid}.compare-help small{margin-top:2px;color:rgba(255,255,255,.58);font-size:.64rem}

.connection-story{padding:86px 0 76px}
.connection-copy h2{max-width:680px;font-size:clamp(2.75rem,4.6vw,5rem)}
.connection-lead{font-size:clamp(1.05rem,1.5vw,1.35rem)}
.connection-note{margin-top:20px}
.connection-route{margin-top:64px}

.layouts-section{padding:82px 0 0}
.layout-heading{margin-bottom:38px}
.layout-heading h2{max-width:680px;font-size:clamp(2.45rem,3.8vw,4rem)}
.phase-tabs button{min-height:64px}
.layout-filters button,.variant-buttons button{min-height:48px;display:inline-flex;align-items:center}
.layout-display{min-height:560px}
.plan-view{height:485px;padding:30px}
.plan-view img{max-height:430px}
.layout-details{padding:38px 42px;margin:28px 28px 28px -34px}
.layout-title{font-size:clamp(2.2rem,3.2vw,3.55rem)}
.layout-details dl{margin:20px 0}.variant-buttons{margin-bottom:18px}.layout-note{margin-bottom:18px}
.layout-navigation button{min-height:48px}
.phase3-spec-strip{margin-top:58px}

.lifestyle-section{padding:82px 0 92px;background:linear-gradient(90deg,var(--navy) 0 66%,var(--paper) 66%)}
.lifestyle-heading h2{font-size:clamp(2.55rem,3.8vw,4.1rem)}
.lifestyle-gallery-editorial{height:620px;margin-top:42px}
.project-gallery{height:720px;margin-top:42px}

.facilities-section{padding:80px 0 88px}
.facilities-heading{margin-bottom:44px}
.facilities-heading h2{font-size:clamp(2.55rem,3.8vw,4.1rem)}
.facility-phase{padding:38px 36px 0}.facility-phase-copy{min-height:155px}.facility-phase h3{font-size:clamp(2.1rem,2.9vw,3.35rem)}
.facility-phase .facility-plan img{height:430px}

.faq-section{padding:76px 0}
.faq-heading h2{font-size:clamp(2.4rem,3.4vw,3.7rem)}
.accordion-trigger{min-height:54px}
.faq-ask{margin-top:10px;padding:18px 0;border-bottom:0}
.faq-ask .button{min-height:50px;color:#fff}

.availability-section{min-height:520px;max-height:620px}
.availability-content h2{max-width:850px;font-size:clamp(2.9rem,4.8vw,5.2rem)}
.availability-content>p:not(.eyebrow){max-width:620px}
.availability-content small{max-width:660px;font-size:.66rem}
.site-footer{padding:28px 0 18px}

@media(max-width:1100px){
  .hero h1{max-width:820px}.hero-trust-row{max-width:760px}
  .editorial-intro-copy{padding-inline:44px}
  .layout-details{margin:0;padding:34px}
  .facility-phase{padding-inline:24px}.facility-phase .facility-plan img{height:390px}
}

@media(max-width:820px){
  html{scroll-padding-top:68px}body{padding-bottom:84px}main section[id]{scroll-margin-top:68px}
  .menu-toggle{min-width:48px;min-height:48px}
  .hero{height:auto;min-height:780px}.hero-content{height:auto;min-height:780px;padding:108px 0 54px;justify-content:flex-end}
  .hero h1{max-width:650px;font-size:clamp(2.8rem,9vw,4rem);line-height:.98}
  .hero-statement{max-width:620px;font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-secondary{min-height:48px;align-self:flex-start}
  .hero-trust-row{grid-template-columns:1fr 1fr;gap:11px 0;margin-top:18px;padding-top:14px}.hero-trust-row li{padding-left:0;font-size:.63rem}
  .editorial-intro{grid-template-columns:1fr;min-height:0}.editorial-intro-copy{padding:56px 24px 46px}.editorial-intro-copy h2{font-size:clamp(2.45rem,7.8vw,3.55rem)}.editorial-intro-image{min-height:390px;clip-path:none}
  .compare-section{padding-block:58px}.compare-grid .phase{grid-template-rows:330px 1fr}.compare-grid .phase-media{height:330px}
  .compare-help{align-items:stretch}.compare-help .button{width:100%}
  .connection-story{padding:68px 0 62px}.connection-copy{padding-bottom:42px}.connection-copy h2{font-size:clamp(2.65rem,8vw,3.8rem)}.connection-actions .button{min-height:52px}
  .layouts-section{padding-top:66px}.layout-heading{margin-bottom:30px}.layout-heading h2{font-size:clamp(2.55rem,8vw,3.65rem)}
  .phase-tabs{overflow-x:auto;scrollbar-width:none}.phase-tabs button{flex:0 0 190px;min-width:190px}.layout-filters,.variant-buttons{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.layout-filters button,.variant-buttons button{flex:0 0 auto}
  .plan-canvas{min-height:430px}.plan-view{height:340px}.layout-details{padding:32px 22px}.phase3-spec-strip{margin-top:44px}
  .lifestyle-section{padding:68px 0 76px;background:var(--navy)}.lifestyle-heading h2{font-size:clamp(2.55rem,8vw,3.65rem)}.project-gallery{height:auto;margin-top:32px}
  .facilities-section{padding:66px 0 72px}.facilities-heading h2{font-size:clamp(2.55rem,8vw,3.65rem)}.facility-phase{padding:32px 0 42px}.facility-phase .facility-plan img{height:auto;min-height:320px}
  .faq-section{padding:64px 0}.faq-heading h2{font-size:3rem}.faq-ask{align-items:stretch;flex-direction:column}.faq-ask .button{width:100%}
  .availability-section{min-height:590px;max-height:none}.availability-content h2{font-size:clamp(2.9rem,9vw,4rem)}
  .mobile-cta{display:block;inset:auto 10px calc(8px + env(safe-area-inset-bottom))}.mobile-cta a{min-height:58px;height:58px;flex-direction:row;gap:10px;border-radius:2px}.mobile-cta .wa-icon{width:28px;height:28px;flex-basis:28px}
  .site-footer{padding-bottom:28px}
}

@media(max-width:540px){
  :root{--shell:min(100% - 30px,1360px)}
  .hero{min-height:800px}.hero-content{min-height:800px;padding-bottom:48px}.hero h1{font-size:clamp(2.55rem,11vw,3.25rem)}.hero-statement{font-size:.94rem;line-height:1.43}.hero-info{font-size:.59rem}
  .hero-trust-row{gap:9px 10px}.hero-trust-row li{font-size:.58rem}
  .fact-ribbon{height:56px}.fact-track{gap:15px}
  .editorial-intro-copy{padding:48px 20px 40px}.editorial-intro-copy h2{font-size:2.55rem}.editorial-intro-image{min-height:330px}.selling-point-list{margin-top:24px}.selling-point-list li{padding-block:12px}.selling-point-list strong{font-size:.94rem}.selling-point-list span{font-size:.57rem}
  .compare-section{padding-block:50px}.compare-section .section-heading h2{font-size:2.15rem}.compare-grid{gap:22px}.compare-grid .phase{grid-template-rows:225px 1fr}.compare-grid .phase-media{height:225px}.compare-grid .phase-body{padding:23px 21px 26px}.compare-grid .phase h3{font-size:2.15rem}.compare-grid .phase-intro{font-size:.86rem}.compare-grid .phase-highlights{grid-template-columns:1fr}.compare-help{padding:15px}
  .connection-copy{padding-inline:20px}.connection-actions{align-items:stretch}.connection-actions .button{width:100%;white-space:normal;text-align:center}
  .layout-heading h2{font-size:2.7rem}.phase-tabs button{flex-basis:175px;min-width:175px}.plan-canvas{min-height:390px;padding-inline:16px}.plan-view{height:300px;padding:16px}.layout-details dl{grid-template-columns:repeat(3,1fr)}.layout-cta{white-space:normal;text-align:center}
  .lifestyle-heading h2,.facilities-heading h2{font-size:2.75rem}.project-gallery figure,.project-gallery .gallery-feature{height:265px}.project-gallery .gallery-lobby{height:170px}
  .facility-phase .facility-plan img{min-height:280px}.faq-heading h2{font-size:2.65rem}
  .availability-section{min-height:560px}.availability-content h2{font-size:3rem}.availability-actions .button{white-space:normal;text-align:center;padding-inline:16px}
}

@media(max-width:380px){
  .hero h1{font-size:2.42rem}.hero-statement{font-size:.9rem}.hero-actions .button{font-size:.61rem;padding-inline:12px}.hero-trust-row li{font-size:.55rem}
  .compare-grid .phase-body>.button{font-size:.6rem;padding-inline:10px}
  .layout-details{padding-inline:18px}.layout-details dd{font-size:.74rem}.mobile-cta strong{font-size:.7rem}
}

/* Conversion refinement · July 2026 */
.hero{height:min(82svh,760px);min-height:660px}
.hero-content{padding-top:78px}
.hero h1{max-width:830px;font-size:clamp(3.15rem,4.7vw,5rem);line-height:.98}
.hero-statement{max-width:690px;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.48}
.hero-actions{margin:14px 0 11px}
.hero-secondary{opacity:.84}
.hero-info{font-size:.72rem}
.hero-support{background:#eee8dd;border-bottom:1px solid #d7cfc1}
.hero-support ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;padding:15px 0;list-style:none}
.hero-support li{position:relative;padding:3px 18px 3px 26px;border-left:1px solid #d2c9ba;color:#4f5b63;font-size:.66rem;font-weight:680;letter-spacing:.025em}
.hero-support li:first-child{border-left:0}
.hero-support li:before{content:'✓';position:absolute;left:10px;color:var(--brass);font-weight:800}
.hero-support li:first-child:before{left:0}
.fact-ribbon{height:56px}
.editorial-intro{min-height:480px}
.editorial-intro-copy{padding-block:54px}
.editorial-intro-image{min-height:480px}

.connection-story{padding-block:74px 66px}
.connection-route{margin-top:50px}
.layouts-section{padding-top:72px}
.layout-heading{margin-bottom:30px}
.layout-explorer{max-width:1280px}
.phase-tabs{display:grid;width:100%;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:4px}
.phase-tabs button{min-width:0;min-height:62px}
.layout-panel{min-width:0}
.layout-swipe-note{margin:0}
.layout-filters{gap:22px;padding:0 3px 14px}
.layout-filters button{min-height:48px;padding-block:8px}
.layout-display{grid-template-columns:minmax(0,55fr) minmax(360px,45fr);min-height:570px}
.plan-canvas{min-width:0;min-height:570px;padding:18px 34px 28px;justify-content:flex-start}
.layout-navigation{position:static;width:100%;min-height:50px;margin-bottom:4px;border-bottom:1px solid #ded8ce}
.layout-navigation button{display:inline-flex;align-items:center;gap:8px;min-width:112px;min-height:48px;padding:0 8px}
.layout-navigation button:last-child{justify-content:flex-end}
.layout-position{padding:7px 13px;border:1px solid #d6cbb8;background:#f7f4ee;color:#7e663a;letter-spacing:.08em}
.plan-view{height:440px;padding:20px 30px}
.plan-view img{max-height:400px}
.plan-canvas>small{margin-top:4px}
.layout-details{margin:24px 24px 24px -22px;padding:38px 40px}
.layout-title{font-size:clamp(2.2rem,3vw,3.35rem)}
.layout-details dl{margin-block:18px}
.layout-details dl>div{padding-block:11px}
.variant-buttons{margin-bottom:16px}
.layout-note{margin-bottom:16px}
.phase3-spec-strip{margin-top:44px}

.lifestyle-section{padding-block:70px 78px;background:var(--navy)}
.lifestyle-heading{align-items:end;gap:40px}
.lifestyle-heading>p:last-child{max-width:460px;margin-bottom:10px;color:rgba(255,255,255,.68)}
.project-gallery.project-gallery-controlled{display:grid;height:560px;grid-template-columns:minmax(0,1.6fr) minmax(290px,.8fr);grid-template-rows:1fr 1fr;gap:16px;margin-top:34px}
.project-gallery-controlled figure,.project-gallery-controlled .gallery-feature,.project-gallery-controlled .gallery-waterfront,.project-gallery-controlled .gallery-gym{height:auto;min-height:0;margin:0!important;grid-column:auto;grid-row:auto}
.project-gallery-controlled .gallery-feature{grid-row:1/3}
.project-gallery-controlled img{width:100%;height:100%;object-fit:cover}
.project-gallery-controlled .gallery-feature img{object-position:center 48%}
.project-gallery-controlled figcaption{padding:54px 18px 16px;font-size:.7rem}

.facilities-section{padding-block:70px 76px}
.facilities-heading{margin-bottom:34px}
.facility-phase{padding-top:32px}
.facility-phase-copy{min-height:142px}
.facility-phase .facility-plan img{height:400px}
.faq-section{padding-block:66px}
.availability-section{min-height:480px}

@media(max-width:1100px) and (min-width:901px){
  .hero h1{max-width:720px}
  .layout-display{grid-template-columns:minmax(0,55fr) minmax(350px,45fr);min-height:520px}
  .plan-canvas{min-height:520px;padding-inline:22px}
  .plan-view{height:390px;padding-inline:18px}
  .plan-view img{max-height:350px}
  .layout-details{margin:18px 18px 18px -18px;padding:28px}
  .layout-details dl{grid-template-columns:repeat(3,minmax(0,1fr))}
  .layout-details dd{font-size:.82rem}
  .layout-title{font-size:2.35rem}
}

@media(max-width:900px){
  .hero-support ul{grid-template-columns:1fr 1fr;padding-block:12px}
  .hero-support li:nth-child(3){border-left:0}
  .layout-display{grid-template-columns:1fr;min-height:0}
  .plan-canvas{min-height:500px;padding:16px 28px 28px}
  .plan-view{height:410px}
  .plan-view img{max-height:370px}
  .layout-details{max-width:none;margin:0;padding:34px 30px;box-shadow:none;border-top:1px solid #ded8ce}
  .project-gallery.project-gallery-controlled{height:500px;grid-template-columns:1.35fr .85fr}
}

@media(max-width:820px){
  .hero{height:100svh;min-height:650px}
  .hero-content{height:100svh;min-height:650px;padding:96px 0 44px;justify-content:flex-end}
  .hero h1{max-width:610px;font-size:clamp(2.85rem,9.2vw,4rem);line-height:.98}
  .hero-statement{max-width:560px;font-size:.96rem;line-height:1.42}
  .hero-actions{margin:14px 0 8px}
  .hero-info{font-size:.62rem}
  .hero-support li{padding-block:5px;font-size:.62rem}
  .editorial-intro-copy{padding-block:48px 40px}
  .connection-story{padding-block:62px 56px}
  .layouts-section{padding-top:60px}
  .layout-heading{margin-bottom:26px}
  .phase-tabs{display:grid;overflow:visible}
  .phase-tabs button{min-width:0;min-height:58px;padding-inline:12px}
  .layout-filters{gap:18px;overflow-x:auto;flex-wrap:nowrap;overscroll-behavior-inline:contain}
  .layout-filters button{flex:0 0 auto}
  .plan-canvas{min-height:470px;padding:14px 20px 26px}
  .plan-view{height:370px;padding:16px}
  .plan-view img{max-height:335px}
  .variant-buttons{overflow-x:auto;flex-wrap:nowrap;overscroll-behavior-inline:contain}
  .variant-buttons button{flex:0 0 auto;min-height:48px}
  .phase3-spec-strip{margin-top:36px}
  .lifestyle-section{padding-block:62px 68px}
  .lifestyle-heading{display:block}
  .lifestyle-heading>p:last-child{margin-top:12px}
  .project-gallery.project-gallery-controlled{height:470px;margin-top:28px}
  .facilities-section{padding-block:60px 66px}
  .faq-section{padding-block:58px}
  .availability-section{min-height:520px}
  body{padding-bottom:92px}
  .mobile-cta{z-index:120}
  .mobile-cta a{min-height:60px;height:60px}
}

@media(max-width:540px){
  .hero{min-height:650px}
  .hero-content{min-height:650px;padding-top:88px;padding-bottom:36px}
  .hero-image{object-position:61% center}
  .hero h1{max-width:355px;font-size:clamp(2.55rem,11.2vw,3.15rem);margin-bottom:14px}
  .hero-statement{max-width:350px;font-size:.88rem;line-height:1.4}
  .hero-actions .button{min-height:52px}
  .hero-info{max-width:320px;line-height:1.45}
  .hero-support ul{gap:0;padding-block:10px}
  .hero-support li{min-height:38px;padding:6px 8px 6px 23px;font-size:.56rem;display:flex;align-items:center}
  .hero-support li:before,.hero-support li:first-child:before{left:7px}
  .fact-ribbon{height:52px}
  .editorial-intro{min-height:0}
  .editorial-intro-image{min-height:310px}
  .connection-story{padding-block:54px 48px}
  .connection-route{margin-top:38px}
  .layouts-section{padding-top:52px}
  .layout-heading h2{font-size:2.55rem}
  .phase-tabs{gap:4px}
  .phase-tabs button{min-height:56px;font-size:.65rem}
  .phase-tabs small{font-size:.46rem}
  .layout-filters{padding-bottom:10px}
  .plan-canvas{min-height:395px;padding:10px 12px 20px}
  .layout-navigation{margin-bottom:2px}
  .layout-navigation button{min-width:91px;padding-inline:3px;font-size:.57rem}
  .layout-position{font-size:.58rem;padding-inline:9px}
  .plan-view{height:300px;padding:10px}
  .plan-view img{max-height:278px}
  .layout-details{padding:29px 20px 34px}
  .layout-title{font-size:2.35rem}
  .layout-details dl{grid-template-columns:repeat(3,minmax(0,1fr))}
  .layout-details dl>div{padding-inline:5px}
  .layout-details dd{font-size:.76rem;overflow-wrap:anywhere}
  .layout-note{font-size:.66rem}
  .layout-cta{min-height:54px}
  .project-gallery.project-gallery-controlled{height:auto;grid-template-columns:1fr;grid-template-rows:none;gap:12px}
  .project-gallery-controlled .gallery-feature{grid-row:auto;height:320px}
  .project-gallery-controlled .gallery-waterfront,.project-gallery-controlled .gallery-gym{height:220px}
  .facility-phase-copy{min-height:0}
  .facility-phase .facility-plan img{height:auto;min-height:270px}
  .availability-section{min-height:500px}
}

/* Compact residences and flattened layout selection */
.compare-section{padding-block:58px}
.compare-section .section-heading .eyebrow{margin-bottom:12px}
.compare-section .section-heading h2{font-size:clamp(2.2rem,3vw,3rem)}
.compare-section .section-heading>p:not(.eyebrow){margin-top:10px;font-size:.82rem}
.compare-grid{gap:14px;margin-top:22px}
.compare-grid .phase{grid-template-columns:44% 56%;grid-template-rows:none;height:430px}
.compare-grid .phase-media{height:100%}
.compare-grid .phase-two .phase-media img{object-position:58% center}
.compare-grid .phase-three .phase-media img{object-position:52% center}
.compare-grid .phase-body{padding:22px 20px 20px}
.compare-grid .phase-kicker{margin-bottom:6px;font-size:.56rem}
.compare-grid .phase h3{margin-bottom:8px;font-size:clamp(1.65rem,2vw,2.2rem)}
.compare-grid .phase-intro{min-height:0;margin-bottom:7px;font-size:.78rem;line-height:1.42}
.compare-grid .phase-highlights{margin:7px 0;padding:5px 0}
.compare-grid .phase-highlights li{padding:4px 0;font-size:.67rem;line-height:1.35}
.compare-grid .text-link{min-height:40px;margin-bottom:6px;font-size:.68rem}
.compare-grid .phase-body>.button{min-height:48px;padding:10px 12px;font-size:.6rem;line-height:1.25}
.compare-help{min-height:54px;margin-top:14px;padding:9px 13px}
.compare-help strong{font-size:1rem}
.compare-help .button{min-height:48px}

.layout-options-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 2px 8px;color:#6e777d;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.layout-options-heading strong{color:var(--navy);font-size:.66rem}
.layout-options{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c7b78f transparent}
.layout-option{flex:0 0 auto;min-width:158px;min-height:60px;padding:10px 13px;border:1px solid #d5cec2;background:#f8f6f1;color:#55616a;text-align:left;cursor:pointer;scroll-snap-align:center;transition:background .2s,color .2s,border-color .2s}
.layout-option strong,.layout-option small{display:block;white-space:nowrap}
.layout-option strong{font-size:.69rem;letter-spacing:.015em}
.layout-option small{margin-top:4px;color:inherit;font-size:.55rem;opacity:.7}
.layout-option.active,.layout-option[aria-selected=true]{border-color:var(--navy);background:var(--navy);color:#fff}
.layout-dualkey{display:inline-flex;margin:0 0 8px;padding:5px 8px;background:#efe8db;color:#7c6539;font-size:.57rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.layout-dualkey[hidden]{display:none}
.plan-view{grid-template-rows:minmax(0,1fr) auto;gap:8px}
.plan-enlarge-label{padding-bottom:2px;color:#7b858b;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.layout-details .layout-summary{margin-bottom:0}
.layout-details dl{margin-block:16px}
.layout-note{margin-top:0}
.lightbox img{touch-action:pinch-zoom}
.mobile-cta{transition:transform .25s ease,opacity .25s ease}

@media(max-width:1100px) and (min-width:901px){
  .compare-grid .phase{height:470px;grid-template-columns:42% 58%}
  .compare-grid .phase-body{padding:20px 17px 18px}
  .compare-grid .phase h3{font-size:1.8rem}
  .compare-grid .phase-intro{font-size:.73rem}
  .compare-grid .phase-highlights li{font-size:.63rem}
  .compare-grid .phase-body>.button{font-size:.55rem}
  .layout-option{min-width:150px}
}

@media(max-width:900px){
  .compare-section{padding-block:48px}
  .compare-grid{max-width:760px}
  .compare-grid .phase{grid-template-columns:42% 58%;grid-template-rows:none;height:360px}
  .compare-grid .phase-media{height:100%}
  .compare-grid .phase-body{padding:21px 22px}
  .compare-grid .phase h3{font-size:2rem}
  .compare-grid .phase-intro{font-size:.78rem}
  .compare-help{max-width:760px}
  .layout-options{padding-bottom:13px}
}

@media(max-width:820px){
  .layout-options-heading span{font-size:.56rem}
  .layout-option{min-width:168px;min-height:64px;padding:11px 13px}
  .mobile-cta.is-suppressed{transform:translateY(calc(100% + 28px));opacity:0;pointer-events:none}
  .layout-navigation button,.layout-option,.layout-cta{scroll-margin-block:90px}
}

@media(max-width:620px){
  .compare-section .section-heading>p:not(.eyebrow){font-size:.76rem}
  .compare-grid .phase{display:grid;height:auto;grid-template-columns:1fr;grid-template-rows:190px auto}
  .compare-grid .phase-media{height:190px}
  .compare-grid .phase-body{min-height:318px;padding:22px 20px 23px}
  .compare-grid .phase h3{font-size:2rem}
  .compare-grid .phase-intro{font-size:.8rem}
  .compare-grid .phase-highlights li{font-size:.68rem}
  .compare-help{padding:13px;align-items:stretch}
  .layout-options-heading{display:block;margin-bottom:9px}
  .layout-options-heading span{display:block;margin-top:3px}
  .layout-options{margin-inline:-15px;padding-inline:15px}
  .layout-option{min-width:175px;min-height:66px}
  .plan-enlarge-label{font-size:.56rem}
}

/* Compact location schematic and final homepage structure */
.location-section{padding:76px 0;background:var(--architectural);color:var(--ink)}
.location-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:clamp(42px,6vw,90px);align-items:center}
.location-graphic{min-width:0;border:1px solid #d6cec0;background:#f5f1e9;box-shadow:0 24px 70px rgba(8,27,42,.08)}
.location-graphic-head{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:0 20px;border-bottom:1px solid #d6cec0;color:var(--navy);font-size:.64rem;font-weight:760;letter-spacing:.11em;text-transform:uppercase}
.location-graphic-head small{color:#7b8489;font-size:.54rem;font-weight:600;letter-spacing:.08em}
.location-stage{position:relative;height:480px;overflow:hidden;background:linear-gradient(145deg,#f7f4ed 0 58%,#eee8de 58% 100%)}
.location-stage:before,.location-stage:after{content:'';position:absolute;pointer-events:none}
.location-stage:before{inset:8% 7% 10%;background:linear-gradient(90deg,transparent 49.7%,rgba(180,166,139,.22) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(180,166,139,.2) 50%,transparent 50.3%);background-size:92px 92px;transform:rotate(-8deg)}
.location-stage:after{left:0;bottom:0;width:39%;height:43%;background:linear-gradient(145deg,rgba(79,124,148,.12),rgba(28,79,106,.27));clip-path:polygon(0 16%,100% 0,78% 100%,0 100%)}
.waterfront-field{position:absolute;z-index:1;left:18px;bottom:20px;width:32%;height:31%;border-left:1px solid rgba(180,202,211,.7);color:#668496}
.waterfront-field span{position:absolute;left:10px;bottom:8px;font:italic 400 .8rem var(--serif);letter-spacing:.05em}
.route-legend{position:absolute;z-index:5;left:18px;top:18px;display:grid;gap:6px;width:255px;color:#667178;font-size:.49rem;font-weight:760;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.route-legend span{display:flex;align-items:flex-start;gap:8px}.route-legend span:before{content:'';flex:0 0 22px;margin-top:5px;border-top:3px solid var(--champagne)}.route-legend .legend-onward:before{border-top:2px dashed #859098}
.location-node{position:absolute;z-index:4;width:174px;padding:14px 15px;background:#fff;border:1px solid #d7d0c5;box-shadow:0 12px 28px rgba(8,27,42,.1)}
.location-node i{display:block;margin-bottom:6px;color:var(--champagne);font-size:.54rem;font-style:normal;font-weight:760;letter-spacing:.12em}
.location-node strong,.location-node small{display:block}.location-node strong{font:400 1.03rem/1.08 var(--serif)}.location-node small{margin-top:5px;color:#748087;font-size:.56rem;line-height:1.35}
.node-home{left:7%;top:54%;width:192px;background:var(--navy);border-color:var(--navy);color:#fff}.node-home small{color:rgba(255,255,255,.6)}
.node-mall{left:37%;top:40%}.node-ciq{right:5%;top:16%;width:188px}.node-rts{right:6%;bottom:10%;border-style:dashed;background:#f8f5ef}
.covered-route,.onward-route{position:absolute;z-index:2;height:3px;transform-origin:left center}
.covered-route{left:26%;top:53%;width:49%;background:var(--champagne);transform:rotate(-25deg)}
.covered-route:before,.covered-route:after{content:'';position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:var(--champagne);transform:translateY(-50%)}.covered-route:before{left:0}.covered-route:after{right:0}
.covered-route span,.onward-route span{display:none}
.onward-route{right:14%;top:51%;width:23%;border-top:2px dashed #859098;transform:rotate(72deg)}
.location-content h2{max-width:620px;margin:0 0 22px;font-size:clamp(2.65rem,4.1vw,4.5rem);line-height:.96}
.location-lead{max-width:590px;margin:0;color:#4f5b63;font:400 clamp(1.04rem,1.35vw,1.24rem)/1.5 var(--serif)}
.travel-summary{margin:27px 0 25px;border-top:1px solid #d7d0c5}
.travel-summary>div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid #d7d0c5}
.travel-summary dt{color:#947b4c;font-size:.58rem;font-weight:760;letter-spacing:.09em;text-transform:uppercase}.travel-summary dd{margin:0;color:#556169;font-size:.72rem}
.location-actions{display:flex;gap:9px;align-items:stretch}.location-actions .button{min-height:52px;padding-inline:20px;white-space:normal;text-align:center}.location-actions .button-dark{background:var(--navy);color:#fff}
.lifestyle-action{display:flex;justify-content:center;margin-top:26px}.lifestyle-action .button{min-height:52px}

@media(max-width:900px){
  .location-grid{grid-template-columns:1fr;max-width:820px}.location-content{max-width:720px}.location-stage{height:450px}
}

@media(max-width:820px){
  .location-section{padding:60px 0}.location-grid{gap:35px}.location-stage{height:440px}.location-content h2{font-size:clamp(2.55rem,8vw,3.7rem)}
  .location-actions{flex-direction:column}.location-actions .button{width:100%}
  .lifestyle-action{margin-top:22px}.lifestyle-action .button{width:100%}
}

@media(max-width:540px){
  .location-section{padding:52px 0}.location-graphic-head{padding-inline:14px}.location-graphic-head small{font-size:.48rem}.location-stage{height:500px}
  .location-node{width:43%;padding:12px}.location-node strong{font-size:.94rem}.node-home{left:5%;top:66%;width:46%}.node-mall{left:6%;top:35%}.node-ciq{right:5%;top:8%;width:47%}.node-rts{right:5%;bottom:7%;width:43%}
  .route-legend{left:12px;top:12px;width:142px;font-size:.43rem}.route-legend span:before{flex-basis:16px}
  .covered-route{left:27%;top:62%;width:63%;transform:rotate(-58deg)}.covered-route span{display:none}
  .onward-route{right:18%;top:47%;width:25%;transform:rotate(90deg)}.onward-route span{display:none}
  .waterfront-field{width:40%;height:25%}
  .location-content h2{font-size:2.65rem}.location-lead{font-size:1rem}.travel-summary>div{grid-template-columns:1fr;gap:4px}.location-actions .button{font-size:.62rem}
  .lifestyle-action .button{font-size:.61rem;white-space:normal;text-align:center}
}

/* Final cascade lock for the scope-corrected components */
.compare-section{padding-block:52px}
.compare-section .section-heading h2{font-size:clamp(2.15rem,2.8vw,2.9rem)}
.compare-section .section-heading>p:not(.eyebrow){margin-top:8px}
.compare-grid{gap:16px;margin-top:22px;align-items:stretch}
.compare-grid .phase{display:grid;height:505px;grid-template-columns:1fr;grid-template-rows:220px minmax(0,1fr);overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.14)}
.compare-grid .phase-media{height:220px}
.compare-grid .phase-media img{width:100%;height:100%;object-fit:cover}
.compare-grid .phase-two .phase-media img{object-position:center 53%}
.compare-grid .phase-three .phase-media{background:#d9e1e8}
.compare-grid .phase-three .phase-media img{object-position:center 74%;transform:scale(1.12)}
.compare-grid .phase-three:hover .phase-media img{transform:scale(1.14)}
.compare-grid .phase-body{display:flex;min-height:0;flex-direction:column;padding:19px 22px 20px}
.compare-grid .phase-kicker{margin-bottom:4px;font-size:.54rem}
.compare-grid .phase h3{margin-bottom:6px;font-size:1.9rem;line-height:1}
.compare-grid .phase-intro{min-height:0;margin-bottom:5px;font-size:.73rem;line-height:1.4}
.compare-grid .phase-highlights{display:grid;grid-template-columns:1fr;margin:5px 0 7px;padding:5px 0}
.compare-grid .phase-highlights li{padding:3px 0;font-size:.63rem;line-height:1.3}
.compare-grid .text-link{min-height:32px;margin:0 0 5px;font-size:.62rem}
.compare-grid .phase-body>.button{min-height:46px;margin-top:auto;padding:9px 12px;font-size:.57rem;line-height:1.2}
.compare-help{height:88px;min-height:88px;margin-top:16px;padding:13px 18px}
.compare-help strong{font-size:1.08rem}
.compare-help .button{min-height:48px}
.phase-tabs{display:grid;width:min(100%,390px);grid-template-columns:1fr 1fr;gap:4px;overflow:visible;padding:4px;border:1px solid #cec6b9;background:#e9e4da}
.phase-tabs button{min-width:0;min-height:50px;padding:10px 18px;border:0;background:transparent;color:#626d74;font:760 .66rem/1 var(--sans);letter-spacing:.12em;text-align:center;text-transform:uppercase}
.phase-tabs button[aria-selected=true]{border:0;background:#f8f4eb;color:var(--navy);box-shadow:0 4px 15px rgba(8,27,42,.09)}
.phase-tabs button:nth-child(2)[aria-selected=true]{background:#203b52;color:#fff}
.layout-panel{margin-top:12px}
.layout-options-heading{margin:0;padding:15px 20px 7px}
.layout-options{gap:7px;margin-inline:0;padding:0 20px 14px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}
.layout-option{display:grid;place-items:center;flex:0 0 auto;min-width:52px;width:auto;min-height:48px;padding:8px 15px;border-radius:0;text-align:center;scroll-snap-align:center}
.layout-option strong{font-size:.7rem;line-height:1;white-space:nowrap}
.layout-option small{display:none}
.layout-display{grid-template-columns:minmax(0,55%) minmax(0,45%);min-height:0}
.plan-canvas{min-height:500px;padding:18px 22px 22px}
.layout-navigation{margin-bottom:8px}
.plan-view{height:420px;min-height:0;padding:18px 24px}
.plan-view img{max-height:370px}
.layout-details{align-self:stretch;margin:0;padding:38px clamp(26px,3vw,44px);box-shadow:none}
.layout-title{margin-bottom:8px;font-size:clamp(2.35rem,3.4vw,3.3rem)}
.layout-details .layout-summary{color:#59636b;font:400 1rem/1.35 var(--serif)}
.layout-details dl{margin-block:20px}
.layout-note{margin-bottom:18px}
.lifestyle-section{padding-bottom:56px}

@media(max-width:900px){
  .compare-grid{grid-template-columns:1fr;max-width:720px}
  .compare-grid .phase{height:auto;grid-template-columns:1fr;grid-template-rows:245px auto}
  .compare-grid .phase-media{height:245px}
  .compare-grid .phase-body{min-height:282px;padding:21px 23px 23px}
  .compare-help{height:auto;min-height:88px}
  .layout-display{grid-template-columns:1fr}
  .plan-canvas{min-height:430px;padding:16px 20px 22px}
  .plan-view{height:350px;padding:14px 20px;border-right:0;border-bottom:1px solid #e5e1d9}
  .plan-view img{max-height:315px}
  .layout-details{padding:32px 25px 36px}
}

@media(max-width:620px){
  .compare-section{padding-block:46px}
  .compare-grid .phase{grid-template-rows:195px auto}
  .compare-grid .phase-media{height:195px}
  .compare-grid .phase-body{min-height:318px;padding:21px 20px 23px}
  .compare-grid .phase h3{font-size:2rem}
  .compare-grid .phase-intro{font-size:.76rem}
  .compare-grid .phase-highlights li{font-size:.65rem}
  .compare-grid .phase-body>.button{width:100%;min-height:50px}
  .compare-help{height:auto;min-height:0;padding:14px;gap:11px}
  .phase-tabs{width:100%}
  .phase-tabs button{min-width:0;min-height:50px}
  .layout-options-heading{padding-inline:15px}
  .layout-options{margin-inline:0;padding:0 15px 13px}
  .layout-option{min-width:48px;min-height:48px;padding-inline:14px}
  .plan-canvas{min-height:370px;padding:10px 12px 18px}
  .plan-view{height:300px;padding:8px 12px}
  .plan-view img{max-height:272px}
  .layout-details{padding:28px 20px 32px}
  .layout-title{font-size:2.35rem}
  .layout-details .layout-summary{font-size:.92rem}
  .lifestyle-section{padding-bottom:48px}
}

/* Floor-plan explorer - final cascade override */
.layout-cta-mobile,.layout-mobile-facts{display:none}
.layout-options-heading{margin-bottom:10px}
.layout-options-heading strong{font-size:1.0625rem;letter-spacing:.07em}
.layout-options{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:0 20px 18px;scroll-snap-type:none}
.layout-option{flex:0 0 auto;min-width:58px;min-height:50px;padding:8px 15px}
.layout-option strong{font-size:1.0625rem;line-height:1}
.layout-option:focus-visible,.phase-tabs button:focus-visible,.plan-view:focus-visible{outline:3px solid #c4a66d;outline-offset:3px}
.layout-display{grid-template-columns:minmax(0,55fr) minmax(360px,45fr);min-height:540px;align-items:stretch}
.plan-canvas{min-height:540px;padding:24px 32px;justify-content:center}
.plan-view{order:0;height:480px;overflow:hidden}
.plan-view img{width:100%;height:100%;max-height:none;object-fit:contain}
.plan-enlarge-label{font-size:.95rem;letter-spacing:.08em}
.layout-details{align-self:stretch;margin:0;padding:clamp(38px,4vw,58px);display:flex;flex-direction:column;justify-content:center;box-shadow:none}
.layout-phase{font-size:1rem;line-height:1.35}
.layout-title{margin-bottom:12px;font-size:clamp(3.625rem,4.7vw,4.25rem)}
.layout-details dl{grid-template-columns:.9fr .9fr 1.2fr;margin:20px 0 22px}
.layout-details dl>div{padding:16px 12px}
.layout-details dt{font-size:.95rem;line-height:1.35}
.layout-details dd{margin-top:7px;font-size:1.6rem;line-height:1.25}
.layout-size{white-space:nowrap}
.layout-note{margin-bottom:22px;font-size:1.08rem;line-height:1.55}
.layout-cta-desktop{min-height:60px;font-size:1.125rem;letter-spacing:.045em}

@media(max-width:900px){
  .layout-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;overflow:visible;padding:0 0 13px}
  .layout-panel[data-phase="phase3"] .layout-options{grid-template-columns:repeat(5,minmax(0,1fr))}
  .layout-option{width:100%;min-width:0;min-height:46px;padding:7px 4px}
  .layout-option strong{font-size:.76rem}
  .layout-panel[data-phase="phase3"] .layout-option strong{font-size:.7rem}
  .layout-display{grid-template-columns:minmax(0,55fr) minmax(330px,45fr);min-height:500px}
  .plan-canvas{min-height:500px;padding:20px}
  .plan-view{height:440px}
  .layout-details{padding:34px 28px}
  .layout-title{font-size:3.625rem}
  .layout-details dt{font-size:.92rem}
  .layout-details dd{font-size:1.5rem}
  .layout-note{font-size:1rem}
  .layout-cta-desktop{padding-inline:14px;font-size:.95rem;letter-spacing:.02em;white-space:nowrap}
}

@media(max-width:600px){
  .layouts-section{padding-top:44px}
  .layout-heading{margin-bottom:18px}
  .layout-heading .eyebrow{margin-bottom:10px}
  .layout-heading h2{font-size:2.25rem}
  .layout-heading>div p{margin-top:9px;font-size:.75rem;line-height:1.45}
  .phase-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-bottom:8px;overflow:visible}
  .phase-tabs button{min-width:0;min-height:56px;padding:8px 10px}
  .layout-panel{margin-top:6px}
  .layout-options-heading{margin:0;padding:8px 0 6px}
  .layout-options-heading strong{font-size:.75rem;letter-spacing:.09em}
  .layout-options{gap:6px;padding-bottom:8px}
  .layout-option{min-height:48px;padding-inline:2px}
  .layout-option strong,.layout-panel[data-phase="phase3"] .layout-option strong{font-size:clamp(.66rem,3.2vw,.78rem);letter-spacing:0}
  .layout-panel[data-phase="phase3"] .layout-option:first-child strong{font-size:.62rem}
  .layout-display{grid-template-columns:1fr;min-height:0}
  .plan-canvas{min-height:0;padding:4px 8px 12px;background:var(--architectural)}
  .plan-view{height:clamp(235px,38vh,320px);min-height:0;padding:2px 6px 0;border:0}
  .plan-enlarge-label{margin-top:0;padding:0 0 2px;font-size:.75rem}
  .layout-mobile-facts{display:grid;grid-template-columns:.82fr 1.35fr 1.05fr;width:100%;margin:7px 0 0;border-block:1px solid #d8d1c6;background:#f7f4ee}
  .layout-mobile-facts>div{display:flex;min-width:0;min-height:58px;padding:7px 5px;flex-direction:column;align-items:center;justify-content:center;text-align:center}
  .layout-mobile-facts>div+div{border-left:1px solid #d8d1c6}
  .layout-mobile-facts span{color:#7a6950;font-size:.51rem;font-weight:750;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}
  .layout-mobile-facts strong{max-width:100%;color:var(--navy);font-size:.66rem;font-weight:750;letter-spacing:.015em;line-height:1.3;text-transform:uppercase;white-space:nowrap}
  .layout-mobile-facts small{margin-top:1px;color:#8a6f3f;font-size:.5rem;font-weight:750;letter-spacing:.06em;line-height:1.15;text-transform:uppercase}
  .layout-mobile-facts small[hidden]{display:none}
  .layout-cta-mobile{display:flex;width:100%;min-height:54px;margin:7px auto 0;font-size:.78rem;letter-spacing:.035em;white-space:nowrap}
  .layout-cta-desktop{display:none}
  .layout-details{display:none}
}

@media(max-width:370px){
  .layout-cta-mobile{font-size:.69rem;letter-spacing:.02em}
}

/* Explore the Residences - compact matched-card presentation */
.compare-section{padding-block:46px}
.compare-section .section-heading.centered{max-width:900px}
.compare-section .section-heading .eyebrow{margin-bottom:10px}
.compare-section .section-heading h2{font-size:clamp(2.3rem,3vw,3rem)}
.compare-section .section-heading>p:not(.eyebrow){max-width:720px;margin-top:9px;font-size:.88rem;line-height:1.55}
.compare-grid{gap:18px;margin-top:26px;align-items:stretch}
.compare-grid .phase{display:flex;height:auto;min-width:0;flex-direction:column;overflow:hidden;border:0;box-shadow:0 18px 44px rgba(0,0,0,.16)}
.compare-grid .phase-media{flex:none;width:100%;height:clamp(260px,21vw,310px);overflow:hidden;background:#d5dde3}
.compare-grid .phase-media img{width:100%;height:100%;object-fit:cover;transform:none;transition:none}
.compare-grid .phase-two .phase-media img{object-position:center 54%}
.compare-grid .phase-three .phase-media img{object-position:center 50%;transform:none}
.compare-grid .phase-three:hover .phase-media img{transform:none}
.compare-grid .phase-body{display:flex;min-height:272px;flex:1;flex-direction:column;padding:26px 29px 28px}
.compare-grid .phase-two .phase-body{background:#eee9df;color:var(--ink)}
.compare-grid .phase-three .phase-body{background:#233f55;color:#fff}
.compare-grid .phase-kicker{margin:0 0 7px;color:var(--champagne);font-size:.67rem;letter-spacing:.14em}
.compare-grid .phase h3{margin:0 0 10px;font-size:clamp(2.1rem,2.7vw,2.75rem);line-height:1}
.compare-grid .phase-intro{min-height:46px;margin:0;color:inherit;font:400 .91rem/1.48 var(--serif);opacity:.78}
.compare-grid .phase-highlights{display:flex;min-height:58px;flex-wrap:wrap;align-content:flex-start;gap:7px;margin:16px 0 20px;padding:0;border:0;list-style:none}
.compare-grid .phase-highlights li{padding:7px 10px;color:inherit;border:0;background:rgba(11,27,43,.07);font-size:.68rem;font-weight:720;letter-spacing:.02em;line-height:1.25}
.compare-grid .phase-three .phase-highlights li{background:rgba(255,255,255,.1)}
.compare-grid .phase-highlights li:before{content:none}
.compare-grid .phase-body>.button{width:auto;min-width:360px;min-height:54px;margin-top:auto;align-self:flex-start;padding:12px 18px;font-size:.72rem;line-height:1.2;white-space:nowrap}
.compare-grid .phase-two .phase-body>.button{background:var(--navy);color:#fff}
.compare-grid .phase-three .phase-body>.button{background:var(--ivory);color:var(--navy)}

@media(max-width:1100px){
  .compare-section{padding-block:42px}
  .compare-grid{gap:14px}
  .compare-grid .phase-body{padding:23px 22px 24px}
  .compare-grid .phase-intro{font-size:.84rem}
  .compare-grid .phase-body>.button{width:100%;min-width:0;padding-inline:12px;font-size:.64rem}
}

@media(min-width:821px) and (max-width:1100px){
  .compare-grid{max-width:none}
}

@media(max-width:820px){
  .compare-section{padding-block:44px}
  .compare-grid{grid-template-columns:1fr;max-width:720px;gap:16px;margin-inline:auto}
  .compare-grid .phase-media{height:clamp(245px,40vw,300px)}
  .compare-grid .phase-body{min-height:250px;padding:24px 26px 26px}
  .compare-grid .phase-intro{min-height:0}
  .compare-grid .phase-highlights{min-height:0}
}

@media(max-width:540px){
  .compare-section{padding-block:38px}
  .compare-section .section-heading .eyebrow{margin-bottom:8px}
  .compare-section .section-heading h2{font-size:2.15rem}
  .compare-section .section-heading>p:not(.eyebrow){font-size:.78rem}
  .compare-grid{gap:14px;margin-top:20px}
  .compare-grid .phase-media{height:225px}
  .compare-grid .phase-body{min-height:268px;padding:21px 20px 23px}
  .compare-grid .phase h3{font-size:2.05rem}
  .compare-grid .phase-intro{font-size:.81rem}
  .compare-grid .phase-highlights{gap:6px;margin:14px 0 17px}
  .compare-grid .phase-highlights li{padding:6px 8px;font-size:.64rem}
  .compare-grid .phase-body>.button{min-height:54px;font-size:.59rem;letter-spacing:.035em}
}

/* Project Highlights - editorial project overview */
.project-highlights{padding:64px 0 68px;background:var(--ivory);border:0;color:var(--ink)}
.project-highlights-editorial{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);grid-template-areas:"visual intro" "visual list" "action list";column-gap:clamp(42px,5vw,76px);row-gap:20px;align-items:start}
.project-highlights-intro{grid-area:intro;padding-top:3px}
.project-highlights-intro .eyebrow{margin:0 0 13px;font-size:.7rem}
.project-highlights-intro h2{max-width:690px;margin:0;color:var(--navy);font-size:clamp(3.25rem,4vw,4rem);line-height:.98;letter-spacing:-.035em}
.project-highlights-intro h2 span{display:block;color:#395164;font-size:.77em;font-style:italic;font-weight:400;letter-spacing:-.025em}
.project-highlights-intro>p:last-child{max-width:660px;margin:19px 0 0;color:#59656d;font-size:1.1rem;line-height:1.55}
.project-highlights-visual{grid-area:visual;min-width:0;margin:0}
.project-highlights-frame{position:relative;aspect-ratio:4/3;padding:7px;overflow:hidden;background:var(--navy);box-shadow:14px 14px 0 #ddd3c1}
.project-highlights-frame:after{position:absolute;content:"";inset:7px;border:1px solid rgba(197,161,97,.75);pointer-events:none}
.project-highlights-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%}
.project-highlights-visual figcaption{margin:16px 0 0;color:#746b60;font-size:.72rem;font-weight:680;letter-spacing:.09em;text-transform:uppercase}
.project-highlights-list{grid-area:list;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;column-gap:32px;align-self:stretch}
.project-highlights-list article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;min-height:102px;padding:18px 0 15px;border-bottom:1px solid #d8d0c3}
.project-highlights-list article:nth-child(1),.project-highlights-list article:nth-child(4){border-top:1px solid #d8d0c3}
.project-highlights-list article>span{display:block;margin:1px 0 0;color:var(--champagne);font-size:.84rem;font-weight:780;letter-spacing:.12em}
.project-highlights-list article h3{margin:0 0 6px;color:var(--navy);font:760 .96rem/1.25 var(--sans);letter-spacing:.035em;text-transform:uppercase}
.project-highlights-list article p{margin:0;color:#69747a;font-size:.91rem;line-height:1.47}
.project-highlights-action{grid-area:action;padding-top:3px}
.project-highlights-action .button{width:100%;min-height:56px;padding-inline:18px;font-size:.78rem;letter-spacing:.055em}
.project-highlights-action p{margin:10px 0 0;color:#746b60;font-size:.78rem;line-height:1.45;text-align:center}

@media(max-width:1180px){
  .project-highlights{padding-block:56px 60px}
  .project-highlights-editorial{column-gap:36px;row-gap:17px}
  .project-highlights-intro h2{font-size:3rem}
  .project-highlights-intro>p:last-child{margin-top:15px;font-size:1rem}
  .project-highlights-list{column-gap:24px}
  .project-highlights-list article{grid-template-columns:27px minmax(0,1fr);gap:8px;min-height:97px;padding-block:15px 13px}
  .project-highlights-list article h3{font-size:.84rem}
  .project-highlights-list article p{font-size:.8rem}
  .project-highlights-action .button{font-size:.69rem}
}

@media(max-width:900px){
  .project-highlights{padding-block:50px 55px}
  .project-highlights-editorial{grid-template-columns:1fr;grid-template-areas:"intro" "visual" "list" "action";gap:0;max-width:720px}
  .project-highlights-intro{margin-bottom:28px}
  .project-highlights-intro h2{max-width:650px;font-size:clamp(2.85rem,7vw,3.65rem)}
  .project-highlights-intro>p:last-child{max-width:670px;font-size:1rem}
  .project-highlights-visual{margin-bottom:31px}
  .project-highlights-frame{aspect-ratio:16/10;box-shadow:11px 11px 0 #ddd3c1}
  .project-highlights-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;column-gap:28px;margin-bottom:26px}
  .project-highlights-list article{min-height:105px}
  .project-highlights-list article:nth-child(2){border-top:1px solid #d8d0c3}
  .project-highlights-list article:nth-child(4){border-top:0}
  .project-highlights-list article h3{font-size:.91rem}
  .project-highlights-list article p{font-size:.86rem}
  .project-highlights-action{padding:0}
  .project-highlights-action .button{min-height:58px;font-size:.76rem}
}

@media(max-width:540px){
  .project-highlights{padding-block:39px 44px}
  .project-highlights-intro{margin-bottom:22px}
  .project-highlights-intro .eyebrow{margin-bottom:10px;font-size:.62rem}
  .project-highlights-intro h2{font-size:2.6rem;line-height:1}
  .project-highlights-intro h2 span{margin-top:3px;font-size:.7em}
  .project-highlights-intro>p:last-child{margin-top:14px;font-size:.85rem;line-height:1.5}
  .project-highlights-visual{margin-bottom:25px}
  .project-highlights-frame{aspect-ratio:4/3;padding:5px;box-shadow:8px 8px 0 #ddd3c1}
  .project-highlights-frame:after{inset:5px}
  .project-highlights-visual figcaption{margin-top:12px;font-size:.59rem;letter-spacing:.065em}
  .project-highlights-list{column-gap:15px;margin-bottom:21px}
  .project-highlights-list article{grid-template-columns:24px minmax(0,1fr);gap:6px;min-height:119px;padding:13px 0 12px}
  .project-highlights-list article>span{font-size:.69rem}
  .project-highlights-list article h3{font-size:.71rem;line-height:1.28}
  .project-highlights-list article p{font-size:.7rem;line-height:1.42}
  .project-highlights-action .button{width:100%;min-height:56px;padding-inline:10px;font-size:.68rem;letter-spacing:.035em;white-space:nowrap}
  .project-highlights-action p{font-size:.7rem}
}

@media(max-width:374px){
  .project-highlights-intro h2{font-size:2.35rem}
  .project-highlights-list{grid-template-columns:1fr}
  .project-highlights-list article{min-height:0}
  .project-highlights-list article:nth-child(2){border-top:0}
  .project-highlights-action .button{font-size:.63rem;letter-spacing:.02em}
}

/* Two-section refinement: concise highlights and tighter residence cards */
.project-highlights{padding-block:52px 56px}
.project-highlights-editorial{grid-template-areas:"visual intro" "visual list" "action list";row-gap:19px;align-items:start}
.project-highlights-intro{align-self:end;padding-top:0}
.project-highlights-intro .eyebrow{margin-bottom:12px}
.project-highlights-intro h2{max-width:620px;font-size:clamp(3rem,3.7vw,3.7rem);line-height:1}
.project-highlights-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:0 34px;margin:0;padding:0;align-self:start;list-style:none}
.project-highlights-list li{display:flex;min-width:0;min-height:61px;gap:12px;align-items:center;padding:14px 0;border:0;border-bottom:1px solid rgba(42,59,71,.14)}
.project-highlights-list li:nth-child(1),.project-highlights-list li:nth-child(4){border-top:1px solid rgba(42,59,71,.14)}
.project-highlights-list li>span{flex:none;color:var(--champagne);font-size:.9rem;font-weight:800;line-height:1}
.project-highlights-list li strong{color:var(--navy);font:720 clamp(1.05rem,1.25vw,1.3rem)/1.3 var(--sans);letter-spacing:.005em}
.project-highlights-action{padding-top:0}
.project-highlights-action .button{min-height:56px}
.project-highlights-action>p{display:none}

.compare-section{padding-block:36px 40px}
.compare-section .section-heading .eyebrow{margin-bottom:8px}
.compare-section .section-heading h2{font-size:clamp(2.2rem,2.8vw,2.8rem)}
.compare-section .section-heading>p:not(.eyebrow){margin-top:7px;font-size:.84rem}
.compare-grid{gap:18px;margin-top:20px}
.compare-grid .phase-media{height:clamp(260px,19vw,290px)}
.compare-grid .phase-three .phase-media img{filter:brightness(1.08) saturate(1.02)}
.compare-grid .phase-body{min-height:238px;padding:21px 25px 23px}
.compare-grid .phase-kicker{margin-bottom:6px}
.compare-grid .phase h3{margin-bottom:8px;font-size:clamp(1.95rem,2.45vw,2.45rem)}
.compare-grid .phase-intro{min-height:42px;font-size:.87rem;line-height:1.43}
.compare-grid .phase-highlights{display:flex;min-height:40px;gap:8px 18px;margin:12px 0 15px;align-items:center;align-content:center}
.compare-grid .phase-highlights li{position:relative;padding:0 0 0 16px;background:none!important;font-size:.69rem;font-weight:700;line-height:1.3}
.compare-grid .phase-highlights li:before{position:absolute;content:"✓";display:block;left:0;top:0;color:var(--champagne);font-size:.75rem;font-weight:800}
.compare-grid .phase-body>.button{width:100%;min-width:0;min-height:56px;max-height:56px;margin-top:auto;align-self:stretch;padding:10px 14px;font-size:.68rem;line-height:1.2;white-space:normal}

@media(max-width:1100px){
  .project-highlights{padding-block:48px 52px}
  .project-highlights-editorial{column-gap:34px}
  .project-highlights-intro h2{font-size:2.8rem}
  .project-highlights-list{column-gap:24px}
  .project-highlights-list li{min-height:58px;gap:9px}
  .project-highlights-list li strong{font-size:.98rem}
  .compare-section{padding-block:34px 38px}
  .compare-grid .phase-body{min-height:242px;padding:20px 21px 22px}
  .compare-grid .phase-highlights{gap:7px 13px}
  .compare-grid .phase-body>.button{font-size:.62rem}
}

@media(max-width:900px){
  .project-highlights{padding-block:43px 48px}
  .project-highlights-editorial{grid-template-areas:"intro" "visual" "list" "action"}
  .project-highlights-intro{margin-bottom:22px}
  .project-highlights-intro h2{font-size:clamp(2.7rem,7vw,3.4rem)}
  .project-highlights-visual{margin-bottom:26px}
  .project-highlights-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:0;margin-bottom:22px}
  .project-highlights-list li{min-height:51px;padding:12px 0}
  .project-highlights-list li:nth-child(2),.project-highlights-list li:nth-child(4){border-top:0}
  .project-highlights-list li strong{font-size:1.05rem}
}

@media(max-width:820px){
  .compare-section{padding-block:34px 38px}
  .compare-grid{gap:15px;margin-top:18px}
  .compare-grid .phase-media{height:clamp(225px,38vw,260px)}
  .compare-grid .phase-body{min-height:232px;padding:19px 22px 21px}
  .compare-grid .phase-intro{min-height:0}
  .compare-grid .phase-highlights{min-height:0}
}

@media(max-width:540px){
  .project-highlights{padding-block:36px 41px}
  .project-highlights-intro{margin-bottom:19px}
  .project-highlights-intro h2{font-size:2.35rem}
  .project-highlights-visual{margin-bottom:20px}
  .project-highlights-list{margin-bottom:18px}
  .project-highlights-list li{min-height:49px;gap:10px;padding:11px 0}
  .project-highlights-list li strong{font-size:1.05rem;line-height:1.3}
  .project-highlights-action .button{font-size:.68rem}
  .compare-section{padding-block:31px 34px}
  .compare-section .section-heading h2{font-size:2.05rem}
  .compare-section .section-heading>p:not(.eyebrow){font-size:.76rem}
  .compare-grid{margin-top:17px}
  .compare-grid .phase-media{height:225px}
  .compare-grid .phase-body{min-height:251px;padding:18px 18px 20px}
  .compare-grid .phase h3{font-size:1.95rem}
  .compare-grid .phase-intro{font-size:.78rem}
  .compare-grid .phase-highlights{gap:7px 12px;margin:11px 0 14px}
  .compare-grid .phase-highlights li{font-size:.64rem}
  .compare-grid .phase-body>.button{min-height:56px;max-height:56px;font-size:.58rem;letter-spacing:.025em}
}

/* Project Highlights - balanced landscape composition */
.project-highlights{padding-block:48px 52px}
.project-highlights-editorial{width:min(1520px,calc(100% - 64px));grid-template-columns:minmax(0,44fr) minmax(0,56fr);grid-template-areas:"visual intro" "visual list" "action list";column-gap:clamp(70px,6vw,100px);row-gap:11px;align-items:start}
.project-highlights-intro{align-self:start;margin:0;padding:0}
.project-highlights-intro .eyebrow{margin:0 0 10px}
.project-highlights-intro h2{max-width:none;margin:0;color:var(--navy);font-size:clamp(3.625rem,4.45vw,4.25rem);line-height:.98;white-space:nowrap}
.project-highlights-visual{align-self:start;margin:0}
.project-highlights-frame{aspect-ratio:4/3;padding:5px;box-shadow:11px 11px 0 #ddd3c1}
.project-highlights-frame:after{inset:5px}
.project-highlights-frame img{object-position:center 51%}
.project-highlights-visual figcaption{margin:12px 0 0;font-size:.78rem;line-height:1.35;letter-spacing:.08em}
.project-highlights-list{height:100%;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(58px,1fr));grid-auto-flow:row;gap:0;margin:0;padding:0;align-self:stretch}
.project-highlights-list li{min-height:58px;gap:14px;padding:12px 0;border:0;border-bottom:1px solid rgba(42,59,71,.14)}
.project-highlights-list li:first-child{border-top:1px solid rgba(42,59,71,.14)}
.project-highlights-list li:nth-child(4){border-top:0}
.project-highlights-list li>span{width:18px;font-size:.9rem;text-align:center}
.project-highlights-list li strong{font-size:clamp(1.25rem,1.5vw,1.44rem);line-height:1.25}
.project-highlights-action{align-self:end;padding:0}
.project-highlights-action .button{width:100%;min-height:60px;padding-block:12px;font-size:.76rem}

@media(max-width:1180px){
  .project-highlights{padding-block:44px 48px}
  .project-highlights-editorial{width:min(100% - 48px,1520px);grid-template-columns:minmax(0,44fr) minmax(0,56fr);column-gap:42px;row-gap:9px}
  .project-highlights-intro h2{font-size:clamp(2.85rem,4.8vw,3.4rem)}
  .project-highlights-visual figcaption{font-size:.68rem}
  .project-highlights-list{grid-template-rows:repeat(6,minmax(51px,1fr))}
  .project-highlights-list li{min-height:51px;padding-block:9px}
  .project-highlights-list li strong{font-size:1.08rem}
  .project-highlights-action .button{min-height:56px;font-size:.68rem}
}

@media(max-width:900px){
  .project-highlights{padding-block:40px 46px}
  .project-highlights-editorial{width:min(100% - 40px,760px);grid-template-columns:1fr;grid-template-areas:"intro" "visual" "list" "action";gap:0}
  .project-highlights-intro{margin-bottom:18px}
  .project-highlights-intro h2{font-size:clamp(2.8rem,7vw,3.35rem);white-space:normal}
  .project-highlights-visual{margin-bottom:20px}
  .project-highlights-frame{aspect-ratio:16/9}
  .project-highlights-visual figcaption{margin-top:11px;font-size:.7rem}
  .project-highlights-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:0 18px;margin-bottom:20px}
  .project-highlights-list li{min-height:61px;padding:13px 0}
  .project-highlights-list li:nth-child(2){border-top:1px solid rgba(42,59,71,.14)}
  .project-highlights-list li strong{font-size:1rem}
  .project-highlights-action .button{min-height:58px}
}

@media(max-width:540px){
  .project-highlights{padding:32px 0 calc(134px + env(safe-area-inset-bottom))}
  .project-highlights-editorial{width:min(100% - 30px,510px)}
  .project-highlights-intro{margin-bottom:14px}
  .project-highlights-intro .eyebrow{margin-bottom:7px;font-size:.6rem}
  .project-highlights-intro h2{font-size:clamp(2.25rem,10.5vw,2.85rem);line-height:.98}
  .project-highlights-visual{margin-bottom:17px}
  .project-highlights-frame{aspect-ratio:4/3;padding:4px;box-shadow:7px 7px 0 #ddd3c1}
  .project-highlights-frame:after{inset:4px}
  .project-highlights-frame img{object-position:center 52%}
  .project-highlights-visual figcaption{margin-top:9px;font-size:.58rem;line-height:1.35;letter-spacing:.055em}
  .project-highlights-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:0 13px;margin:0}
  .project-highlights-list li{min-height:68px;gap:7px;padding:15px 0}
  .project-highlights-list li>span{width:14px;font-size:.72rem}
  .project-highlights-list li strong{font-size:clamp(.94rem,4.25vw,1.08rem);line-height:1.25}
  .project-highlights-action{display:none}
}

/* Explore the Residences - status and indicative pricing gallery */
.compare-section{padding-block:34px 38px}
.compare-section .section-heading.centered{max-width:820px}
.compare-section .section-heading .eyebrow{margin-bottom:7px}
.compare-section .section-heading h2{font-size:clamp(2.25rem,2.8vw,2.85rem)}
.compare-section .section-heading>p:not(.eyebrow){max-width:680px;margin-top:7px;font-size:.86rem;line-height:1.5}
.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;align-items:stretch}
.compare-grid .phase{display:flex;height:auto;min-width:0;flex-direction:column;overflow:hidden;border:0;border-radius:0;box-shadow:0 22px 50px rgba(0,0,0,.18)}
.compare-grid .phase-media,.compare-grid .phase-three .phase-media{position:relative;flex:none;width:100%;height:clamp(280px,21vw,320px);overflow:hidden;background:#d5dde3}
.compare-grid .phase-media img{width:100%;height:100%;object-fit:cover;transform:none!important;transition:none}
.compare-grid .phase-two .phase-media img{object-position:center 52%}
.compare-grid .phase-three .phase-media img{object-position:center 57%;filter:brightness(1.08) saturate(1.03)}
.phase-status{position:absolute;z-index:2;top:18px;left:18px;max-width:calc(100% - 36px);margin:0;padding:10px 14px;background:rgba(238,233,223,.94);box-shadow:0 8px 22px rgba(0,0,0,.12);color:var(--navy);font-size:.65rem;font-weight:780;line-height:1.2;letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(8px)}
.phase-status-ready{display:flex;align-items:center;gap:8px}
.phase-status-ready>span{width:7px;height:7px;flex:none;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(36,106,88,.12)}
.phase-status-progress{background:rgba(28,55,76,.92);color:#f7f0e5}
.compare-grid .phase-body{display:flex;min-height:346px;flex:1;flex-direction:column;padding:27px 30px 29px}
.compare-grid .phase-two .phase-body{background:#eee9df;color:var(--ink)}
.compare-grid .phase-three .phase-body{background:#233f55;color:#fff}
.compare-grid .phase-kicker{margin:0 0 6px;color:var(--champagne);font-size:.68rem;letter-spacing:.15em}
.compare-grid .phase h3{margin:0 0 19px;font-size:clamp(2.45rem,3vw,3.15rem);line-height:.96}
.phase-pricing{min-height:74px;margin:0 0 18px}
.phase-pricing p{margin:0 0 4px;color:inherit;font-size:.68rem;font-weight:760;line-height:1.2;letter-spacing:.13em;text-transform:uppercase;opacity:.66}
.phase-pricing strong{display:block;color:inherit;font:500 clamp(2.05rem,2.7vw,2.75rem)/1 var(--serif);letter-spacing:-.035em;white-space:nowrap}
.phase-pricing strong small{font:750 .42em/1 var(--sans);letter-spacing:.08em;vertical-align:.2em}
.compare-grid .phase-highlights{display:grid;min-height:70px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 23px;padding:0;border:0;list-style:none}
.compare-grid .phase-highlights li{position:relative;display:flex;min-width:0;align-items:flex-start;padding:0 0 0 17px;border:0;background:none!important;color:inherit;font-size:.79rem;font-weight:700;line-height:1.35}
.compare-grid .phase-highlights li:before{position:absolute;content:"✓";display:block;left:0;top:.05em;color:var(--champagne);font-size:.78rem;font-weight:800}
.compare-grid .phase-body>.button{width:100%;min-width:0;min-height:58px;max-height:none;margin-top:auto;align-self:stretch;padding:12px 17px;font-size:.79rem;line-height:1.2;letter-spacing:.04em;white-space:normal}
.compare-grid .phase-two .phase-body>.button{background:var(--navy);color:#fff}
.compare-grid .phase-three .phase-body>.button{background:var(--ivory);color:var(--navy)}
.cta-label-compact{display:none}
.compare-qualification{max-width:900px;margin:20px auto 0;color:rgba(255,255,255,.58);font-size:.69rem;line-height:1.5;text-align:center}

@media(max-width:1100px) and (min-width:901px){
  .compare-grid{gap:15px}
  .compare-grid .phase-media,.compare-grid .phase-three .phase-media{height:280px}
  .compare-grid .phase-body{min-height:334px;padding:24px 22px 25px}
  .compare-grid .phase h3{font-size:2.35rem}
  .phase-pricing strong{font-size:1.95rem}
  .compare-grid .phase-highlights{gap:8px}
  .compare-grid .phase-highlights li{font-size:.7rem}
  .compare-grid .phase-body>.button{padding-inline:10px;font-size:.68rem}
}

@media(max-width:900px){
  .compare-section{padding-block:34px 38px}
  .compare-grid{grid-template-columns:1fr;max-width:760px;gap:18px;margin:19px auto 0}
  .compare-grid .phase-media,.compare-grid .phase-three .phase-media{height:clamp(230px,45vw,300px);aspect-ratio:16/9}
  .compare-grid .phase-two .phase-media img{object-position:center 49%}
  .compare-grid .phase-three .phase-media img{object-position:center 59%}
  .compare-grid .phase-body{min-height:292px;padding:24px 26px 26px}
  .compare-grid .phase h3{margin-bottom:16px;font-size:2.55rem}
  .phase-pricing{min-height:0;margin-bottom:17px}
  .phase-pricing strong{font-size:2.25rem}
  .compare-grid .phase-highlights{min-height:54px;gap:12px;margin-bottom:20px}
  .compare-grid .phase-highlights li{font-size:.82rem}
  .compare-grid .phase-body>.button{min-height:58px;font-size:.82rem}
}

@media(max-width:540px){
  .compare-section{padding-block:30px 32px}
  .compare-section .section-heading .eyebrow{margin-bottom:6px}
  .compare-section .section-heading h2{font-size:2.08rem}
  .compare-section .section-heading>p:not(.eyebrow){margin-top:6px;font-size:.77rem;line-height:1.45}
  .compare-grid{gap:15px;margin-top:16px}
  .compare-grid .phase-media,.compare-grid .phase-three .phase-media{width:100%;height:auto;min-height:0;aspect-ratio:16/10}
  .compare-grid .phase-two .phase-media img{object-position:center 51%}
  .compare-grid .phase-three .phase-media img{object-position:center 59%}
  .phase-status{top:12px;left:12px;max-width:calc(100% - 24px);padding:8px 10px;font-size:.56rem;letter-spacing:.065em}
  .compare-grid .phase-body{min-height:304px;padding:20px 19px 21px}
  .compare-grid .phase-kicker{margin-bottom:5px;font-size:.61rem}
  .compare-grid .phase h3{margin-bottom:14px;font-size:clamp(2.25rem,10.5vw,2.65rem)}
  .phase-pricing{margin-bottom:15px}
  .phase-pricing p{font-size:.62rem}
  .phase-pricing strong{font-size:clamp(1.8rem,8vw,2.1rem)}
  .compare-grid .phase-highlights{min-height:68px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:16px}
  .compare-grid .phase-highlights li{padding-left:13px;font-size:clamp(.76rem,3.65vw,.9rem);line-height:1.3}
  .compare-grid .phase-highlights li:before{font-size:.67rem}
  .compare-grid .phase-body>.button{min-height:56px;padding-inline:10px;font-size:.9rem;letter-spacing:.015em}
  .compare-qualification{margin-top:16px;padding-inline:4px;font-size:.63rem}
}

@media(max-width:374px){
  .cta-label-wide{display:none}
  .cta-label-compact{display:inline}
  .compare-grid .phase-body>.button{font-size:.92rem}
  .compare-grid .phase-highlights li{font-size:.78rem}
}

/* Selected Handover Features - compact showroom atmosphere */
.phase3-package-bar{
  position:relative;
  isolation:isolate;
  display:flex;
  min-height:286px;
  margin-top:40px;
  align-items:center;
  overflow:hidden;
  background-color:#071827;
  background-image:
    linear-gradient(90deg,rgba(5,18,30,.96) 0%,rgba(6,22,36,.91) 36%,rgba(7,25,40,.85) 68%,rgba(7,25,40,.8) 100%),
    url("../images/brochure/phase3-showroom-living-room.jpg");
  background-image:
    linear-gradient(90deg,rgba(5,18,30,.96) 0%,rgba(6,22,36,.91) 36%,rgba(7,25,40,.85) 68%,rgba(7,25,40,.8) 100%),
    image-set(url("../images/brochure/phase3-showroom-living-room.webp") type("image/webp"),url("../images/brochure/phase3-showroom-living-room.jpg") type("image/jpeg"));
  background-position:center 47%;
  background-size:cover;
  color:#fff;
}
.phase3-package-bar:after{position:absolute;z-index:-1;content:"";inset:0;background:linear-gradient(180deg,rgba(7,23,37,.05),rgba(7,23,37,.22));pointer-events:none}
.phase3-package-inner{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(440px,1.6fr) minmax(245px,.78fr);gap:17px 34px;align-items:center;padding-block:37px 34px}
.phase3-package-heading .eyebrow{margin:0 0 9px;color:var(--champagne);font-size:.62rem}
.phase3-package-heading h3{max-width:270px;margin:0;color:#fbf6ee;font-size:1.95rem;line-height:1.02}
.phase3-package-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 22px;margin:0;padding:0;list-style:none}
.phase3-package-features li{position:relative;padding:7px 6px 7px 20px;border-bottom:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.94);font-size:.76rem;line-height:1.35;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.phase3-package-features li:before{position:absolute;content:"✓";left:0;color:var(--champagne);font-weight:800}
.phase3-package-action p{margin:0 0 12px;color:#f1e4c5;font-size:.74rem;line-height:1.45;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.phase3-package-action .button{width:100%;min-height:54px;padding:10px 13px;font-size:.7rem;text-align:center}
.phase3-package-qualification{grid-column:1/-1;margin-top:0;color:rgba(255,255,255,.78);font-size:.62rem;line-height:1.5;text-shadow:0 1px 8px rgba(0,0,0,.35)}

@media(max-width:1180px) and (min-width:901px){
  .phase3-package-bar{min-height:276px;background-position:57% 48%}
  .phase3-package-inner{grid-template-columns:195px minmax(380px,1fr) 225px;gap:15px 22px;padding-block:34px 31px}
  .phase3-package-heading h3{font-size:1.72rem}
  .phase3-package-features{gap-inline:15px}
  .phase3-package-features li{font-size:.68rem}
  .phase3-package-action p{font-size:.67rem}
  .phase3-package-action .button{padding-inline:9px;font-size:.62rem}
}

@media(max-width:900px){
  .phase3-package-bar{display:block;min-height:0;margin-top:32px;background-image:linear-gradient(90deg,rgba(5,18,30,.94),rgba(6,22,36,.9) 55%,rgba(7,25,40,.86)),url("../images/brochure/phase3-showroom-living-room.jpg");background-image:linear-gradient(90deg,rgba(5,18,30,.94),rgba(6,22,36,.9) 55%,rgba(7,25,40,.86)),image-set(url("../images/brochure/phase3-showroom-living-room.webp") type("image/webp"),url("../images/brochure/phase3-showroom-living-room.jpg") type("image/jpeg"));background-position:63% center}
  .phase3-package-inner{grid-template-columns:1fr;gap:17px;padding-block:31px 29px}
  .phase3-package-heading h3{font-size:1.85rem}
  .phase3-package-features li{font-size:.72rem}
  .phase3-package-action{grid-column:1;display:block}
  .phase3-package-action p{margin:0 0 12px;font-size:.72rem}
  .phase3-package-action .button{width:100%}
  .phase3-package-qualification{margin-top:0;font-size:.59rem}
}

@media(max-width:620px){
  .phase3-package-bar{margin-top:28px;background-image:linear-gradient(90deg,rgba(5,18,30,.96),rgba(6,22,36,.93) 55%,rgba(7,25,40,.9)),url("../images/brochure/phase3-showroom-living-room.jpg");background-image:linear-gradient(90deg,rgba(5,18,30,.96),rgba(6,22,36,.93) 55%,rgba(7,25,40,.9)),image-set(url("../images/brochure/phase3-showroom-living-room.webp") type("image/webp"),url("../images/brochure/phase3-showroom-living-room.jpg") type("image/jpeg"));background-position:66% center}
  .phase3-package-inner{grid-template-columns:1fr;gap:17px;padding-block:27px 29px}
  .phase3-package-heading .eyebrow{margin-bottom:7px;font-size:.58rem}
  .phase3-package-heading h3{max-width:none;font-size:1.9rem}
  .phase3-package-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
  .phase3-package-features li{padding:7px 3px 7px 17px;font-size:.68rem}
  .phase3-package-action{grid-column:1;display:block}
  .phase3-package-action p{margin-bottom:11px;font-size:.71rem}
  .phase3-package-action .button{width:100%;min-height:56px;font-size:.76rem}
  .phase3-package-qualification{grid-column:1;color:rgba(255,255,255,.8);font-size:.58rem}
}

@media(prefers-reduced-motion:reduce){
  .phase3-package-bar{background-attachment:scroll}
}

/* Focused density and hierarchy correction — residence cards plus spacing only */
html{scroll-padding-top:0}
.compare-section{padding-block:27px 31px}
.compare-section .section-heading.centered{max-width:860px}
.compare-section .section-heading .eyebrow{margin-bottom:5px;font-size:.66rem}
.compare-section .section-heading h2{font-size:clamp(2.15rem,2.7vw,2.72rem);line-height:1}
.compare-section .section-heading>p:not(.eyebrow){max-width:700px;margin-top:6px;font-size:.82rem;line-height:1.4}
.compare-grid{gap:18px;margin-top:15px}
.compare-grid .phase{display:grid;height:auto;min-height:0;grid-template-rows:clamp(205px,16vw,230px) minmax(0,1fr)}
.compare-grid .phase-media,.compare-grid .phase-three .phase-media{height:100%;min-height:0}
.compare-grid .phase-three .phase-media img{object-position:center 62%;transform:none!important}
.phase-status{top:14px;left:14px;max-width:calc(100% - 28px);padding:8px 12px;font-size:.62rem;letter-spacing:.1em}
.compare-grid .phase-body{display:flex;min-height:265px;flex-direction:column;padding:17px 22px 19px}
.compare-grid .phase-kicker{margin:0 0 3px;font-size:.8rem;font-weight:800;letter-spacing:.17em}
.compare-grid .phase h3{margin:0 0 8px;font:800 clamp(1.75rem,2.35vw,2.35rem)/.98 var(--sans);letter-spacing:.025em;text-transform:uppercase}
.phase-completion{margin:-2px 0 8px;color:inherit;font-size:.72rem;font-weight:650;letter-spacing:.035em;line-height:1.3;opacity:.76;text-transform:uppercase}
.phase-completion strong{color:var(--champagne);font-weight:800}
.phase-pricing{min-height:0;margin:0 0 12px}
.phase-pricing p{margin-bottom:3px;font-size:.62rem}
.phase-pricing strong{font-size:clamp(1.65rem,2.15vw,2.15rem)}
.compare-grid .phase-highlights{min-height:48px;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 14px}
.compare-grid .phase-highlights li{padding-left:14px;font-size:.7rem;line-height:1.32}
.compare-grid .phase-highlights li:before{font-size:.68rem}
.compare-grid .phase-body>.button{min-height:52px;padding:10px 14px;font-size:.72rem;letter-spacing:.035em}
.compare-grid .cta-label-wide{display:inline}
.compare-grid .cta-label-compact{display:none}
.compare-qualification{margin-top:13px;font-size:.64rem;line-height:1.4}

/* Existing sections retain their approved structures; only surplus space is reduced. */
.project-highlights{padding-block:42px 46px}
.layouts-section{padding-top:36px}
.layout-heading{margin-bottom:20px}
.layout-display{min-height:500px}
.plan-canvas{min-height:500px;padding-block:18px}
.plan-view{height:440px}
.phase3-package-bar{min-height:258px;margin-top:30px}
.phase3-package-inner{padding-block:29px 27px}
.location-section{padding-block:58px}
.location-grid{gap:clamp(34px,5vw,68px)}
.lifestyle-section{padding-block:56px 60px}
.project-gallery.project-gallery-controlled{height:510px;margin-top:28px}
.faq-section{padding-block:54px}
.availability-section{min-height:440px}
.site-footer{padding-top:24px}

@media(max-width:1100px) and (min-width:901px){
  .compare-section{padding-block:25px 28px}
  .compare-grid{gap:14px;margin-top:14px}
  .compare-grid .phase{grid-template-rows:205px minmax(0,1fr)}
  .compare-grid .phase-body{min-height:267px;padding:16px 18px 18px}
  .compare-grid .phase h3{font-size:1.78rem}
  .phase-pricing strong{font-size:1.7rem}
  .compare-grid .phase-highlights{gap:7px}
  .compare-grid .phase-highlights li{font-size:.63rem}
  .compare-grid .phase-body>.button{font-size:.63rem}
  .layout-display{min-height:470px}
  .plan-canvas{min-height:470px}
  .plan-view{height:410px}
  .phase3-package-bar{min-height:250px;margin-top:26px}
}

@media(max-width:900px){
  html{scroll-padding-top:0}
  .compare-section{padding-block:30px 34px}
  .compare-grid{gap:17px;margin-top:17px}
  .compare-grid .phase{grid-template-rows:clamp(215px,43vw,275px) auto}
  .compare-grid .phase-body{min-height:260px;padding:19px 22px 21px}
  .compare-grid .phase h3{font-size:2.15rem}
  .phase-pricing strong{font-size:2rem}
  .compare-grid .phase-highlights{min-height:45px}
  .compare-grid .phase-highlights li{font-size:.76rem}
  .compare-grid .phase-body>.button{font-size:.78rem}
  .layouts-section{padding-top:38px}
  .layout-heading{margin-bottom:20px}
  .phase3-package-bar{margin-top:24px}
  .location-section{padding-block:46px}
  .location-grid{gap:28px}
  .lifestyle-section{padding-block:48px 52px}
  .project-gallery.project-gallery-controlled{height:440px;margin-top:24px}
  .faq-section{padding-block:46px}
  .availability-section{min-height:470px}
}

@media(max-width:540px){
  .project-highlights{padding:29px 0 calc(102px + env(safe-area-inset-bottom))}
  .compare-section{padding-block:27px 30px}
  .compare-section .section-heading h2{font-size:2rem}
  .compare-section .section-heading>p:not(.eyebrow){font-size:.75rem}
  .compare-grid{gap:14px;margin-top:14px}
  .compare-grid .phase{grid-template-rows:auto auto}
  .compare-grid .phase-media,.compare-grid .phase-three .phase-media{height:auto;aspect-ratio:16/9}
  .compare-grid .phase-body{min-height:0;padding:17px 17px 18px}
  .compare-grid .phase-kicker{font-size:.68rem}
  .compare-grid .phase h3{margin-bottom:7px;font-size:clamp(1.72rem,8vw,2rem)}
  .phase-completion{margin-bottom:7px;font-size:.65rem}
  .phase-pricing{margin-bottom:10px}
  .phase-pricing strong{font-size:1.72rem}
  .compare-grid .phase-highlights{min-height:0;gap:6px;margin-bottom:12px}
  .compare-grid .phase-highlights li{padding-left:12px;font-size:clamp(.66rem,3vw,.76rem)}
  .compare-grid .phase-body>.button{min-height:50px;padding-inline:8px;font-size:clamp(.68rem,3vw,.78rem);white-space:nowrap}
  .compare-grid .cta-label-wide{display:inline}
  .compare-grid .cta-label-compact{display:none}
  .compare-qualification{margin-top:12px;font-size:.6rem}
  .layouts-section{padding-top:34px}
  .layout-heading{margin-bottom:15px}
  .phase3-package-bar{margin-top:20px}
  .phase3-package-inner{padding-block:23px 25px}
  .location-section{padding-block:39px}
  .location-grid{gap:22px}
  .lifestyle-section{padding-block:40px 44px}
  .project-gallery.project-gallery-controlled{margin-top:20px}
  .faq-section{padding-block:40px}
  .availability-section{min-height:440px}
  .site-footer{padding-top:22px}
}

/* Location & Connectivity — simplified illustrated map */
.location-section{padding-block:38px 40px;background:#f2eee6}
.location-grid{display:grid;grid-template-columns:minmax(0,58fr) minmax(390px,42fr);grid-template-areas:"map content" "map actions";gap:16px clamp(34px,4vw,64px);align-items:start}
.location-map-card{grid-area:map;min-width:0;margin:0;overflow:hidden;border:1px solid #d4ccbe;background:#f8f4ec;box-shadow:0 20px 52px rgba(8,27,42,.09)}
.location-map-image{position:relative;overflow:hidden;background:#9abed0}
.location-map-image img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.location-map-legend{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:13px 17px;background:#f8f4ec;color:#51606a;font-size:.63rem;font-weight:650;line-height:1.35}
.location-map-legend span{position:relative;padding-left:36px}
.location-map-legend span:before{position:absolute;content:"";left:0;top:.55em;width:25px;height:4px;border-radius:4px;background:#b79a63}
.location-map-legend .legend-rts:before{background:#8f4a4f}
.map-enlarge{display:none}
.location-content{grid-area:content;padding-top:4px}
.location-content .eyebrow{margin-bottom:10px;font-size:.66rem}
.location-content h2{max-width:520px;margin:0 0 14px;font-size:clamp(2.4rem,3.35vw,3.55rem);line-height:.96}
.location-lead{max-width:540px;margin:0;color:#4f5b63;font:400 clamp(.98rem,1.12vw,1.1rem)/1.45 var(--serif)}
.travel-summary{margin:20px 0 0;border-top:1px solid #d7d0c5}
.travel-summary>div{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:10px 0;border-bottom:1px solid #d7d0c5}
.travel-summary dt{color:#8c7345;font-size:.59rem;font-weight:780;letter-spacing:.09em;line-height:1.35;text-transform:uppercase}
.travel-summary dd{margin:0;color:#4f5b63;font-size:.74rem;line-height:1.4}
.location-actions{grid-area:actions;display:grid;grid-template-columns:1.15fr .85fr;gap:9px;align-items:stretch}
.location-actions .button{width:100%;min-height:52px;padding:11px 14px;font-size:.65rem;line-height:1.25;white-space:normal;text-align:center}
.location-actions .button-map{border:1px solid var(--navy);background:transparent;color:var(--navy)}
.location-actions .button-map:hover{background:var(--navy);color:#fff}

@media(max-width:1050px){
  .location-section{padding-block:36px 40px}
  .location-grid{grid-template-columns:1fr;grid-template-areas:"content" "map" "actions";gap:20px;max-width:900px}
  .location-content{padding-top:0}
  .location-content h2{max-width:760px;font-size:clamp(2.55rem,5.4vw,3.6rem)}
  .location-lead{max-width:780px}
  .travel-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:18px}
  .travel-summary>div{display:block;min-width:0;padding:11px 15px;border-top:0;border-bottom:1px solid #d7d0c5}
  .travel-summary>div+div{border-left:1px solid #d7d0c5}
  .travel-summary dt{min-height:33px}
  .travel-summary dd{margin-top:5px}
  .location-map-image img{max-height:510px;object-fit:cover}
  .location-actions{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .location-section{padding-block:24px 27px}
  .location-grid{gap:12px}
  .location-content .eyebrow{margin-bottom:8px;font-size:.59rem}
  .location-content h2{margin-bottom:9px;font-size:clamp(2.02rem,9.4vw,2.55rem)}
  .location-lead{font-size:.88rem;line-height:1.38}
  .travel-summary{grid-template-columns:1fr;margin-top:12px}
  .travel-summary>div{display:grid;grid-template-columns:128px 1fr;gap:12px;padding:7px 0}
  .travel-summary>div+div{border-left:0}
  .travel-summary dt{min-height:0;font-size:.55rem}
  .travel-summary dd{margin:0;font-size:.7rem}
  .location-graphic-head{min-height:42px;padding-inline:12px;font-size:.54rem}
  .location-graphic-head small{font-size:.45rem;text-align:right}
  .location-map-image img{max-height:none;aspect-ratio:16/9}
  .location-map-legend{grid-template-columns:1fr;gap:7px;padding:9px 12px;font-size:.55rem}
  .map-enlarge{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;border:0;border-top:1px solid #d4ccbe;background:#f8f4ec;color:var(--navy);font-size:.65rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
  .map-enlarge img{display:none}
  .location-actions{grid-template-columns:1fr 1fr;gap:8px}
  .location-actions .button{min-height:54px;padding-inline:8px;font-size:.58rem}
  .lightbox.location-map-lightbox img{max-width:none;width:auto;min-width:min(1500px,380vw);height:auto;touch-action:pinch-zoom}
  .lightbox.location-map-lightbox:not([hidden]){display:flex;overflow:auto;align-items:flex-start;justify-content:flex-start;padding:70px 16px 60px}
  .lightbox.location-map-lightbox p{position:fixed;right:16px;bottom:10px;left:16px;padding:7px 10px;background:rgba(4,12,19,.72);font-size:.68rem;text-align:center}
}

/* Explore the Residences — final copy and proportion refinements */
.compare-section{padding-bottom:18px}
.phase-price-note{display:block;margin-top:5px;color:inherit;font-size:.61rem;font-weight:600;line-height:1.3;letter-spacing:.015em;opacity:.58}
.compare-grid .phase-three h3{font-size:clamp(1.65rem,2.2vw,2.2rem)}

@media(min-width:901px){
  .compare-grid .phase{grid-template-rows:clamp(270px,19.5vw,285px) minmax(0,1fr)}
}

@media(max-width:900px){
  .compare-section{padding-bottom:29px}
}

@media(max-width:540px){
  .phase-price-note{margin-top:4px;font-size:.58rem}
}

/* Location & Connectivity — original approved map presentation */
.location-section{padding-block:24px 28px;background:#f2eee6}
.location-grid{width:min(1180px,calc(100% - 40px));grid-template-columns:minmax(0,56fr) minmax(0,44fr);grid-template-areas:"map content" "map actions";gap:14px 46px;align-items:start}
.location-map-card{grid-area:map;min-width:0;margin:0;overflow:hidden;border:1px solid #d4ccbe;background:#f8f4ec;box-shadow:none}
.location-map-image{overflow:hidden;background:#f8f4ec}
.location-map-image img{display:block;width:100%;max-height:none;height:auto;aspect-ratio:auto;object-fit:contain}
.location-caption{padding:7px 12px;border-top:1px solid #ddd4c5;background:#f8f4ec;color:#746b60;font-size:.58rem;font-weight:650;letter-spacing:.08em;line-height:1.35;text-transform:uppercase}
.map-enlarge{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;border:0;border-top:1px solid #d4ccbe;background:#f8f4ec;color:var(--navy);font-size:.63rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.map-enlarge:hover{background:#eee7db}
.map-enlarge img{display:none}
.location-content{grid-area:content;padding-top:3px}
.location-content .eyebrow{margin-bottom:9px;font-size:.64rem}
.location-content h2{max-width:500px;margin:0;font-size:clamp(2.25rem,3vw,3.2rem);line-height:.97}
.travel-summary{margin:18px 0 0;border-top:1px solid #d7d0c5}
.travel-summary>div{display:grid;grid-template-columns:155px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid #d7d0c5}
.travel-summary dt{color:#8c7345;font-size:.58rem;font-weight:780;letter-spacing:.09em;line-height:1.35;text-transform:uppercase}
.travel-summary dd{margin:0;color:#4f5b63;font-size:.73rem;line-height:1.4}
.location-accuracy-note{max-width:520px;margin:13px 0 0;color:#68737a;font-size:.64rem;line-height:1.45}
.location-actions{grid-area:actions;display:grid;grid-template-columns:1.15fr .85fr;gap:9px;align-items:stretch}
.location-actions .button{width:100%;min-height:52px;padding:11px 14px;font-size:.65rem;line-height:1.25;white-space:normal;text-align:center}

@media(max-width:1300px) and (min-width:1051px){
  .location-grid{width:min(1050px,calc(100% - 40px));gap-inline:38px}
  .location-content h2{font-size:2.65rem}
  .travel-summary{margin-top:14px}
  .travel-summary>div{padding-block:8px}
  .location-accuracy-note{margin-top:10px}
}

@media(max-width:1050px){
  .location-section{padding-block:32px 36px}
  .location-grid{width:min(900px,calc(100% - 40px));grid-template-columns:1fr;grid-template-areas:"content" "map" "actions";gap:18px}
  .location-content{padding-top:0}
  .location-content h2{max-width:760px;font-size:clamp(2.5rem,5.2vw,3.55rem)}
  .travel-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:17px}
  .travel-summary>div{display:block;min-width:0;padding:10px 14px}
  .travel-summary>div+div{border-left:1px solid #d7d0c5}
  .travel-summary dt{min-height:32px}
  .travel-summary dd{margin-top:5px}
  .location-accuracy-note{max-width:780px;margin-top:11px}
  .location-actions{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .location-section{padding-block:24px 27px}
  .location-grid{width:min(100% - 28px,900px);gap:12px}
  .location-content .eyebrow{margin-bottom:8px;font-size:.59rem}
  .location-content h2{font-size:clamp(2rem,9.2vw,2.5rem)}
  .travel-summary{grid-template-columns:1fr;margin-top:12px}
  .travel-summary>div{display:grid;grid-template-columns:128px 1fr;gap:12px;padding:7px 0}
  .travel-summary>div+div{border-left:0}
  .travel-summary dt{min-height:0;font-size:.55rem}
  .travel-summary dd{margin:0;font-size:.7rem}
  .location-accuracy-note{margin-top:9px;font-size:.59rem}
  .location-caption{padding:7px 10px;font-size:.54rem}
  .map-enlarge{font-size:.62rem}
  .location-actions{grid-template-columns:1fr 1fr;gap:8px}
  .location-actions .button{min-height:54px;padding-inline:8px;font-size:.58rem}
  .lightbox.location-map-lightbox img{max-width:none;width:auto;min-width:min(960px,380vw);height:auto;touch-action:pinch-zoom}
}

/* Final controlled refinement pass · July 2026 */
html{scroll-padding-top:0}
main section[id],#phase3-card{scroll-margin-top:72px}

/* Hero and supporting trust strip */
.hero{height:min(74svh,690px);min-height:600px}
.hero-content{padding-top:72px}
.hero h1{max-width:810px;font-size:clamp(2.9rem,4.3vw,4.55rem);line-height:.98}
.hero-actions{margin-block:12px 10px}
.hero-support ul{grid-template-columns:repeat(3,minmax(0,1fr));padding-block:12px}
.hero-support li{padding-block:2px;text-align:center}

/* Project Highlights: preserve the approved image/list composition */
.project-highlights{padding-block:30px 34px}
.project-highlights-editorial{
  grid-template-columns:minmax(0,44fr) minmax(0,56fr);
  grid-template-areas:"visual intro" "visual list";
  column-gap:clamp(52px,5vw,82px);
  row-gap:10px;
}
.project-highlights-intro h2{font-size:clamp(2.85rem,3.7vw,3.7rem)}
.project-highlights-list{grid-template-rows:repeat(6,minmax(49px,1fr))}
.project-highlights-list li{min-height:49px;padding-block:9px}
.project-highlights-list li strong{font-size:clamp(1.05rem,1.3vw,1.28rem)}

/* Matched residence cards */
.compare-section{padding-block:25px 18px}
.compare-grid .phase{grid-template-rows:clamp(255px,18.5vw,278px) minmax(0,1fr)}
.compare-grid .phase-body{min-height:255px}

/* Floor-plan explorer */
.layouts-section{padding-top:30px}
.layout-heading{margin-bottom:10px}
.layout-heading .eyebrow{margin-bottom:7px}
.layout-heading h2{font-size:clamp(2.3rem,3.1vw,3.2rem)}
.layout-heading>div p{max-width:470px}
.phase-tabs{margin-bottom:9px}
.phase-tabs button{min-height:54px}
.layout-options-heading{margin:0;padding:8px 0 5px}
.layout-options{padding-bottom:8px}
.layout-display{grid-template-columns:minmax(0,58fr) minmax(340px,42fr);min-height:480px}
.plan-canvas{min-height:480px;padding:13px 24px}
.plan-view{height:440px;padding:10px 20px}
.layout-details{padding:34px clamp(28px,3vw,42px)}
.layout-phase{font-size:.78rem;letter-spacing:.12em}
.layout-title{font-size:clamp(3.2rem,4.2vw,3.9rem)}
.layout-details dl{margin-block:16px}
.layout-details dl>div{padding-block:12px}
.layout-note{margin-bottom:16px;font-size:.95rem}
.layout-cta-desktop{min-height:56px;font-size:1rem}

/* Phase 3-only compact handover bar */
.phase3-package-bar{
  min-height:220px;
  margin-top:24px;
  background-image:
    linear-gradient(90deg,rgba(5,18,30,.88) 0%,rgba(6,22,36,.83) 38%,rgba(7,25,40,.76) 100%),
    image-set(url("../images/brochure/phase3-showroom-living-room.webp") type("image/webp"),url("../images/brochure/phase3-showroom-living-room.jpg") type("image/jpeg"));
}
.phase3-package-bar:after{background:linear-gradient(180deg,rgba(7,23,37,.02),rgba(7,23,37,.12))}
.phase3-package-inner{padding-block:24px 22px}
.phase3-package-heading h3{max-width:260px;font:760 1.45rem/1.08 var(--sans);letter-spacing:.02em;text-transform:uppercase}
.phase3-package-action .button{min-height:50px}

/* Original approved location map */
.location-content h2{margin-bottom:10px}
.location-lead{max-width:520px;font-size:.92rem;line-height:1.45}
.travel-summary{margin-top:13px}
.travel-summary>div{padding-block:8px}
.location-accuracy-note{margin-top:10px}

/* Waterfront Living */
.lifestyle-section{padding-block:40px 48px}
.lifestyle-heading h2{max-width:700px;font-size:clamp(2.25rem,3.25vw,3.45rem);line-height:1}
.lifestyle-heading>p:not(.eyebrow){margin-top:8px}
.project-gallery.project-gallery-controlled{height:500px;margin-top:18px}

/* FAQ and final enquiry transition */
.faq-section{padding-block:38px 34px}
.faq-heading h2{font-size:clamp(2.25rem,3vw,3.25rem)}
.faq-heading>p:not(.eyebrow){margin-top:10px}
.accordion-item h3{margin:0}
.accordion-trigger{min-height:72px;padding:15px 4px}
.accordion-trigger:hover{color:#876d3e;background:rgba(183,154,99,.05)}
.accordion-trigger:focus-visible{outline:3px solid #c4a66d;outline-offset:-3px}
.accordion-content{padding:0 40px 17px 4px}
.faq-ask{margin-top:4px}
.availability-section{min-height:410px;max-height:none;margin-top:0}
.availability-content h2{max-width:900px;font-size:clamp(2.8rem,4.5vw,4.8rem)}
.availability-content>p:not(.eyebrow){max-width:690px}
.availability-actions{margin-top:22px}
.site-footer{padding-top:20px}

@media(max-width:1300px) and (min-width:901px){
  .hero{height:min(73svh,650px);min-height:580px}
  .hero h1{max-width:750px;font-size:clamp(2.8rem,4.1vw,4rem)}
  .project-highlights-editorial{column-gap:38px}
  .project-highlights-intro h2{font-size:2.75rem}
  .project-highlights-list li strong{font-size:1rem}
  .compare-grid .phase{grid-template-rows:245px minmax(0,1fr)}
  .compare-grid .phase-body{min-height:250px}
  .layout-display{grid-template-columns:minmax(0,58fr) minmax(330px,42fr);min-height:434px}
  .plan-canvas{min-height:434px;padding-inline:18px}
  .plan-view{height:394px}
  .layout-details{padding:28px}
  .layout-title{font-size:3rem}
  .layout-note{font-size:.88rem}
  .phase3-package-bar{min-height:210px}
  .phase3-package-inner{grid-template-columns:190px minmax(380px,1fr) 225px;padding-block:21px}
  .phase3-package-heading h3{font-size:1.25rem}
  .lifestyle-section{padding-block:36px 42px}
  .project-gallery.project-gallery-controlled{height:455px}
}

@media(max-width:900px){
  html{scroll-padding-top:0}
  main section[id],#phase3-card{scroll-margin-top:68px}
  .hero{height:88svh;min-height:620px}
  .hero-content{height:88svh;min-height:620px;padding:88px 0 38px}
  .hero h1{font-size:clamp(2.65rem,8.4vw,3.7rem)}
  .hero-support ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .project-highlights{padding-block:30px 34px}
  .project-highlights-editorial{grid-template-areas:"intro" "visual" "list";gap:0}
  .project-highlights-list{margin-bottom:0}
  .compare-section{padding-block:28px}
  .compare-grid .phase{grid-template-rows:clamp(215px,43vw,265px) auto}
  .compare-grid .phase-body{min-height:255px}
  .layouts-section{padding-top:34px}
  .layout-display{grid-template-columns:minmax(0,56fr) minmax(315px,44fr);min-height:470px}
  .plan-canvas{min-height:470px;padding:14px}
  .plan-view{height:430px}
  .layout-details{padding:28px 24px}
  .layout-title{font-size:3rem}
  .phase3-package-bar{min-height:0;margin-top:18px}
  .phase3-package-inner{gap:14px;padding-block:24px}
  .phase3-package-heading h3{max-width:none;font-size:1.45rem}
  .location-lead{max-width:780px}
  .lifestyle-section{padding-block:38px 44px}
  .lifestyle-heading h2{font-size:clamp(2.2rem,5.5vw,3rem)}
  .project-gallery.project-gallery-controlled{height:430px;margin-top:16px}
  .faq-section{padding-block:34px 30px}
  .accordion-trigger{min-height:68px}
  .availability-section{min-height:450px}
}

@media(max-width:600px){
  html{scroll-padding-top:0}
  main section[id],#phase3-card{scroll-margin-top:68px}
  .hero{height:88svh;min-height:600px}
  .hero-content{height:88svh;min-height:600px;padding:82px 0 32px}
  .hero h1{max-width:350px;font-size:clamp(2.3rem,10vw,2.85rem)}
  .hero-statement{font-size:.84rem}
  .hero-actions{margin-block:11px 7px}
  .hero-support ul{grid-template-columns:1fr;padding-block:5px}
  .hero-support li{min-height:31px;border-left:0;border-top:1px solid #d2c9ba;text-align:left}
  .hero-support li:first-child{border-top:0}
  .project-highlights{padding-block:26px 30px}
  .project-highlights-editorial{grid-template-areas:"intro" "visual" "list"}
  .project-highlights-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);margin:0}
  .project-highlights-list li{min-height:60px;padding-block:11px}
  .project-highlights-list li strong{font-size:clamp(.82rem,3.8vw,.98rem)}
  .compare-section{padding-block:25px 28px}
  .compare-grid .phase{grid-template-rows:auto auto}
  .compare-grid .phase-body{min-height:0}
  .layouts-section{padding-top:30px}
  .layout-heading{margin-bottom:12px}
  .layout-heading h2{font-size:2.2rem}
  .phase-tabs{margin-bottom:5px}
  .layout-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
  .layout-panel[data-phase="phase3"] .layout-options{grid-template-columns:repeat(5,minmax(0,1fr))}
  .layout-option{min-width:0;min-height:48px}
  .layout-display{grid-template-columns:1fr;min-height:0}
  .plan-canvas{min-height:0;padding:3px 8px 11px}
  .plan-view{height:clamp(245px,38vh,315px)}
  .layout-mobile-facts>div{min-height:55px}
  .layout-cta-mobile{min-height:52px;margin-top:6px}
  .phase3-package-bar{margin-top:16px}
  .phase3-package-inner{padding-block:22px 24px}
  .phase3-package-heading h3{font-size:1.28rem}
  .phase3-package-action .button{min-height:52px}
  .location-content h2{margin-bottom:8px}
  .location-lead{font-size:.82rem;line-height:1.38}
  .travel-summary{margin-top:10px}
  .lifestyle-section{padding-block:32px 38px}
  .lifestyle-heading h2{font-size:2.3rem}
  .project-gallery.project-gallery-controlled{height:auto;margin-top:15px}
  .faq-section{padding-block:29px 25px}
  .faq-inner{gap:18px}
  .accordion-trigger{min-height:60px;padding-block:12px;font-size:.95rem}
  .accordion-content{padding-bottom:14px}
  .faq-ask{padding-top:13px}
  .availability-section{min-height:430px}
  .availability-content h2{font-size:clamp(2.45rem,11vw,3.2rem)}
}

/* Final visual, responsive and conversion refinement · verified public-source wording */
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(4,16,27,.9) 0%,rgba(4,16,27,.72) 34%,rgba(4,16,27,.34) 61%,rgba(4,16,27,.08) 82%,rgba(4,16,27,.02) 100%),
    linear-gradient(0deg,rgba(4,16,27,.26),transparent 42%);
}
.hero h1{max-width:780px;font-size:clamp(2.75rem,4vw,4.25rem)}

.project-highlights{padding-block:28px 30px}
.project-highlights-editorial{
  grid-template-areas:"visual intro" "visual list" "action list";
  row-gap:8px;
}
.project-highlights-intro h2{font-size:clamp(2.6rem,3.4vw,3.4rem)}
.project-highlights-list{grid-template-rows:repeat(6,minmax(45px,1fr))}
.project-highlights-list li{min-height:45px;padding-block:8px}
.project-highlights-list li strong{font-size:clamp(.98rem,1.2vw,1.18rem)}
.project-highlights-action{grid-area:action;margin-top:2px}
.project-highlights-action .button{width:100%;min-height:52px;padding:10px 14px;font-size:.68rem;text-align:center}

.compare-section{padding-block:24px 17px}
.compare-section .section-heading h2{font-size:clamp(2.15rem,2.65vw,2.7rem)}
.compare-grid{margin-top:17px}
.compare-grid .phase-media,.compare-grid .phase-three .phase-media{height:clamp(260px,18.5vw,282px)}
.compare-grid .phase-body{min-height:268px;padding:21px 25px 23px}
.compare-grid .phase h3{margin-bottom:9px}
.phase-completion{margin:-3px 0 10px;color:inherit;font-size:.67rem;font-weight:680;line-height:1.35;opacity:.72}
.phase-pricing{min-height:68px;margin-bottom:12px}
.phase-pricing strong{
  max-width:100%;
  font:650 clamp(1.35rem,1.75vw,1.72rem)/1.12 var(--sans);
  letter-spacing:-.015em;
  white-space:normal;
}
.compare-grid .phase-highlights{min-height:52px;margin-bottom:15px}
.compare-grid .phase-body>.button{min-height:54px;font-size:.72rem}

.layout-heading{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
  gap:28px;
  align-items:end;
  margin-bottom:10px;
}
.layout-heading-title{display:block!important}
.layout-heading-title .eyebrow{margin:0 0 6px}
.layout-heading-title h2{margin:0;font-size:clamp(2.25rem,3vw,3.05rem)}
.layout-heading-copy{max-width:510px;margin:0 0 3px;color:#5a666e;font-size:.92rem;line-height:1.5}
.layout-explorer{margin-top:0}
.layout-panel{margin-top:8px}
.layout-options-heading{padding-top:6px}
.layout-mobile-facts{grid-template-columns:repeat(4,minmax(0,1fr))}

.phase3-package-bar{
  background-image:
    linear-gradient(90deg,rgba(5,18,30,.8) 0%,rgba(6,22,36,.74) 38%,rgba(7,25,40,.66) 100%),
    image-set(url("../images/brochure/phase3-showroom-living-room.webp") type("image/webp"),url("../images/brochure/phase3-showroom-living-room.jpg") type("image/jpeg"));
}
.phase3-package-action p,.phase3-package-features li{font-size:.67rem}

.location-caption{text-transform:none}
.lifestyle-section{padding-block:32px 42px}
.lifestyle-heading>p:not(.eyebrow){max-width:690px}
.project-gallery.project-gallery-controlled{margin-top:14px}

.faq-section{padding-block:30px 26px}
.faq-inner{gap:clamp(28px,4vw,58px)}
.accordion-trigger{min-height:70px;padding-block:13px}
.faq-ask{padding-top:10px}
.availability-section{min-height:390px}
.availability-content h2{max-width:920px;font-size:clamp(2.65rem,4.2vw,4.5rem)}
.availability-actions .button{min-height:54px}

@media(max-width:1300px) and (min-width:901px){
  .hero{height:min(70svh,620px);min-height:550px}
  .hero-content{padding-top:68px}
  .hero h1{max-width:710px;font-size:clamp(2.65rem,3.85vw,3.72rem)}
  .project-highlights{padding-block:26px 28px}
  .project-highlights-intro h2{font-size:2.55rem}
  .project-highlights-list li strong{font-size:.95rem}
  .project-highlights-action .button{font-size:.62rem}
  .compare-grid .phase-media,.compare-grid .phase-three .phase-media{height:245px}
  .compare-grid .phase-body{min-height:262px;padding:19px 21px 21px}
  .phase-pricing strong{font-size:1.34rem}
}

@media(max-width:900px){
  .project-highlights-editorial{grid-template-columns:1fr;grid-template-areas:"intro" "visual" "list" "action"}
  .project-highlights-list{height:auto;align-self:auto}
  .project-highlights-action{margin-top:17px}
  .project-highlights-action .button{min-height:54px}
  .compare-grid .phase-body{min-height:280px}
  .layout-heading{grid-template-columns:1fr;gap:8px;align-items:start}
  .layout-heading-copy{max-width:680px}
  .layout-display{grid-template-columns:1fr;min-height:0}
  .plan-canvas{min-height:0;padding:12px 16px 18px}
  .plan-view{height:clamp(360px,52vw,450px);border-right:0}
  .layout-details{display:none}
  .layout-mobile-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:8px 0 0;border-block:1px solid #d8d1c6;background:#f7f4ee}
  .layout-mobile-facts>div{display:flex;min-width:0;min-height:60px;padding:7px 5px;flex-direction:column;align-items:center;justify-content:center;text-align:center}
  .layout-mobile-facts>div+div{border-left:1px solid #d8d1c6}
  .layout-mobile-facts span{color:#7a6950;font-size:.51rem;font-weight:750;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}
  .layout-mobile-facts strong{max-width:100%;color:var(--navy);font-size:.72rem;font-weight:750;letter-spacing:.015em;line-height:1.3;text-transform:uppercase;white-space:nowrap}
  .layout-mobile-facts small{margin-top:1px;color:#8a6f3f;font-size:.5rem;font-weight:750;letter-spacing:.06em;line-height:1.15;text-transform:uppercase}
  .layout-mobile-facts small[hidden]{display:none}
  .layout-cta-mobile{display:flex;width:100%;min-height:54px;margin:8px auto 0;font-size:.78rem;letter-spacing:.035em;white-space:nowrap}
  .layout-cta-desktop{display:none}
}

@media(max-width:600px){
  .hero h1{font-size:clamp(2.15rem,9.5vw,2.7rem)}
  .project-highlights{padding-block:24px 27px}
  .project-highlights-intro h2{font-size:2.15rem}
  .project-highlights-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:row}
  .project-highlights-list li{min-height:55px;padding-block:9px}
  .project-highlights-action{display:block;margin-top:14px}
  .project-highlights-action .button{min-height:52px;font-size:.63rem}
  .compare-grid .phase-media,.compare-grid .phase-three .phase-media{aspect-ratio:16/9}
  .compare-grid .phase-body{min-height:0;padding:17px 17px 18px}
  .compare-grid .phase h3{font-size:clamp(1.72rem,8vw,2rem)}
  .phase-completion{margin-bottom:7px;font-size:.62rem}
  .phase-pricing{min-height:0;margin-bottom:10px}
  .phase-pricing strong{font-size:1.28rem}
  .compare-grid .phase-highlights{min-height:0;margin-bottom:12px}
  .compare-grid .phase-highlights li{font-size:clamp(.63rem,2.8vw,.73rem)}
  .compare-grid .phase-body>.button{min-height:50px;font-size:clamp(.66rem,2.8vw,.76rem);white-space:nowrap}
  .layout-heading{gap:6px;margin-bottom:9px}
  .layout-heading-title h2{font-size:2.08rem}
  .layout-heading-copy{font-size:.8rem;line-height:1.42}
  .layout-mobile-facts>div{min-height:58px;padding-inline:4px}
  .layout-mobile-facts span{font-size:.48rem}
  .layout-mobile-facts strong{font-size:.68rem;line-height:1.25}
  .phase3-package-action p,.phase3-package-features li{font-size:.61rem}
  .lifestyle-section{padding-block:27px 34px}
  .faq-section{padding-block:25px 22px}
  .accordion-trigger{min-height:58px}
  .availability-section{min-height:410px}
  .availability-actions .button{width:100%;padding-inline:10px;font-size:.68rem}
}

@media(max-width:374px){
  .project-highlights-action .button{font-size:.58rem}
  .compare-grid .phase-body>.button{font-size:.65rem;letter-spacing:0}
  .layout-mobile-facts strong{font-size:.62rem}
  .availability-actions .button{font-size:.63rem}
}

/* Explore the Residences · phase-first hierarchy */
.compare-section{padding-block:23px 10px}
.compare-section .section-heading.centered{max-width:760px}
.compare-section .section-heading .eyebrow{margin-bottom:6px}
.compare-section .section-heading h2{font-size:clamp(2.1rem,2.55vw,2.6rem)}
.compare-section .section-heading>p:not(.eyebrow){max-width:650px;margin-top:6px;font-size:.82rem;line-height:1.45}
.compare-grid{gap:18px;margin-top:16px}
.compare-grid .phase{height:auto;align-self:stretch}
.compare-grid .phase-media,
.compare-grid .phase-three .phase-media{height:clamp(235px,18vw,270px);aspect-ratio:auto}
.compare-grid .phase-two .phase-media img{object-position:center 54%}
.compare-grid .phase-three .phase-media img{object-position:center 50%;filter:brightness(1.02) saturate(1.02)}
.compare-grid .phase-body{min-height:290px;padding:20px 25px 22px}
.compare-grid .phase-title{
  margin:0;
  color:inherit;
  font:760 clamp(2.85rem,3.8vw,3.7rem)/.92 var(--sans);
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.compare-grid .phase-subtitle{
  margin:7px 0 15px;
  color:inherit;
  font:500 clamp(1.55rem,2vw,2rem)/1 var(--serif);
  letter-spacing:-.02em;
}
.compare-grid .phase-three .phase-subtitle{color:#fff}
.compare-grid .phase-pricing{min-height:68px;margin:0 0 13px}
.compare-grid .phase-pricing p{margin-bottom:5px;font-size:.62rem}
.compare-grid .phase-pricing strong{
  font:520 clamp(1.55rem,2.1vw,2.05rem)/1.05 var(--serif);
  letter-spacing:-.025em;
  white-space:nowrap;
}
.compare-grid .phase-pricing strong small{font:760 .42em/1 var(--sans);letter-spacing:.07em;vertical-align:.18em}
.phase-price-note{margin-top:5px;font-size:.59rem}
.compare-grid .phase-highlights{min-height:48px;gap:10px;margin:0 0 14px}
.compare-grid .phase-highlights li{font-size:.72rem;line-height:1.32}
.compare-grid .phase-body>.phase-layout-link{min-height:52px;padding:11px 14px;font-size:.72rem;letter-spacing:.055em;text-align:center}
.compare-qualification{margin-top:14px;font-size:.64rem}

@media(max-width:1100px) and (min-width:901px){
  .compare-grid{gap:14px}
  .compare-grid .phase-media,
  .compare-grid .phase-three .phase-media{height:230px}
  .compare-grid .phase-body{min-height:292px;padding:18px 20px 20px}
  .compare-grid .phase-title{font-size:2.75rem}
  .compare-grid .phase-subtitle{font-size:1.52rem}
  .compare-grid .phase-pricing strong{font-size:1.52rem}
  .compare-grid .phase-highlights{gap:7px}
  .compare-grid .phase-highlights li{font-size:.66rem}
}

@media(max-width:900px){
  .compare-section{padding-block:27px 28px}
  .compare-grid{gap:16px;margin-top:17px}
  .compare-grid .phase-media,
  .compare-grid .phase-three .phase-media{height:clamp(230px,42vw,275px);aspect-ratio:auto}
  .compare-grid .phase-two .phase-media img{object-position:center 52%}
  .compare-grid .phase-three .phase-media img{object-position:center 50%}
  .compare-grid .phase-body{min-height:278px;padding:21px 24px 23px}
  .compare-grid .phase-title{font-size:3.1rem}
  .compare-grid .phase-subtitle{font-size:1.72rem}
  .compare-grid .phase-pricing strong{font-size:1.85rem}
}

@media(max-width:600px){
  .compare-section{padding-block:24px 26px}
  .compare-section .section-heading h2{font-size:2rem}
  .compare-section .section-heading>p:not(.eyebrow){font-size:.76rem}
  .compare-grid{gap:14px;margin-top:15px}
  .compare-grid .phase-media,
  .compare-grid .phase-three .phase-media{height:190px;aspect-ratio:auto}
  .phase-status{top:11px;left:11px;padding:8px 10px;font-size:.55rem}
  .compare-grid .phase-body{min-height:0;padding:17px 17px 18px}
  .compare-grid .phase-title{font-size:2.45rem}
  .compare-grid .phase-subtitle{margin:5px 0 11px;font-size:1.36rem}
  .compare-grid .phase-pricing{min-height:0;margin-bottom:10px}
  .compare-grid .phase-pricing p{font-size:.56rem}
  .compare-grid .phase-pricing strong{font-size:1.55rem}
  .phase-price-note{font-size:.56rem}
  .compare-grid .phase-highlights{min-height:0;gap:6px;margin-bottom:12px}
  .compare-grid .phase-highlights li{font-size:clamp(.62rem,2.75vw,.72rem)}
  .compare-grid .phase-body>.phase-layout-link{min-height:50px;font-size:.7rem;white-space:nowrap}
  .compare-qualification{margin-top:12px;font-size:.59rem}
}

@media(max-width:374px){
  .compare-grid .phase-title{font-size:2.3rem}
  .compare-grid .phase-pricing strong{font-size:1.42rem}
  .compare-grid .phase-body>.phase-layout-link{font-size:.66rem}
}

/* Project Highlights · cinematic video and compact package facts */
.project-highlights{padding-block:34px 38px}
.project-highlights-editorial{
  width:min(1400px,calc(100% - 64px));
  grid-template-columns:minmax(0,47fr) minmax(0,53fr);
  grid-template-areas:"visual intro" "visual list" "action qualification";
  column-gap:clamp(46px,5vw,76px);
  row-gap:12px;
  align-items:start;
}
.project-highlights-intro{align-self:end;margin:0;padding:0}
.project-highlights-intro .eyebrow{margin:0 0 7px;font-size:.64rem}
.project-highlights-intro h2{margin:0;font-size:clamp(2.8rem,3.8vw,3.75rem);line-height:.96;white-space:normal}
.project-highlights-visual{grid-area:visual;align-self:start;margin:0}
.project-highlights-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  padding:0;
  overflow:hidden;
  background:var(--navy);
  box-shadow:10px 10px 0 #ddd3c1;
}
.project-highlights-frame:after{inset:0;border:1px solid rgba(197,161,97,.58)}
.project-highlights-poster,
.project-highlights-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.project-highlights-poster{z-index:0;object-fit:cover;object-position:center 50%;transition:opacity .35s ease}
.project-highlights-frame iframe{z-index:1;display:block;pointer-events:none}
.project-highlights-frame.is-video-loaded .project-highlights-poster{opacity:0}
.project-highlights-list{
  grid-area:list;
  display:grid;
  height:auto;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:none;
  grid-auto-flow:row;
  gap:0 28px;
  margin:0;
  padding:0;
  align-self:start;
  list-style:none;
}
.project-highlights-list li,
.project-highlights-list li:first-child,
.project-highlights-list li:nth-child(2),
.project-highlights-list li:nth-child(4){
  display:flex;
  min-width:0;
  min-height:48px;
  gap:10px;
  align-items:center;
  padding:9px 0;
  border-top:0;
  border-bottom:1px solid rgba(42,59,71,.17);
}
.project-highlights-list li:nth-child(-n+2){border-top:1px solid rgba(42,59,71,.17)}
.project-highlights-list li>span{width:16px;flex:none;color:var(--champagne);font-size:.82rem;text-align:center}
.project-highlights-list li strong{color:var(--navy);font:720 clamp(.89rem,1.05vw,1.04rem)/1.25 var(--sans);letter-spacing:.005em}
.project-highlights-qualification{
  grid-area:qualification;
  align-self:end;
  margin:0;
  color:#746b60;
  font-size:.7rem;
  line-height:1.45;
}
.project-highlights-action{grid-area:action;align-self:start;padding:0}
.project-highlights-action .button{width:100%;min-height:54px;padding:11px 16px;font-size:.7rem;letter-spacing:.045em}

@media(max-width:1180px) and (min-width:901px){
  .project-highlights{padding-block:30px 34px}
  .project-highlights-editorial{width:min(100% - 48px,1400px);grid-template-columns:minmax(0,47fr) minmax(0,53fr);column-gap:34px;row-gap:10px}
  .project-highlights-intro h2{font-size:clamp(2.5rem,4vw,3rem)}
  .project-highlights-list{gap:0 18px}
  .project-highlights-list li{min-height:45px;padding-block:7px}
  .project-highlights-list li strong{font-size:.84rem}
  .project-highlights-qualification{font-size:.64rem}
  .project-highlights-action .button{min-height:52px;font-size:.61rem}
}

@media(max-width:900px){
  .project-highlights{padding-block:34px 39px}
  .project-highlights-editorial{
    width:min(100% - 40px,760px);
    grid-template-columns:1fr;
    grid-template-areas:"intro" "visual" "list" "qualification" "action";
    gap:0;
  }
  .project-highlights-intro{margin:0 0 18px}
  .project-highlights-intro h2{font-size:clamp(2.65rem,7vw,3.25rem)}
  .project-highlights-visual{margin:0 0 19px}
  .project-highlights-frame{aspect-ratio:16/9;box-shadow:8px 8px 0 #ddd3c1}
  .project-highlights-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}
  .project-highlights-list li{min-height:48px;padding-block:8px}
  .project-highlights-list li strong{font-size:.92rem}
  .project-highlights-qualification{margin:12px 0 16px;font-size:.68rem}
  .project-highlights-action .button{min-height:56px}
}

@media(max-width:540px){
  .project-highlights{padding:28px 0 calc(118px + env(safe-area-inset-bottom))}
  .project-highlights-editorial{width:min(100% - 30px,510px)}
  .project-highlights-intro{margin-bottom:13px}
  .project-highlights-intro .eyebrow{margin-bottom:6px;font-size:.58rem}
  .project-highlights-intro h2{font-size:clamp(2.2rem,10vw,2.7rem)}
  .project-highlights-visual{margin-bottom:15px}
  .project-highlights-frame{aspect-ratio:16/9;box-shadow:6px 6px 0 #ddd3c1}
  .project-highlights-list{grid-template-columns:1fr;gap:0}
  .project-highlights-list li,
  .project-highlights-list li:first-child,
  .project-highlights-list li:nth-child(2),
  .project-highlights-list li:nth-child(4){
    min-height:44px;
    gap:9px;
    padding:7px 0;
    border-top:0;
    border-bottom:1px solid rgba(42,59,71,.17);
  }
  .project-highlights-list li:first-child{border-top:1px solid rgba(42,59,71,.17)}
  .project-highlights-list li>span{width:15px;font-size:.76rem}
  .project-highlights-list li strong{font-size:.91rem;line-height:1.2}
  .project-highlights-qualification{margin:11px 0 14px;font-size:.63rem;line-height:1.42}
  .project-highlights-action{display:block}
  .project-highlights-action .button{min-height:52px;padding-inline:9px;font-size:.62rem;letter-spacing:.02em;white-space:nowrap}
}

@media(prefers-reduced-motion:reduce){
  .project-highlights-frame iframe{display:none}
  .project-highlights-poster{opacity:1!important;transition:none}
}

/* Project Highlights · minimal custom video controls */
.project-highlights-frame iframe{z-index:1;pointer-events:none}
.project-highlights-poster{
  z-index:2;
  pointer-events:none;
  opacity:1;
  transition:opacity .35s ease;
}
.project-highlights-frame.has-video-frame .project-highlights-poster{opacity:0}
.project-video-surface{
  position:absolute;
  z-index:3;
  inset:0;
  width:100%;
  border:0;
  background:transparent;
  cursor:pointer;
}
.project-video-surface:focus-visible{outline:2px solid var(--champagne);outline-offset:-5px}
.project-video-start{
  position:absolute;
  z-index:5;
  top:50%;
  left:50%;
  display:none;
  width:64px;
  height:64px;
  padding:0 0 0 4px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:50%;
  background:rgba(6,22,36,.72);
  color:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.24);
  cursor:pointer;
  transform:translate(-50%,-50%);
  backdrop-filter:blur(9px);
}
.project-video-start:hover,.project-video-start:focus-visible{background:rgba(6,22,36,.92);outline:2px solid var(--champagne);outline-offset:3px}
.project-highlights-frame.is-manual-start:not(.is-video-requested) .project-video-start{display:grid;place-items:center}
.project-highlights-frame.is-manual-start:not(.is-video-requested) .project-video-surface{display:none}
.project-video-controls{
  position:absolute;
  z-index:5;
  right:12px;
  bottom:12px;
  display:flex;
  gap:6px;
  align-items:center;
  padding:6px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(5,18,30,.54);
  color:#fff;
  opacity:.74;
  transition:opacity .2s ease,background .2s ease;
  backdrop-filter:blur(10px);
}
.project-video-controls:hover,.project-video-controls:focus-within{background:rgba(5,18,30,.78);opacity:1}
.project-video-label{padding:0 7px;color:rgba(255,255,255,.84);font-size:.54rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.project-video-controls button{
  display:grid;
  width:38px;
  height:38px;
  padding:0;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
}
.project-video-controls button:hover,.project-video-controls button:focus-visible{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.19);outline:2px solid var(--champagne);outline-offset:1px}
.project-highlights-frame:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;padding:0;background:#000;box-shadow:none}
.project-highlights-frame:fullscreen iframe{width:100%;height:100%}

@media(max-width:820px){
  .project-video-controls{
    right:8px;
    bottom:8px;
    display:none;
    gap:5px;
    padding:5px;
    opacity:.9;
  }
  .project-highlights-frame.is-video-requested .project-video-controls{display:flex}
  .project-video-controls button{width:44px;height:44px}
  .project-video-label{display:none}
  .project-video-start{width:68px;height:68px}
}

@media(prefers-reduced-motion:reduce){
  .project-highlights-frame.is-video-requested iframe{display:block}
  .project-highlights-frame.is-video-requested.has-video-frame .project-highlights-poster{opacity:0!important}
}

/* Official R&F Princess Cove logo lockup */
html{scroll-padding-top:90px}
main section[id]{scroll-margin-top:90px}
.site-header{height:90px}
.site-header:not(.scrolled){background:linear-gradient(180deg,rgba(4,15,25,.68),rgba(4,15,25,.2));backdrop-filter:blur(1px)}
.site-header.scrolled{height:90px}
.nav-shell{height:100%}
.brand{display:flex;width:220px;min-width:0;align-items:center;flex:none}
.brand-logo{display:block;width:220px;max-width:100%;height:70px;flex:none;object-fit:contain;object-position:left center}
.footer-identity{display:block;width:155px;max-width:100%}
.footer-logo{display:block;width:100%;height:auto}
.legal-header .shell{min-height:90px}
.legal-header .brand-logo{width:220px;height:70px}
.holding-logo-link{display:block;width:230px;max-width:100%;margin-bottom:42px}
.holding-logo{display:block;width:100%;height:auto}

@media(min-width:1101px){
  .site-header.scrolled .brand-logo{width:220px;height:70px}
}

@media(max-width:1100px){
  html{scroll-padding-top:82px}
  main section[id]{scroll-margin-top:82px}
  .site-header,.site-header.scrolled{height:82px}
  .brand{width:195px}
  .brand-logo{width:195px;height:66px}
  .main-nav{inset:82px 0 auto;height:calc(100svh - 82px);overflow-y:auto}
}

@media(max-width:820px){
  .site-header:not(.scrolled){background:linear-gradient(180deg,rgba(4,15,25,.9),rgba(4,15,25,.64))}
  html{scroll-padding-top:76px}
  main section[id]{scroll-margin-top:76px}
  .site-header,.site-header.scrolled{height:76px}
  .brand{width:170px}
  .brand-logo{width:170px;height:66px}
  .nav-shell{width:calc(100% - 28px)}
  .main-nav{inset:76px 0 auto;height:calc(100svh - 76px)}
  .footer-identity{width:145px}
}

@media(max-width:374px){
  .brand{width:160px}
  .brand-logo{width:160px;height:62px}
  .footer-identity{width:140px}
}

/* Connectivity journey: compact JB orientation followed by the separate RTS route */
.location-section{padding-block:34px 38px}
.location-grid{
  width:min(1160px,calc(100% - 48px));
  grid-template-columns:minmax(0,58fr) minmax(360px,42fr);
  grid-template-areas:"map content" "map actions";
  grid-template-rows:auto 1fr;
  gap:14px clamp(38px,4vw,62px);
}
.location-content{align-self:start;padding:0}
.location-map-image img{aspect-ratio:1/1;object-fit:contain}
.location-content .eyebrow{margin-bottom:10px}
.location-content h2{
  max-width:570px;
  margin:0;
  font-size:clamp(2.45rem,3.25vw,3.55rem);
  line-height:.96;
  text-transform:uppercase;
}
.connection-points,.rts-points{
  margin:20px 0 0;
  padding:0;
  border-top:1px solid rgba(27,48,63,.18);
  list-style:none;
}
.connection-points li,.rts-points li{
  position:relative;
  min-height:46px;
  padding:11px 4px 10px 30px;
  border-bottom:1px solid rgba(27,48,63,.18);
  color:#42515b;
  font-size:.84rem;
  font-weight:650;
  line-height:1.4;
}
.connection-points li:before,.rts-points li:before{
  position:absolute;
  content:"✓";
  left:3px;
  top:10px;
  color:var(--brass);
  font-weight:800;
}
.location-accuracy-note{max-width:570px;margin:13px 0 0;font-size:.67rem;line-height:1.5}
.location-actions{align-self:start}

.rts-section{padding:42px 0 44px;background:#e8f0f3;color:var(--navy)}
.rts-grid{
  width:min(1320px,calc(100% - 48px));
  display:grid;
  grid-template-columns:minmax(0,63fr) minmax(350px,37fr);
  grid-template-areas:"map content" "map action";
  grid-template-rows:auto 1fr;
  gap:14px clamp(38px,4vw,64px);
  align-items:start;
}
.rts-map-card{
  grid-area:map;
  min-width:0;
  margin:0;
  border:1px solid rgba(33,68,87,.22);
  background:#fff;
  box-shadow:0 22px 55px rgba(15,45,61,.1);
}
.rts-map-image{overflow:hidden;background:#fff}
.rts-map-image img{display:block;width:100%;height:auto;aspect-ratio:2048/1493;object-fit:contain}
.rts-map-enlarge{border-color:rgba(33,68,87,.2);background:#f5f8f9}
.rts-map-enlarge:hover{background:#e7eff2}
.rts-content{grid-area:content;min-width:0}
.rts-content .eyebrow{margin-bottom:10px;color:#967b48}
.rts-content h2{
  max-width:510px;
  margin:0;
  font-size:clamp(2.25rem,3vw,3.35rem);
  line-height:.98;
  text-transform:uppercase;
}
.rts-lead{max-width:500px;margin:16px 0 0;color:#415866;font-size:.92rem;line-height:1.55}
.rts-points{margin-top:17px}
.rts-points li{color:#2f4857}
.rts-accuracy-note{margin:13px 0 18px;color:#5e707b;font-size:.66rem;line-height:1.5}
.rts-action{grid-area:action}
.rts-action .button{width:100%;min-height:54px;font-size:.7rem;line-height:1.25;text-align:center}

@media(max-width:1300px) and (min-width:1101px){
  .location-section{padding-block:26px 30px}
  .location-grid{width:min(1050px,calc(100% - 48px))}
  .location-content h2{font-size:2.75rem}
  .connection-points{margin-top:15px}
}

@media(max-width:1100px){
  .location-section{padding-block:34px 38px}
  .location-grid{
    width:min(900px,calc(100% - 40px));
    grid-template-columns:1fr;
    grid-template-areas:"content" "map" "actions";
    grid-template-rows:auto;
    gap:18px;
  }
  .location-content h2{max-width:760px}
  .connection-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .connection-points li{padding-right:14px}
  .connection-points li+li{border-left:1px solid rgba(27,48,63,.18)}
  .rts-section{padding-block:36px 40px}
  .rts-grid{
    width:min(900px,calc(100% - 40px));
    grid-template-columns:1fr;
    grid-template-areas:"content" "map" "action";
    grid-template-rows:auto;
    gap:20px;
  }
  .rts-content h2{max-width:780px}
  .rts-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .rts-points li+li{border-left:1px solid rgba(27,48,63,.18)}
  .rts-action .button{max-width:460px}
}

@media(max-width:620px){
  .location-section{padding-block:26px 30px}
  .location-grid,.rts-grid{width:min(100% - 28px,900px)}
  .location-content h2,.rts-content h2{font-size:clamp(2rem,9vw,2.55rem)}
  .connection-points,.rts-points{display:block;margin-top:14px}
  .connection-points li,.rts-points li{min-height:44px;padding-block:10px 9px;font-size:.76rem}
  .connection-points li+li,.rts-points li+li{border-left:0}
  .location-accuracy-note,.rts-accuracy-note{font-size:.61rem}
  .location-actions{grid-template-columns:1fr;gap:8px}
  .location-actions .button{min-height:52px;font-size:.66rem}
  .rts-section{padding-block:30px calc(104px + env(safe-area-inset-bottom))}
  .rts-grid{gap:16px}
  .rts-lead{margin-top:12px;font-size:.8rem}
  .rts-action .button{width:100%;max-width:none;min-height:52px;font-size:.66rem}
  .rts-map-card{box-shadow:none}
}