@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--paper:#f4f5f1;--panel:#e9ece6;--ink:#263e33;--muted:#5c675f;--line:#cbd1c9;--green:#253d32;--white:#fff;--radius:0;color-scheme:light;--page-pad:clamp(24px,5.4vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Segoe UI',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:active,.button:active{transform:translateY(1px)}button{border:0;background:none}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h2{font-size:clamp(34px,3.5vw,54px);line-height:1.14;letter-spacing:-2px}em{font-style:normal;color:inherit;font-weight:300}p{line-height:1.85}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}::selection{background:#bed0b7;color:#1c3326}.skip-link{position:fixed;top:-80px;left:20px;z-index:10;padding:15px;background:var(--paper)}.skip-link:focus{top:10px}.site-header{height:92px;max-width:1600px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:18px;flex-shrink:0}.wordmark{font-size:52px;letter-spacing:-5px;line-height:1;font-weight:500}.brand-caption{font-size:9px;letter-spacing:2.8px;margin-top:11px}.desktop-nav{display:flex;gap:32px;margin-left:auto;margin-right:32px;font-size:12px}.desktop-nav a{padding:10px 0}.desktop-nav a:hover{box-shadow:0 1px currentColor}.button{min-height:49px;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:15px 23px;background:var(--green);color:#fff;font-size:12px;white-space:nowrap;border:1px solid transparent;transition:background .2s,transform .2s}.button span{font-size:20px;line-height:1}.button:hover{background:#3c5845}.button-light{background:#f5f6f0;color:#263e33}.button-light:hover{background:#dce5d6}.header-cta{min-height:44px;font-size:11px;padding:12px 18px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{position:relative;margin:0 18px;height:min(760px,calc(100svh - 115px));min-height:555px;overflow:hidden;background:#324237}.hero-image{height:100%;object-position:center 50%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,26,16,.65),rgba(9,26,16,.15) 55%,transparent 80%),linear-gradient(0deg,rgba(9,26,16,.22),transparent 40%)}.hero-copy{position:absolute;left:calc(var(--page-pad) - 18px);bottom:65px;color:#fff}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600}.hero h1{font-size:clamp(60px,6.6vw,100px);letter-spacing:-4px;line-height:1.04;margin:24px 0 22px}.hero h1 em{font-weight:300}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#f0f2ed}.hero-copy .button{margin-top:30px;min-width:210px}.hero-gallery{position:absolute;bottom:44px;right:42px;color:#fff;border:1px solid #ffffff80;background:#12231882;padding:14px 20px;font-size:12px;display:flex;align-items:center;gap:12px}.hero-gallery:hover{background:#253d32}.gallery-symbol{font-size:20px}.location-bar{display:flex;justify-content:space-between;gap:20px;padding:25px var(--page-pad);border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.location-bar>span:first-child{letter-spacing:2px;color:var(--ink);font-weight:600}.section-pad{padding:110px var(--page-pad)}.vision{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;max-width:1600px;margin:auto}.vision-heading p{max-width:345px;margin:26px 0;color:var(--muted);font-size:14px}.vision-heading h2 em{color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:35px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--ink);font-weight:600}.text-link span{font-size:21px}.text-link:hover{gap:43px}.vision-image{padding-top:10px}.vision-image img{aspect-ratio:1.28;object-position:65% center}.vision-image>span{display:block;margin-top:14px;font-size:10px;color:var(--muted)}.residences{background:var(--panel)}.residence-heading{text-align:center}.residence-heading h2{margin:18px 0}.residence-heading>p:last-child{color:var(--muted);font-size:13px}.residence-tabs{display:grid;grid-template-columns:repeat(3,1fr);max-width:940px;margin:48px auto 34px;border-bottom:1px solid var(--line)}.residence-tabs button{padding:16px 10px 20px;font-size:15px;color:var(--muted);border-bottom:2px solid transparent}.residence-tabs button span{display:block;font-size:10px;margin-top:7px}.residence-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}.residence-panel{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;background:var(--paper)}.residence-photo{position:relative;min-height:440px}.residence-photo img{height:100%;position:absolute;object-position:45% center}.image-expand{position:absolute;bottom:20px;right:20px;width:42px;height:42px;background:var(--paper);font-size:24px}.residence-details{padding:clamp(30px,4vw,60px);display:flex;flex-direction:column;justify-content:center}.detail-kicker{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.residence-details h3{font-size:31px;letter-spacing:-1px;margin:14px 0 18px}.residence-details>p:not(.detail-kicker):not(.sample-note){color:var(--muted);font-size:12px;max-width:350px}.specs{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:15px;margin:30px 0 24px}.specs dt{font-size:9px;color:var(--muted);margin-bottom:10px}.specs dd{margin:0;font-size:24px;font-weight:300}.specs>div:last-child dd{font-size:13px;line-height:1.9}.select-residence{align-self:flex-start}.sample-note{font-size:9px;color:var(--muted);line-height:1.7;margin-top:20px;max-width:300px}.lifestyle{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:#f3f5ed}.lifestyle-photo{min-height:780px}.lifestyle-photo img{height:100%;max-height:900px;object-position:44% center}.lifestyle-copy{padding:80px clamp(30px,6vw,100px)}.lifestyle h2{margin:22px 0 25px;font-size:clamp(40px,4vw,62px)}.lifestyle-copy>p:not(.eyebrow){font-size:13px;color:#d2d9cd}.amenities{margin-top:40px}.amenities>div{position:relative;padding:23px 0 23px 35px;border-top:1px solid #ffffff2b}.amenities>div>span{position:absolute;left:0;top:27px;font-size:9px;color:#c2cfbb}.amenities h3{font-size:15px;margin-bottom:7px}.amenities p{font-size:11px;color:#d2d9cd}.gallery-heading{margin-bottom:44px}.gallery-heading p{margin-top:17px;color:var(--muted);font-size:13px}.gallery-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:24px}.gallery-tile{padding:0;text-align:left;overflow:hidden}.gallery-tile img{height:330px;transition:transform .6s ease}.gallery-wide img{object-position:66% center}.gallery-tile>span{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:12px;background:var(--paper);position:relative}.gallery-tile>span>span{font-size:23px}.gallery-tile:hover img{transform:scale(1.035)}.enquire{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--green);color:#f3f5ed}.enquire h2{font-size:clamp(48px,5.5vw,82px);margin:22px 0}.enquire-copy>p:not(.eyebrow){font-size:13px;color:#d2d9cd}.enquire-copy .form-disclosure{max-width:300px;font-size:10px!important;margin-top:38px;line-height:1.8}.enquire form{padding-top:14px;display:flex;flex-direction:column;gap:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{font-size:11px;display:block}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #b6c4b08a;background:transparent;color:#fff;border-radius:0;padding:13px 0;margin-top:7px;font-size:12px;min-height:44px}select{color-scheme:dark}select option{background:#253d32;color:#fff}textarea{resize:vertical;max-height:180px}input::placeholder,textarea::placeholder{color:#c2cdbb;opacity:1}.optional{color:#c2cdbb;font-size:10px}.enquire form>.button{align-self:flex-start;margin-top:7px;min-width:200px}footer{padding:45px var(--page-pad) 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-top p{font-size:12px;color:var(--muted)}.footer-top .text-link{border:none;font-size:10px}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}dialog{border:0;padding:25px;background:var(--paper);color:var(--ink);max-width:min(1000px,92vw);width:100%;max-height:92dvh;overflow:auto}dialog::backdrop{background:#0d1b15dc}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:25px;letter-spacing:-.7px}.close-dialog{font-size:32px;width:44px;height:44px}.close-dialog:hover{background:var(--panel)}#gallery-image{max-height:65dvh;object-fit:contain;background:#16251c}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.gallery-controls button{border:1px solid var(--line);width:48px;height:44px;font-size:23px}.gallery-controls p{text-align:center;font-size:12px}.gallery-controls small{display:block;color:var(--muted);font-size:9px}#enquiry-dialog{max-width:620px;padding:32px}.preview-note{color:var(--muted);font-size:12px}#enquiry-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 Manrope,sans-serif;background:var(--panel);padding:22px;margin:22px 0}#copy-status{font-size:12px;margin-top:15px}
@media(prefers-reduced-motion:no-preference){.hero-image{animation:hero-settle 1.7s ease-out both}.hero-copy{animation:arrive .85s .1s both}.reveal.is-ready{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.is-ready.is-visible{opacity:1;transform:none}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-settle{from{transform:scale(1.045)}to{transform:scale(1)}}}
@media(prefers-color-scheme:dark){:root{--paper:#18271f;--panel:#203228;--ink:#e7ece2;--muted:#bdc8b6;--line:#405243;color-scheme:dark}.header-cta{background:#dce5d6;color:#233b2e}.vision-image img,.gallery-tile img{filter:brightness(.9)}.button:not(.button-light):hover{background:#436149}}
@media(min-width:1600px){.hero{max-width:1564px;margin:auto}.location-bar,.gallery,footer{max-width:1600px;margin:auto}.hero-copy{left:68px}}
@media(max-width:1023px){.site-header{height:80px;padding:0 24px;gap:20px}.desktop-nav{gap:20px;margin-right:5px}.brand-caption{display:none}.header-cta{gap:15px}.hero{min-height:550px;height:calc(100svh - 100px)}.hero-copy{bottom:55px}.hero h1{font-size:70px}.hero-gallery{bottom:30px;right:25px}.section-pad{padding-top:80px;padding-bottom:80px}.vision{gap:7%}.residence-details{padding:28px}.residence-photo{min-height:430px}.lifestyle-copy{padding:65px 35px}.lifestyle-photo{min-height:750px}.gallery-grid{gap:16px}.gallery-tile img{height:270px}.enquire{gap:7%}}
@media(max-width:767px){:root{--page-pad:24px}.site-header{height:76px}.brand-caption{display:block;font-size:8px;letter-spacing:2px}.wordmark{font-size:46px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:12px;font-size:12px;min-height:44px}.menu-toggle span{font-size:20px}.mobile-nav{padding:10px 24px 24px;border-bottom:1px solid var(--line);background:var(--paper)}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.hero{margin:0 10px;min-height:580px;height:calc(100svh - 91px);max-height:760px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(0deg,#0c2017e6 0%,#0c20174d 64%,#0c20170a 100%)}.hero-copy{left:24px;right:18px;bottom:90px}.hero h1{font-size:clamp(52px,10vw,72px);letter-spacing:-2.8px;line-height:1.06;margin:20px 0}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-copy .button{margin-top:25px;min-width:200px}.hero-gallery{left:24px;right:auto;bottom:22px;padding:9px 0;border:none;background:none;font-size:10px;min-height:44px}.location-bar{padding:20px 24px;flex-wrap:wrap;gap:9px;font-size:9px}.location-bar>span:first-child{display:none}.location-bar>span:last-child{display:none}.section-pad{padding-top:65px;padding-bottom:65px}h2{letter-spacing:-1.5px}.vision{grid-template-columns:1fr;gap:35px}.vision-heading p{margin:22px 0;font-size:13px;max-width:100%}.vision-image{padding:0}.vision-image img{aspect-ratio:1.2}.residence-heading h2{font-size:33px}.residence-heading p{font-size:12px!important}.residence-tabs{margin-top:30px;gap:4px}.residence-tabs button{font-size:11px;line-height:1.5;padding:15px 3px}.residence-tabs button span{font-size:9px}.residence-panel{grid-template-columns:1fr}.residence-photo{min-height:0;aspect-ratio:1.2}.residence-details{padding:30px 24px}.residence-details h3{font-size:29px}.specs{margin-top:28px}.lifestyle{grid-template-columns:1fr}.lifestyle-photo{min-height:0;max-height:none;height:420px}.lifestyle-photo img{object-position:center 60%}.lifestyle-copy{padding:55px 24px}.lifestyle h2{font-size:44px}.amenities{margin-top:32px}.amenities>div{padding-top:23px;padding-bottom:23px}.gallery-heading h2{max-width:290px}.gallery-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.gallery-wide{grid-column:1/-1}.gallery-tile img{height:210px}.gallery-wide img{height:320px}.gallery-tile>span{font-size:10px;padding:12px 0;gap:8px}.gallery-tile>span>span{font-size:18px}.enquire{grid-template-columns:1fr;gap:35px}.enquire h2{font-size:58px}.enquire-copy .form-disclosure{margin-top:24px;max-width:340px}.enquire form{gap:25px}.form-row{grid-template-columns:1fr;gap:25px}.footer-top{flex-wrap:wrap;gap:24px;padding-bottom:30px}.footer-top p{font-size:10px;width:100%;order:3}.footer-top .brand-caption{display:none}.footer-bottom{flex-direction:column;gap:10px;font-size:9px}.footer-top .text-link{margin-left:auto}dialog{padding:16px}.dialog-top{margin-bottom:12px}.dialog-top h2{font-size:21px}#enquiry-dialog{padding:23px}#enquiry-preview{padding:16px;font-size:12px}}
.vision-image img{height:auto}.hero>picture{display:block;height:100%}
@media(min-width:1024px){.site-header{height:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}