.vision-hero{color:#26364a;background:#fff;height:380svh;position:relative}.vision-hero__sticky{isolation:isolate;background:#fff;height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden}.vision-hero__architecture{z-index:-1;color:#bfc3c5;opacity:.25;pointer-events:none;width:78%;height:106%;transition:transform 1.1s,opacity 1s;position:absolute;top:-10%;right:-8%}.vision-hero--exploring .vision-hero__architecture{opacity:.16;transform:translateY(-48%)}.vision-hero__stage{--orbit-radius:min(17.5vw, calc((max(100svh, 680px) - 192px) * .34));max-width:1800px;margin-inline:auto;position:absolute;inset:126px 0 66px}.vision-hero__logo{width:clamp(72px,8.5vw,116px);opacity:var(--intro-opacity,1);pointer-events:none;position:absolute;top:50%;left:28.5%;transform:translate(-50%,-50%)}.vision-hero__logo img{width:100%;height:auto}.vision-hero__intro{width:37%;opacity:var(--intro-opacity,1);position:absolute;top:50%;left:56%;transform:translateY(-50%)}.vision-hero h1{font-family:var(--font-serif);letter-spacing:.065em;font-size:clamp(32px,3.05vw,53px);font-weight:500;line-height:1.26}.vision-hero h1 em{color:#b79049;font-style:normal;font-weight:inherit}.vision-hero__explore{letter-spacing:.2em;text-transform:uppercase;color:#73736e;cursor:pointer;align-items:center;gap:18px;margin-top:28px;font-size:12px;display:inline-flex}.vision-hero__explore svg{animation:2s ease-in-out infinite vision-scroll-cue}.vision-hero__card{left:calc(28.5% + var(--orbit-x) * var(--orbit-radius));top:calc(50% + var(--orbit-y) * var(--orbit-radius));aspect-ratio:1;cursor:pointer;width:clamp(88px,10.8vw,140px);max-width:calc(21.2766svh - 43.617px);animation:1.2s both vision-photo-arrive;animation-delay:calc(var(--card-index) * 65ms);background:#fff;border:0;grid-template-rows:minmax(0,1fr) 50px;padding:0;transition:box-shadow .3s,scale .3s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 24px #26364a10}.vision-hero__card img{object-fit:cover;filter:grayscale();width:100%;height:100%;min-height:0;transition:filter .45s;display:block}.vision-hero__card--logo img{object-fit:contain;filter:none;background:#fff;padding:5px}.vision-hero__card:hover,.vision-hero__card:focus-visible{z-index:3;scale:1.07;box-shadow:0 12px 30px #26364a24}.vision-hero__card:is(:hover,:focus-visible,.is-active) img{filter:grayscale(0)}.vision-hero__card.is-active{outline-offset:5px;outline:1px solid #bd9b5c}.vision-hero__card-label{text-align:left;color:#665632;opacity:1;background:#faf9f6;justify-content:space-between;align-items:center;gap:5px;min-width:0;padding:6px 8px;font-size:10px;line-height:1.25;transition:opacity .25s;display:flex}.vision-hero__card-label svg{flex-shrink:0}.vision-hero__card-status{color:#78796f;margin-top:3px;font-size:9px;display:block}.vision-hero__card:is(:hover,:focus-visible) .vision-hero__card-label{opacity:1}.vision-hero__center{left:22%;top:clamp(6%, calc(6% + var(--story-row) * 30%), calc(100% - 250px));pointer-events:none;width:56%;transition:top .65s;position:absolute}.vision-hero__center--right{text-align:right}.vision-hero__story{pointer-events:auto;animation:.55s both vision-story-arrive;position:relative}.vision-hero__story-number{font-family:var(--font-sans);color:#efefec;z-index:-1;font-size:94px;font-weight:300;line-height:1;position:absolute;top:-43px;left:0}.vision-hero__center--right .vision-hero__story-number{left:auto;right:0}.vision-hero__story h2{color:#aa884d;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.015em;margin-bottom:13px;font-size:clamp(22px,2.35vw,36px);font-weight:300;line-height:1.3;position:relative}.vision-hero__story h2:before{content:"";background:#bf9a50;width:6vw;height:1px;position:absolute;top:50%;right:calc(100% + 12px)}.vision-hero__center--right h2:before{left:calc(100% + 12px);right:auto}.vision-hero__story p{color:#72746f;max-width:570px;font-size:15px;line-height:1.7}.vision-hero__center--right p{margin-left:auto}.vision-hero__story-link{text-transform:uppercase;letter-spacing:.04em;border:1px solid #cbb58f;align-items:center;gap:20px;margin-top:20px;padding:13px 18px;font-size:11px;transition:background .25s;display:inline-flex}.vision-hero__story-link:hover{background:#f6f2e9}.vision-hero__coming-soon{color:#8d7547;background:#f6f2e9;border-radius:999px;margin-top:20px;padding:9px 16px;font-size:12px;display:inline-block}.vision-hero__footer{letter-spacing:.08em;color:#78796f;justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex;position:absolute;bottom:24px;left:7%;right:7%}.vision-hero__controls,.vision-hero__footer a,.vision-hero__footer button{align-items:center;gap:10px;display:inline-flex}.vision-hero__footer button{cursor:pointer;min-height:36px}.vision-hero__controls{gap:24px}.vision-hero__controls button{border:1px solid #e4dfd5;border-radius:50%;justify-content:center;width:36px}.vision-hero__footer a{text-transform:uppercase;color:#8d7547}.vision-hero :is(a,button):focus-visible{outline-offset:6px;outline:2px solid #92743d}@keyframes vision-photo-arrive{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes vision-story-arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes vision-scroll-cue{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (width>=768px) and (height<=679px){.vision-hero__sticky{min-height:580px}.vision-hero__stage{--orbit-radius:min(17.5vw, calc((max(100svh, 580px) - 175px) * .34));inset-block:120px 55px}.vision-hero__story p{font-size:13px}.vision-hero__story h2{margin-bottom:6px;font-size:23px}.vision-hero__story-link{margin-top:10px;padding:9px 14px}}@media (width<=1100px) and (width>=768px){.vision-hero h1{letter-spacing:.035em;font-size:32px}.vision-hero__intro{width:39%;left:55%}.vision-hero__story p{font-size:14px}.nav-vision nav{gap:16px}.nav-vision .gold-title{font-size:23px}}@media (width<=767px){.vision-hero{height:auto}.vision-hero__sticky{height:900px;min-height:100svh;position:relative}.vision-hero__stage{--orbit-radius:min(128px, 34vw);inset:112px 0 98px}.vision-hero__architecture{opacity:.2;width:150%;height:78%;top:18%;right:-45%}.vision-hero__logo{opacity:1;width:80px;top:180px;left:50%}.vision-hero__card{left:calc(50% + var(--orbit-x) * var(--orbit-radius));top:calc(180px + var(--orbit-y) * var(--orbit-radius));aspect-ratio:auto;grid-template-rows:minmax(0,1fr) 42px;width:clamp(72px,20vw,84px);max-width:none;height:104px}.vision-hero__card-label{text-align:center;justify-content:center;padding:4px 3px;font-size:9px;line-height:1.2}.vision-hero__card-label svg{display:none}.vision-hero__intro{text-align:center;opacity:1;width:86%;top:395px;left:7%;transform:none}.vision-hero h1{letter-spacing:.035em;font-size:clamp(29px,7.5vw,38px)}.vision-hero__explore{margin-top:22px;font-size:10px}.vision-hero--exploring .vision-hero__intro{visibility:hidden}.vision-hero__center{text-align:center;width:84%;top:395px;left:8%}.vision-hero__story-number{font-size:68px;top:-25px;left:50%;right:auto;transform:translate(-50%)}.vision-hero__center--right .vision-hero__story-number{left:50%;right:auto}.vision-hero__story h2{margin-bottom:12px;font-size:24px}.vision-hero__story h2:before{display:none}.vision-hero__story p{font-size:13px;line-height:1.65}.vision-hero__story-link{margin-top:16px;padding:11px 13px;font-size:10px}.vision-hero__footer{flex-wrap:wrap;justify-content:center;gap:12px;font-size:9px;bottom:92px;left:7%;right:7%}.vision-hero__hint{text-align:center;width:100%}.vision-hero__controls{gap:16px}.nav-vision .gold-title{font-size:clamp(21px,6vw,28px)}.nav-vision .container-x{padding-inline:20px}.nav-vision img{height:52px}}@media (prefers-reduced-motion:reduce){.vision-hero{height:auto}.vision-hero__sticky{position:relative}.vision-hero *,.vision-hero :before,.vision-hero :after{transition:none!important;animation:none!important}html:has(.vision-hero){scroll-behavior:auto}}.nav-vision{box-shadow:none;background:#ffffffed;border-bottom:1px solid #efeee6}.nav-vision .gold-link{color:#555b4e;background:0 0}.nav-vision .gold-link:hover{color:#9a7c42;filter:none}.nav-vision .gold-title{color:#977d48;filter:none;background:0 0}.nav-vision .gold-btn{color:#fff;box-shadow:none;background:#a78a4d;border-radius:0}.nav-vision .nav-glossy{background:#fff;box-shadow:0 12px 30px #34362212}@media (width<=767px){body:has(.vision-hero) button[aria-label=Enquire\ Now]{writing-mode:horizontal-tb;font-family:var(--font-sans);letter-spacing:.04em;border-radius:999px;padding:12px 19px;font-size:12px;font-weight:500;top:auto;bottom:30px;right:50%;transform:translate(50%)}}.vision-hero+#about{scroll-margin-top:120px}