:root{--header:88px;--chapter:0px;--paper:#fff;--ink:#203d37}html{scroll-padding-top:100px}body{background:var(--paper)}.header{position:fixed;left:0;right:0;top:0;height:88px;background:#ffffffed;color:var(--green);border-bottom:1px solid #203d3714;padding:0 6%;backdrop-filter:blur(12px);transition:background .3s,color .3s,opacity .3s}.brand{width:112px}.main-nav{color:var(--green);gap:26px;font-size:11px}.header-enquire{font-size:10px}.header-enquire span{color:var(--bronze)}.header.film-mode{background:transparent;border-color:transparent;backdrop-filter:none;color:white}.header.film-mode .main-nav{color:white}.header.film-mode .header-enquire{color:white}.hero{height:340svh;min-height:0;max-height:none;overflow:visible;background:white;color:var(--green);padding:0}.hero-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden}.hero-intro{position:absolute;left:7%;top:23%;z-index:5;width:40%;will-change:transform,opacity}.hero-intro>.eyebrow{font-size:8px;letter-spacing:2.3px;display:flex;align-items:center;gap:12px}.hero-intro>.eyebrow>span{height:1px;background:var(--bronze);width:28px}.hero h1{font-size:clamp(49px,5.7vw,88px);line-height:1.14;margin:30px 0 22px;max-width:none;width:auto;letter-spacing:0}.hero h1>span{display:block;animation:none;margin:0;width:auto}.hero h1 svg{max-width:none;overflow:visible}.hero-deck{font-size:12px;line-height:1.85;color:#728077;margin-top:5px}.enter-story{border:0;background:none;display:flex;align-items:center;gap:16px;padding:0;margin-top:30px;text-align:left;font-size:12px;color:var(--green)}.enter-circle{height:48px;width:48px;display:grid;place-items:center;border:1px solid #b67c5e90;border-radius:50%;font-size:22px;transition:background .3s}.enter-story:hover .enter-circle{background:#b67c5e15}.enter-story small{display:block;font-size:7px;letter-spacing:1.8px;color:#7b897e;margin-top:5px}.hero-film{position:absolute;left:50%;top:15%;width:43%;height:76%;border-radius:50% 50% 0 0 / 36% 36% 0 0;overflow:hidden;z-index:3;background:#203d37;will-change:width,height,left,top,border-radius;transform:translateZ(0)}.hero-film>video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%}.dome-outline{position:absolute;left:calc(50% - 9px);top:calc(15% - 9px);width:calc(43% + 18px);height:calc(76% + 18px);border:1px solid #b67c5e70;border-radius:50% 50% 0 0 / 36% 36% 0 0;z-index:2;pointer-events:none}.film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#102a272e,transparent 35%,transparent 50%,#102a27a0);opacity:0}.arrival-reveal{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;clip-path:inset(0 100% 0 0);z-index:2;will-change:clip-path}.arrival-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0d2b258f,transparent 60%);z-index:3;opacity:0}.film-caption{position:absolute;bottom:13%;left:7%;z-index:4;opacity:0;color:white;pointer-events:none}.film-caption>.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:18px}.film-caption h2{font-size:clamp(28px,4.3vw,68px);font-weight:400;line-height:1.14}.film-caption h2>span{display:block}.film-caption svg{max-width:none}.film-credit{position:absolute;right:28px;bottom:18px;font-size:6px;letter-spacing:1.4px;z-index:4;color:#fff}.film-control{position:absolute;right:25px;top:52%;z-index:6;background:#17382d80;border:1px solid #ffffff60;color:white;backdrop-filter:blur(8px);border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:.3px;display:flex;gap:10px;align-items:center}.film-control span{font-size:17px;line-height:1}.hero-folio{position:absolute;bottom:5%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.5px;color:#7a887e;z-index:4}.hero-folio i{height:9px;width:1px;background:var(--bronze);margin:0 12px;display:inline-block;vertical-align:middle}.scroll-chapters{position:absolute;left:7%;right:7%;bottom:4%;z-index:5;display:flex;gap:20px;align-items:center;color:white;opacity:0;font-size:7px;letter-spacing:1.6px}.film-progress{height:1px;width:80px;position:relative;background:#ffffff35}.film-progress:after{content:'';display:block;height:1px;background:#d7a587;width:var(--film-progress,0%)}.chapter-bar{position:relative;top:auto;height:66px;background:white;backdrop-filter:none;z-index:9;padding:0 7%;border-top:1px solid #203d371a;border-bottom:1px solid #203d371a}.chapter-bar>a{font-size:10px}.chapter-bar .progress-track{display:none}.section{position:relative;padding:110px 7%}.display-heading{max-width:none;font-size:clamp(34px,4.1vw,62px);width:auto;line-height:1.14}.display-heading>span,.display-heading>span+span{display:block;margin:0}.display-heading svg{max-width:none}.story .display-heading{max-width:none;font-size:clamp(38px,4.2vw,66px)}.story-body{grid-template-columns:1.35fr 1fr;gap:12%}.story-copy{padding-top:12px}.story-copy>p:first-child{font-size:18px}.story-copy>p:nth-child(2){font-size:13px}.story-footer{margin-top:70px;padding-top:28px}.story-flourish{display:none}.large-number{font-size:64px}.architecture{background:var(--green);color:white;padding:0 0 90px}.architecture-top{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:70px 7% 40px;align-items:center}.architecture-top .section-index{grid-column:1 / 3;padding:0;font-size:8px;color:#cbd4cb;margin-bottom:12px}.architecture-top .display-heading{font-size:clamp(34px,3.8vw,58px);max-width:none}.architecture-top .display-heading>span{display:inline-block}.architecture-top>p{justify-self:end;color:#cad3cb;font-size:12px;align-self:center;padding:0;max-width:240px}.architecture-main{border-radius:0;margin:0 3%;overflow:hidden}.architecture-main img{aspect-ratio:1.92;object-position:center}.detail-grid{margin:70px 7% 0;grid-template-columns:.9fr 1.1fr;gap:10%}.detail-copy{padding-left:0}.detail-copy h3.ogg{font-size:clamp(24px,2.7vw,40px);margin:24px 0;font-family:inherit}.detail-copy>p:not(.eyebrow){color:#cbd4cb;font-size:13px;max-width:350px}.detail-copy>.eyebrow{font-size:8px;color:#d5b39d}.detail-copy .text-link{color:white}.detail-image img{aspect-ratio:1.65}.detail-image figcaption{color:#cbd4cb;font-size:7px}.residence-intro{grid-template-columns:1fr 1fr;gap:25px}.residence-intro>.eyebrow{grid-column:1 / 3;font-size:8px;margin:0 0 10px}.residence-intro .display-heading{font-size:clamp(35px,4vw,60px);max-width:none}.residence-intro>p:last-child{justify-self:end;font-size:12px;max-width:270px}.plan-gallery{background:white;border-top:1px solid #203d3720;border-bottom:1px solid #203d3720;grid-template-columns:.75fr 1.25fr;margin-top:50px}.plan-info{background:#fff;color:var(--green);padding:45px 12% 45px 0;border-right:1px solid #203d3720}.plan-tabs{gap:0;margin-bottom:45px;border-bottom:1px solid #203d3730}.plan-tabs button{width:65px;height:45px;color:#65766b;border:0;border-bottom:2px solid transparent}.plan-tabs button[aria-selected=true]{background:transparent;color:var(--bronze);border-color:var(--bronze)}.plan-info>.eyebrow{color:#849084}.plan-info h3{font-size:32px}.plan-type{color:#78877b}.plan-area>span:first-child{font-size:58px;color:var(--bronze)}.plan-area small{color:#78877b}.plan-info dl div{border-top:1px solid #203d3720}.plan-info dt{color:#78877b}.plan-info .text-link{color:var(--green)}.plan-note{color:#7b897e}.plan-panel{background:white;min-height:620px}.plan-panel img{height:530px;mix-blend-mode:normal}.lifestyle{padding-top:0}.lifestyle-title{display:block;margin-bottom:40px}.lifestyle-title>.eyebrow{font-size:8px;margin-bottom:25px}.lifestyle-title .display-heading{max-width:none;font-size:clamp(38px,4.3vw,66px)}.lifestyle-title .display-heading>span{display:inline-block;margin-right:.12em}.lifestyle-gallery{gap:36px;grid-template-columns:1.3fr 1fr}.lifestyle-feature{border-radius:0;min-height:590px}.lifestyle-feature h3.ogg{font-size:36px;line-height:1.14;font-family:inherit}.lifestyle-feature h3>span{display:block}.lifestyle-secondary h3.ogg{font-size:26px;margin-top:10px;font-family:inherit}.lifestyle-secondary img{aspect-ratio:1.8}.invitation{min-height:570px}.invite-content .display-heading{font-size:clamp(38px,4.4vw,64px);max-width:none}.invite-content{width:60%}.invitation-small{font-size:7px}.ogg svg{max-width:none}.main-nav a:after{background:var(--bronze)}
@media(min-width:1500px){.hero-intro{top:24%}.hero-film{left:51%;width:41%}.dome-outline{left:calc(51% - 9px);width:calc(41% + 18px)}}
@media(max-height:760px) and ((width > 760px) and ((width > 1100px) or (orientation: landscape))){.hero-intro{top:21%}.hero h1{font-size:clamp(46px,5.1vw,70px);margin-top:20px;margin-bottom:14px}.hero-deck{font-size:11px}.enter-story{margin-top:18px}.hero-film{top:17%;height:73%}.dome-outline{top:calc(17% - 9px);height:calc(73% + 18px)}}
@media(max-width:1100px) and ((width > 760px) and ((width > 1100px) or (orientation: landscape))){.header{padding:0 5%}.main-nav{gap:18px}.main-nav a{font-size:10px}.hero h1{font-size:5.7vw}.hero-intro{left:6%;width:43%}.hero-deck{font-size:11px}.architecture-top,.residence-intro{grid-template-columns:1fr 1fr}.architecture-top>p,.residence-intro>p:last-child{grid-column:auto}.display-heading{font-size:4.5vw}.plan-info{padding-right:25px}.story-body{gap:7%}.lifestyle-feature h3.ogg{font-size:30px}}
@media((width <= 760px) or ((width <= 1100px) and (orientation: portrait))){:root{--header:74px;--chapter:0px}html{scroll-padding-top:85px}.header{height:74px;padding:0 23px}.brand{width:92px}.menu-toggle span{background:var(--green)}.header.film-mode .menu-toggle span{background:white}.mobile-menu{inset:74px 0 0;background:white;color:var(--green)}.mobile-menu>a{border-color:#203d3720}.mobile-menu>a span{color:var(--green);font-size:28px}.mobile-menu>p{color:#78877c}.hero{height:300svh;display:block;padding:0}.hero-stage{min-height:650px;height:100svh}.hero-intro{left:7%;top:14%;width:86%;text-align:center}.hero-intro>.eyebrow{justify-content:center;font-size:6px;letter-spacing:1.7px}.hero-intro>.eyebrow>span{width:18px}.hero h1{font-size:37px;line-height:1.06;margin:19px auto 9px;display:flex;justify-content:center;flex-wrap:wrap;column-gap:.2em;max-width:340px}.hero h1>span:first-child{display:inline-block}.hero h1>span:nth-child(2){display:inline-block}.hero h1>span:nth-child(3){display:block;flex-basis:100%}.hero h1>span:nth-child(3) svg{margin:auto}.hero h1 svg{height:1.03em!important}.hero-deck{display:none}.enter-story{position:absolute;top:174px;right:-7px;display:block;margin:0;z-index:7}.enter-story>span:last-child{display:none}.enter-circle{width:36px;height:36px;font-size:17px;background:#fff}.hero-film{left:10%;top:38%;width:80%;height:54%;border-radius:50% 50% 0 0 / 34% 34% 0 0}.dome-outline{left:calc(10% - 6px);top:calc(38% - 6px);width:calc(80% + 12px);height:calc(54% + 12px);border-radius:50% 50% 0 0 / 34% 34% 0 0}.hero-film>video{object-position:50% 43%}.film-control{right:15px;top:auto;bottom:25px;font-size:8px;padding:7px 10px}.film-credit{font-size:5px;bottom:9px;right:13px}.hero-folio{left:7%;right:7%;bottom:3%;font-size:5px;letter-spacing:1px}.hero-folio span:nth-child(2){max-width:135px;text-align:right}.hero-folio i{margin:0 4px;height:6px}.film-caption{left:7%;bottom:16%;right:6%}.film-caption h2{font-size:29px}.film-caption .eyebrow{font-size:7px;margin-bottom:12px}.scroll-chapters{bottom:7%;font-size:6px;letter-spacing:1px}.film-progress{width:45px}.arrival-reveal{object-position:center}.chapter-bar{position:relative;height:54px;top:auto;padding:0 25px;gap:25px;overflow:auto}.chapter-bar .progress-track{display:none}.chapter-bar>a{font-size:10px}.section{padding:65px 27px}.display-heading,.story .display-heading{font-size:35px;max-width:none;width:auto}.story-body{display:block;margin-top:28px}.story-copy{padding-left:0;padding-top:0;margin-top:30px}.story-copy>p:first-child{font-size:16px}.story-copy>p:nth-child(2){font-size:12px;line-height:1.9}.story-footer{margin-top:40px;padding-top:24px}.large-number{font-size:58px}.architecture{padding:0 0 55px}.architecture-top{display:block;padding:55px 27px 30px}.architecture-top .section-index{margin-bottom:25px}.architecture-top .display-heading{font-size:34px;width:auto;max-width:none}.architecture-top .display-heading>span{display:block}.architecture-top>p{font-size:11px;margin-top:25px}.architecture-main{margin:0;border-radius:0}.architecture-main img{aspect-ratio:1.04}.detail-grid{margin:40px 27px 0;display:block}.detail-copy h3.ogg{font-size:26px;margin:20px 0}.detail-copy>p:not(.eyebrow){font-size:12px}.detail-image{margin-top:28px}.detail-image img{aspect-ratio:1.3}.residence-intro{display:block}.residence-intro>.eyebrow{margin-bottom:25px}.residence-intro .display-heading{font-size:35px;max-width:none;width:auto}.residence-intro>p:last-child{font-size:12px;margin-top:25px}.plan-gallery{display:flex;margin:35px 0 0;border-bottom:0}.plan-info{border:0;padding:10px 0 20px}.plan-tabs{margin-bottom:25px}.plan-info h3{font-size:28px}.plan-area>span:first-child{font-size:48px}.plan-panel{min-height:0;padding:38px 0 30px;margin-left:-10px;margin-right:-10px}.plan-panel img{height:420px}.plan-top-label{font-size:6px}.plan-bottom-label{font-size:6px}.lifestyle{padding-top:10px}.lifestyle-title .display-heading{font-size:34px;max-width:none;width:auto}.lifestyle-title .display-heading>span{display:block}.lifestyle-feature{min-height:0;height:430px;border-radius:0}.lifestyle-feature h3.ogg{font-size:28px}.lifestyle-secondary h3.ogg{font-size:25px}.lifestyle-secondary img{aspect-ratio:1.4}.invitation{padding-bottom:240px}.invite-content{width:100%}.invite-content .display-heading{font-size:35px;width:auto;max-width:none}.invite-content>p:not(.eyebrow){margin-top:24px}.invitation-small{font-size:6px}.film-control:focus-visible{outline-color:white}.enquiry-dialog h2{font-size:30px}}
@media(max-width:360px){.hero h1{font-size:34px}.display-heading,.story .display-heading,.residence-intro .display-heading,.invite-content .display-heading{font-size:31px}.architecture-top .display-heading,.lifestyle-title .display-heading{font-size:30px}.film-caption h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.hero{height:auto;min-height:100svh}.hero-stage{position:relative}.hero-film,.hero-intro{will-change:auto}.arrival-reveal,.film-caption,.scroll-chapters{display:none}}
#family-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;opacity:0;pointer-events:none}.film-shade{z-index:1}@media(prefers-reduced-motion:reduce){#family-canvas{display:none}}
.film-next{pointer-events:auto;display:flex;align-items:center;gap:28px;width:max-content;background:transparent;border:0;border-bottom:1px solid #ffffff70;color:white;font-size:11px;padding:10px 0;margin-top:20px}.film-next span{font-size:17px}.film-control{backdrop-filter:none;background:#17382dbf}.header.film-mode{background:linear-gradient(180deg,#18342e80,transparent)}@media((width <= 760px) or ((width <= 1100px) and (orientation: portrait))){.film-next{font-size:10px;margin-top:12px}}
