@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Sans:wght@400;500;600&display=swap');
:root{--bg:#d8d1c7;--paper:#ece6dc;--ink:#1f211f;--muted:#676b66;--bronze:#9e6d4a;--line:#bcb4a8;--dark:#191a19;--sans:"DM Sans",Arial,sans-serif;--head:"Instrument Sans",Arial,sans-serif;--ease:cubic-bezier(.2,.78,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:center;padding:17px 3.2vw;background:rgba(216,209,199,.95);border-bottom:1px solid rgba(31,33,31,.14);backdrop-filter:blur(12px)}.brand{display:flex;flex-direction:column}.brand strong{font:600 18px var(--head);letter-spacing:.05em}.brand span{font-size:8px;letter-spacing:.24em;color:#74756f;margin-top:4px}.desktop-nav{display:flex;gap:22px}.desktop-nav a,.header-cta{font-size:12px;font-weight:500}.header-cta,.btn-bronze{background:var(--bronze);color:white;padding:13px 18px;border:0;font-size:12px;font-weight:600}.menu-toggle{display:none;background:none;border:0}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:3px}.wide{width:100%}main{padding:0 3.2vw 70px}
.cover-hero{position:relative;height:720px;margin:0 -3.2vw;overflow:hidden}.cover-hero>img{width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,14,.08),rgba(14,15,14,.22) 60%,rgba(14,15,14,.62))}.cover-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:white;z-index:2}.cover-title span{display:block;font:500 clamp(84px,13vw,190px)/.78 var(--head);letter-spacing:-.07em}.cover-title strong{display:block;font:500 clamp(40px,6vw,84px)/.9 var(--head);letter-spacing:.12em}.cover-caption{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);color:#f1ece6;font-size:12px;z-index:2;white-space:nowrap}
.entry-console{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:28px 0 92px}.entry-console a{background:var(--paper);padding:24px}.entry-console strong{display:block;font:500 22px var(--head)}.entry-console span{display:block;font-size:11px;color:var(--muted);margin-top:6px}
.opening-statement{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;margin-bottom:100px}.statement-left h1,.page-intro h1,.location-page-copy h1,.enquire-copy h1,.detail-copy h1{font:500 clamp(52px,5.5vw,82px)/.94 var(--head);letter-spacing:-.05em;margin:0}.statement-right{display:flex;align-items:end}.statement-right p,.page-intro p,.location-page-copy p,.enquire-copy p,.detail-copy p{color:var(--muted);line-height:1.7}
.development-film{margin-bottom:100px;overflow:hidden}.film-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.film-panel{min-width:78vw;height:620px;position:relative;scroll-snap-align:center;overflow:hidden}.film-panel img{width:100%;height:100%;object-fit:cover}.film-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,16,15,.02),rgba(15,16,15,.64))}.film-copy{position:absolute;left:32px;bottom:28px;color:white;z-index:2}.film-copy strong{font:500 42px var(--head)}.film-copy span{display:block;font-size:11px;margin:6px 0 10px}.film-copy a{font-size:11px;border-bottom:1px solid currentColor}
.residence-composer{margin-bottom:100px}.composer-copy{max-width:760px}.composer-copy h2,.plan-note h2,.location-note h2{font:500 clamp(42px,4.4vw,64px)/.95 var(--head);letter-spacing:-.04em;margin:0 0 14px}.composer-copy p,.plan-note p,.location-note p{color:var(--muted);line-height:1.6}.composer-stage{position:relative;height:760px;margin-top:24px}.composer-card{position:absolute;background:var(--paper);padding:8px}.composer-card img{width:100%;height:100%;object-fit:cover;display:block}.composer-card div{padding:12px 4px}.composer-card strong{font:500 23px var(--head)}.composer-card span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.card-a{left:0;top:40px;width:42%;height:510px}.card-b{left:34%;top:0;width:40%;height:590px;z-index:2}.card-c{right:0;top:120px;width:32%;height:460px}
.plan-room{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:center;margin-bottom:100px}.plan-sheet{height:650px}.plan-sheet img{width:100%;height:100%;object-fit:cover}.plan-note{padding:20px}
.location-strip{position:relative;height:660px;margin-bottom:100px;overflow:hidden}.location-strip>img{width:100%;height:100%;object-fit:cover}.location-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,19,18,.05),rgba(18,19,18,.62))}.location-word{position:absolute;left:4%;top:7%;font:500 clamp(84px,12vw,170px)/.8 var(--head);letter-spacing:-.06em;color:rgba(255,255,255,.68);z-index:2}.location-note{position:absolute;left:4%;bottom:38px;max-width:620px;color:white;z-index:2}.location-note p{color:#ece7df}.viewing-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid var(--line);padding-top:30px}.viewing-footer span{font:500 22px var(--head);max-width:780px}
.page-intro{padding:56px 0 44px;max-width:980px}.development-scroll{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory}.development-card{min-width:72vw;scroll-snap-align:center}.development-card img{width:100%;height:560px;object-fit:cover}.development-card strong{display:block;font:500 32px var(--head);margin-top:14px}.development-card span{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.residence-stack{display:grid;gap:18px}.residence-slab{position:relative;height:560px;overflow:hidden}.residence-slab img{width:100%;height:100%;object-fit:cover}.residence-slab:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(16,17,16,.66))}.residence-slab>div{position:absolute;left:28px;bottom:24px;color:white;z-index:2}.residence-slab strong{font:500 34px var(--head)}.residence-slab span{display:block;font-size:11px;margin-top:5px}
.amenities-scene{position:relative;height:700px;margin:0 -3.2vw}.amenities-scene img{width:100%;height:100%;object-fit:cover}.amenities-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:500 clamp(80px,12vw,170px)/.8 var(--head);color:rgba(255,255,255,.68);white-space:nowrap}.amenities-text,.buyer-run{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:30px}.amenities-text div,.buyer-run div{background:var(--paper);padding:24px;min-height:160px}.amenities-text strong,.buyer-run strong{display:block;font:500 22px var(--head)}.amenities-text span,.buyer-run span{display:block;color:var(--muted);font-size:11px;margin-top:7px}
.location-page{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding-top:40px}.location-canvas{height:660px}.location-canvas img{width:100%;height:100%;object-fit:cover}.location-lines{margin-top:22px}.location-lines div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}
.gallery-wall{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-auto-rows:280px;gap:12px}.gallery-wall img{width:100%;height:100%;object-fit:cover}.g1{grid-row:span 2}.g2{grid-row:span 2}.g4{grid-column:span 2}.g5{grid-column:span 2}
.enquire-scene,.detail-stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding-top:48px}.enquire-form{background:var(--paper);padding:30px}.enquire-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-size:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.enquire-form input,.enquire-form select,.enquire-form textarea{padding:12px;border:1px solid var(--line);background:white}.form-status{margin-top:12px;font-size:11px;color:var(--muted)}.detail-art{height:650px}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:20px 0}.detail-meta div{background:var(--paper);padding:13px}.detail-meta span{display:block;color:var(--muted);font-size:10px}.detail-meta strong{display:block;font-size:12px;margin-top:4px}
.site-footer{padding:34px 3.2vw 44px;border-top:1px solid rgba(31,33,31,.15);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;background:#c9c0b5}.site-footer>div{display:flex;flex-direction:column;gap:8px}.site-footer a,.site-footer span{font-size:11px;color:#696a65}
.reveal{opacity:0;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .65s var(--ease),transform .65s var(--ease)}.image-reveal{clip-path:inset(0 10% 0 0);transform:translateX(-20px)}.image-reveal.is-visible{clip-path:inset(0);transform:none!important;transition:clip-path .9s var(--ease),transform .9s var(--ease),opacity .7s var(--ease)}.motion-edge{position:relative}.motion-edge:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--bronze);opacity:.8}.motion-edge.is-visible:after{animation:edge .72s .15s var(--ease) forwards}@keyframes edge{0%{width:0;opacity:.9}75%{width:100%;opacity:.7}100%{width:100%;opacity:0}}
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.site-header{grid-template-columns:1fr auto}.site-header.menu-open .desktop-nav{display:flex;position:absolute;top:100%;left:18px;right:18px;background:var(--paper);padding:18px;flex-direction:column}.opening-statement,.plan-room,.location-page,.enquire-scene,.detail-stage{grid-template-columns:1fr}.composer-stage{height:980px}.card-a{width:58%}.card-b{left:38%;width:54%}.card-c{top:560px;width:48%}.amenities-text,.buyer-run{grid-template-columns:1fr 1fr}.gallery-wall{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr}}
@media(max-width:620px){main{padding:0 20px 50px}.site-header{padding:16px 20px}.cover-hero,.amenities-scene{margin-left:-20px;margin-right:-20px}.cover-hero{height:690px}.cover-title span{font-size:84px}.cover-title strong{font-size:38px}.cover-caption{white-space:normal;width:80%;text-align:center}.entry-console{grid-template-columns:1fr}.statement-left h1,.page-intro h1,.location-page-copy h1,.enquire-copy h1,.detail-copy h1{font-size:50px}.film-panel{min-width:90vw;height:540px}.composer-stage{height:auto;display:grid;gap:16px}.composer-card,.card-a,.card-b,.card-c{position:relative;inset:auto;width:auto;height:auto}.composer-card img{height:360px}.plan-sheet{height:440px}.location-word{font-size:76px}.viewing-footer{flex-direction:column;align-items:flex-start}.amenities-text,.buyer-run,.gallery-wall{grid-template-columns:1fr}.g1,.g2,.g4,.g5{grid-column:auto;grid-row:auto}.form-row{grid-template-columns:1fr}.site-footer{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){.reveal,.image-reveal{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.motion-edge:after{display:none}}