/* Natural reference sky crop with detailed, transparent cloud imagery. */
.hero-sky{background:#2355a0 url('/assets/images/era-sky-reference.webp') center top / auto 330% no-repeat!important;overflow:hidden}
.cloud{position:absolute;filter:none;background:url('/assets/images/sky-cloud-33.avif') center / contain no-repeat;width:42%;height:22%;left:-14%;top:21%;opacity:.65;animation:sky-cloud-drift 90s ease-in-out infinite alternate;will-change:transform}
.cloud-two{background-image:url('/assets/images/sky-cloud-47.avif');width:36%;height:18%;top:53%;left:73%;opacity:.55;animation-duration:115s;animation-direction:alternate-reverse}
.cloud-three{display:none}
@keyframes sky-cloud-drift{from{transform:translateX(-8%)}to{transform:translateX(24%)}}
.hero-shade{background:linear-gradient(180deg,rgba(13,35,65,.18),transparent 55%,rgba(13,35,65,.08))!important}
.res-hero-title{text-shadow:0 2px 24px #153c5866}.reels-section{padding-top:70px!important;padding-bottom:70px!important}.reels-section .res-section-heading{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:25px;margin-bottom:32px!important;padding:0!important;min-height:0!important}.reels-section .res-section-heading h2{font-size:clamp(48px,6vw,90px);margin:0}.reels-section .res-section-heading p{margin:0}.extra-section{padding:80px 7%;border-radius:40px}.extra-section h2{font-family:'Bodoni Moda',serif;font-size:clamp(40px,5vw,72px);line-height:1.05;font-weight:400;margin:20px 0}.voices{background:#eeeae1;color:#193c36}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.voice-grid blockquote{margin:0;padding:26px;border:1px solid #193c3626;border-radius:26px}.voice-grid blockquote>span{font:65px Georgia;line-height:.8;color:#698a70}.voice-grid p{font:22px/1.45 Georgia;margin:15px 0 25px}.voice-grid footer{font-size:12px;letter-spacing:.12em}.demo-note{font-size:12px;opacity:.7;line-height:1.6}.emi-section{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#193c36;color:#faf5e9}.emi-intro p{max-width:350px;line-height:1.8}.emi-intro small{display:block;max-width:390px;opacity:.7;line-height:1.7}.emi-tool{padding:32px;background:#ffffff0c;border:1px solid #ffffff30;border-radius:28px}.emi-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.emi-fields label{font-size:12px}.emi-fields input{width:100%;padding:16px 12px;margin-top:10px;background:#ffffff12;border:1px solid #ffffff45;color:white;border-radius:12px;box-sizing:border-box}.emi-result{margin:32px 0}.emi-result #emi-amount{font:clamp(40px,5vw,65px) Georgia;margin:14px 0}.amount-locked span{display:inline-block;mask-image:linear-gradient(#000 45%,transparent 65%)}.emi-result p{font-size:14px;line-height:1.7}.modal-backdrop{background:#081c356b!important;backdrop-filter:blur(15px)}.modal-panel{width:min(960px,94vw)!important;max-width:960px!important;padding:0!important;display:grid!important;grid-template-columns:.9fr 1.1fr;background:#f7f4e8e8!important;backdrop-filter:blur(30px);border:1px solid #ffffff99;border-radius:32px!important;overflow:auto;max-height:90svh;box-shadow:0 30px 100px #06182c66}.modal.open .modal-panel{animation:glass-enter .6s cubic-bezier(.2,.8,.2,1)}@keyframes glass-enter{from{opacity:0;transform:translateY(35px) scale(.94);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}.enquiry-visual{position:relative;min-height:530px;margin:12px;border-radius:23px;overflow:hidden;background:#193c36}.enquiry-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.enquiry-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#102e2ee6)}.enquiry-visual>div{position:absolute;bottom:30px;left:28px;right:20px;z-index:1;color:white}.enquiry-visual h3{font:43px/1.1 Georgia;margin:18px 0}.enquiry-visual p{font-size:13px}.enquiry-content{padding:48px 32px 28px}.enquiry-content h2{font-size:38px!important}.modal-close{z-index:3}.editorial-section{padding:65px 7%;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.editorial-section img{width:100%;height:480px;object-fit:cover;border-radius:32px}.editorial-section h2{font:clamp(38px,4vw,62px)/1.1 Georgia}.editorial-section p{line-height:1.85}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 7% 70px}.value-grid article{padding:30px;background:#e9e6dd;border-radius:25px}.value-grid h3{font:28px Georgia}.value-grid p{line-height:1.75}.map-section{padding:0 7% 70px}.map-section iframe{border:0;border-radius:30px;width:100%;height:400px}.nri-faq{padding:20px 7% 70px}.nri-faq details{padding:24px;background:#e9e6dd;border-radius:20px;margin:12px 0}.nri-faq summary{cursor:pointer;font:23px Georgia}.nri-faq p{line-height:1.8;max-width:850px}
@media(max-width:760px){.reels-section .res-section-heading{grid-template-columns:1fr;gap:12px}.voice-grid,.emi-section,.editorial-section,.value-grid{grid-template-columns:1fr}.extra-section{padding:50px 6%}.emi-tool{padding:22px;margin-top:20px}.emi-fields{grid-template-columns:1fr 1fr}.emi-fields label:first-child{grid-column:1/-1}.modal-panel{grid-template-columns:1fr}.enquiry-visual{min-height:180px;max-height:180px}.enquiry-visual h3{font-size:29px;margin:8px 0}.enquiry-visual>div{bottom:15px}.enquiry-visual p{display:none}.enquiry-content{padding:20px 24px}.editorial-section img{height:300px}.value-grid{gap:14px}}
@media(prefers-reduced-motion:reduce){.cloud{animation:none}.modal.open .modal-panel{animation:none}}
.extra-section h2{font-family:var(--res-serif)}.modal-panel{color:#101e3a}.enquiry-content input,.enquiry-content textarea{background:#ffffff80;border-radius:12px}.amount-locked span{user-select:none}.emi-tool a{color:inherit}
/* Light planning section, with a softly rounded calculator card. */
.residence-home .emi-section{border-radius:0;background:#eeeae1;color:#193c36;padding:72px 8vw;gap:6%;align-items:center}
.emi-intro h2{font-size:clamp(40px,4.4vw,64px);line-height:1.12;letter-spacing:-.035em}
.emi-intro>p{max-width:370px;margin:24px 0 18px}
.emi-intro small{font-size:12px;line-height:1.85;color:#54645e;opacity:1}
.emi-intro small a{color:inherit;text-underline-offset:3px}
.emi-section .emi-tool{background:#faf8f2;border:1px solid #193c3618;border-radius:28px;padding:32px 36px;box-shadow:0 16px 45px #193c3608}
.emi-section .emi-fields input{background:#fffdf8;border-color:#193c3630;color:#193c36;border-radius:12px}
.emi-section .emi-fields input:focus{outline:2px solid #668775;outline-offset:3px}
.emi-section .emi-result{padding-top:26px;margin:28px 0;border-top:1px solid #193c3620}
.emi-section .amount-locked span{mask-image:none;-webkit-mask-image:none;filter:blur(9px);user-select:none;pointer-events:none}
.emi-section #emi-amount{transition:color .3s}
.emi-section #emi-amount:focus{outline:2px solid #668775;outline-offset:8px;border-radius:8px}
.emi-section #emi-unlock{background:#193c36;color:#faf8f2;border:1px solid #193c36}
.emi-section #emi-unlock[hidden]{display:none}
.residence-home .emi-section+.res-contact{border-radius:0!important;background:var(--navy,#101e3a);padding-top:76px}
.residence-home .emi-section+.res-contact:before{display:none}
@media(max-width:760px){.residence-home .emi-section{padding:48px 6%;gap:24px}.emi-section .emi-tool{margin:0;padding:24px 20px;border-radius:22px}.emi-intro h2{font-size:42px}.residence-home .emi-section+.res-contact{padding-top:52px}}
/* One restrained editorial type system across public pages. */
@font-face{font-family:'VAC Editorial';src:url('/assets/fonts/editorial.ttf') format('truetype');font-weight:200 700;font-style:normal;font-display:swap}
.residence-site{--res-serif:'VAC Editorial','Arial Narrow',Arial,sans-serif;--res-script:'VAC Editorial','Arial Narrow',Arial,sans-serif;--serif:'VAC Editorial','Arial Narrow',Arial,sans-serif;--display:'VAC Editorial','Arial Narrow',Arial,sans-serif;--sans:'Helvetica Neue',Arial,sans-serif;font-family:var(--sans)}
.residence-site :is(h1,h2,h3,h4){font-family:var(--res-serif);font-weight:400;letter-spacing:-.02em}
.residence-site :is(h1,h2,h3) em{font-family:inherit!important;font-style:normal!important;font-size:1em!important;line-height:1.12!important;letter-spacing:inherit!important;transform:none!important;rotate:none!important}
.residence-site .script-word,.residence-site .welcome-title em{font-family:var(--sans);font-style:normal;font-size:clamp(17px,2vw,27px);line-height:1.4;letter-spacing:.025em;transform:none;margin-top:24px}
.residence-site .res-hero-title h1,.residence-site .welcome-title>span,.residence-site .arch-heading h2,.residence-site .res-section-heading h2{transform:none;letter-spacing:-.025em;line-height:1.02}
.residence-site .res-hero-title h1{font-size:clamp(70px,9vw,138px)}
.residence-site .res-section-heading h2 em,.residence-site .lifestyle-heading h2 em,.residence-site .res-contact h2 em{margin:0;line-height:1.08!important}
.residence-site .arch-word{display:none}
.residence-site .voice-grid p,.residence-site .enquiry-visual h3,.residence-site .value-grid h3,.residence-site .nri-faq summary,.residence-site .editorial-section h2{font-family:var(--res-serif);font-weight:400;font-style:normal}
.residence-site .emi-result #emi-amount{font-family:var(--sans);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.residence-site .page-hero h1{font-size:clamp(56px,7vw,108px);line-height:1.08;letter-spacing:-.025em}
/* Scroll-led botanical concept; no cards or framed side photographs. */
.residence-home .vac-concept{display:block;padding:0;min-height:0;height:auto;text-align:center;background:#f4f3eb;color:#17382e;border-radius:0;--concept-progress:1;--concept-detail:1}
.residence-home .vac-concept.concept-motion{height:260svh}
.vac-concept:before{display:none}
.concept-sticky{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;display:grid;place-items:center;isolation:isolate}
.concept-centre{position:relative;z-index:2;width:min(660px,54vw);padding:110px 0 100px}
.vac-concept #concept-title{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.14em;line-height:1.5;text-transform:uppercase;transform:none;margin:0 0 30px}
.concept-statement{font-family:var(--res-serif);font-size:clamp(34px,3.3vw,50px);line-height:1.17;font-weight:400;letter-spacing:-.02em;text-transform:uppercase;margin:0}
.concept-statement>span{color:rgba(23,56,46,calc(.17 + var(--word-ink,1)*.83))}
.concept-details{width:min(390px,100%);margin:32px auto 0;opacity:var(--concept-detail);transform:translateY(calc((1 - var(--concept-detail))*24px))}
.concept-details p{font:400 13px/1.8 var(--sans);color:#546158;margin:0 0 14px}
.concept-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #17382e60;padding:10px 0;font:500 11px var(--sans)}
.concept-link span{font-size:20px}
.concept-botanical{position:absolute;z-index:1;pointer-events:none;width:43vw;height:70svh;will-change:transform}
.concept-botanical video{width:100%;height:100%;object-fit:contain;display:block}
.botanical-left{top:-8%;left:-13%;transform:translate3d(calc(var(--concept-progress)*-5vw),calc(var(--concept-progress)*-15svh),0) rotate(calc(var(--concept-progress)*-5deg))}
.botanical-right{right:-15%;bottom:-12%;transform:translate3d(calc((1 - var(--concept-progress))*9vw),calc((1 - var(--concept-progress))*20svh),0) rotate(-12deg)}
.concept-scroll-note{position:absolute;bottom:30px;left:7%;right:7%;display:flex;align-items:center;gap:22px;font:500 8px var(--sans);letter-spacing:.13em;color:#637267}
.concept-scroll-note i{height:1px;flex:1;background:#17382e25;transform:scaleX(var(--concept-progress));transform-origin:left}
@media(max-width:700px){.residence-site .res-hero-title h1{font-size:15vw}.residence-site .res-hero-title .script-word{font-size:18px;margin-top:16px}.residence-site .res-section-heading h2{font-size:clamp(42px,10vw,64px)}.residence-home .vac-concept.concept-motion{height:235svh}.concept-sticky{min-height:650px}.concept-centre{width:84%;padding:150px 0 100px}.concept-statement{font-size:clamp(29px,7.5vw,40px)}.vac-concept #concept-title{margin-bottom:24px;font-size:12px}.concept-details{max-width:310px;margin-top:24px}.concept-details p{font-size:12px}.concept-botanical{width:70vw;height:42svh;opacity:.85}.botanical-left{left:-23%;top:-9%}.botanical-right{right:-28%;bottom:-15%}.concept-scroll-note{font-size:12px;gap:12px}}
@media(prefers-reduced-motion:reduce){.residence-home .vac-concept.concept-motion{height:auto}.concept-sticky{position:relative;height:auto;min-height:750px}.concept-details{opacity:1;transform:none}.concept-statement>span{color:#17382e}.concept-botanical{transform:none;will-change:auto}.concept-scroll-note i{transform:none}}
/* Three horizontal chapters, driven entirely by vertical scroll. */
.residence-home .vac-concept.concept-motion{height:580svh}
.concept-sticky{display:block}
.concept-scene-track{height:100%;display:flex;width:300%;transform:translate3d(calc(var(--scene-position,0)*-100%/3),0,0);will-change:transform}
.concept-scene{flex:0 0 33.333333%;height:100%;min-width:0;position:relative;overflow:hidden;display:grid;place-items:center}
.concept-scene .concept-centre{width:min(660px,54vw)}
.concept-scene .botanical-left{transform:translateY(calc(var(--concept-progress)*-10vh))}
.concept-scene .botanical-right{transform:rotate(-12deg)}
.concept-location-layout{width:86%;display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:4vw;align-items:center;padding:120px 0 90px}
.location-title h3{font-size:clamp(58px,7vw,106px);line-height:1.04;margin:25px 0 0;text-transform:uppercase}
.concept-location-layout figure{margin:0;position:relative;z-index:2}
.concept-location-layout img{width:100%;height:48svh;object-fit:cover;border-radius:130px 130px 24px 24px}
.concept-location-layout figcaption{font-size:12px;letter-spacing:.12em;margin-top:14px}
.location-description{position:relative;z-index:2}.location-description h4{font-size:30px;line-height:1.18;margin:0 0 24px}.location-description p{font-size:13px;line-height:1.9}
.connections-copy{position:absolute;top:24%;width:70%;text-align:center}.connections-copy h3{font-size:clamp(46px,5.5vw,80px);line-height:1.1;margin:24px 0}.connections-copy p{font-size:13px;line-height:1.8}
.concept-route{position:absolute;bottom:18%;width:84%}.concept-route svg{width:100%;height:150px;overflow:visible}.route-line{stroke:#496f5a;stroke-width:2;fill:none;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--route-progress,1))}.concept-route circle{fill:#193c36;stroke:#f4f3eb;stroke-width:3}.route-labels{display:flex;justify-content:space-between;text-align:left;font-size:12px;letter-spacing:.08em}.route-labels small{display:block;font-size:12px;letter-spacing:0;color:#68746b;margin-top:10px}.concept-demo{position:absolute;bottom:9%;font-size:12px}.concept-scroll-note{z-index:4}
/* Clouds part to reveal the sky and pool residence beneath. */
.resort-transition{height:240svh;position:relative;background:#d5e6eb;--resort-progress:0}
.resort-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.resort-image{position:absolute;inset:0;transform:scale(calc(1.12 - var(--resort-progress)*.12)) translateY(calc((1 - var(--resort-progress))*12%))}
.resort-image img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.resort-sky{position:absolute;inset:0;background:linear-gradient(#76a9d3,transparent 44%);mix-blend-mode:multiply;pointer-events:none}
.resort-cloud{position:absolute;top:-12%;width:110%;height:105%;background:url('/assets/images/sky-cloud-33.avif') center/contain no-repeat;z-index:3;opacity:calc(1 - var(--resort-progress)*.8);pointer-events:none}
.resort-cloud-left{left:-35%;transform:translate3d(calc(var(--resort-progress)*-65%),calc(var(--resort-progress)*-25%),0) scale(1.4)}
.resort-cloud-right{right:-35%;background-image:url('/assets/images/sky-cloud-47.avif');transform:translate3d(calc(var(--resort-progress)*65%),calc(var(--resort-progress)*-15%),0) scale(1.7)}
.resort-mist{position:absolute;inset:0;background:#f4f3eb;opacity:clamp(0,1 - var(--resort-progress)*3,1);z-index:4;pointer-events:none}
.resort-caption{position:absolute;left:8%;bottom:10%;z-index:2;color:#fff;text-shadow:0 2px 18px #102e3a;opacity:clamp(0,(var(--resort-progress) - .45)*3,1)}
.resort-caption h2{font-size:clamp(48px,6vw,88px);line-height:1.05;margin:20px 0}
/* Two cloud banks remain within the visible initial sky. */
.hero-sky .cloud-one{left:-8%;top:15%;width:47%;height:29%;opacity:.8;animation:hero-cloud-left 26s ease-in-out infinite alternate}
.hero-sky .cloud-two{left:auto;right:-5%;top:29%;width:42%;height:25%;opacity:.75;animation:hero-cloud-right 31s ease-in-out infinite alternate}
@keyframes hero-cloud-left{from{transform:translate3d(-5%,0,0)}to{transform:translate3d(24%,4%,0)}}
@keyframes hero-cloud-right{from{transform:translate3d(8%,0,0)}to{transform:translate3d(-26%,-5%,0)}}
.hero-sky:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#bcd9df);pointer-events:none}
.res-hero .res-hero-photo{mask-image:linear-gradient(transparent,#000 28%,#000);-webkit-mask-image:linear-gradient(transparent,#000 28%,#000)}
.res-hero-photo>img{filter:saturate(.92)}
/* Exactly three complete collection cards at desktop widths. */
.all-residences .collection-carousel{margin:0 8vw;overflow:hidden}
.all-residences .collection-track{padding:0 0 20px;gap:24px;scroll-padding:0}
.all-residences .collection-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start}
.all-residences .collection-photo{height:clamp(250px,28vw,420px)}
.all-residences .collection-caption h3{font-size:clamp(24px,2.4vw,36px)}
@media(max-width:900px){.concept-location-layout{gap:22px;grid-template-columns:1fr 1fr}.location-description{grid-column:1/-1;max-width:550px}.location-description h4{display:none}.location-description p{margin:0}.concept-location-layout img{height:32svh}.location-title h3{font-size:64px}.all-residences .collection-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:600px){.residence-home .vac-concept.concept-motion{height:520svh}.concept-scene .concept-centre{width:84%}.concept-location-layout{padding:105px 0 80px;gap:18px;width:86%}.location-title h3{font-size:46px;margin-top:16px}.location-title .micro{font-size:12px}.concept-location-layout img{height:29svh;border-radius:70px 70px 18px 18px}.location-description p{font-size:12px}.connections-copy{top:24%;width:86%}.connections-copy h3{font-size:44px}.concept-route{width:82%;bottom:22%}.concept-route svg{height:100px}.route-labels{font-size:12px;gap:10px}.route-labels small{font-size:12px;line-height:1.4}.concept-demo{bottom:13%}.resort-transition{height:200svh}.resort-image img{object-position:55% center}.resort-cloud{width:170%}.hero-sky .cloud-one{width:90%;left:-30%}.hero-sky .cloud-two{width:85%;right:-28%}.all-residences .collection-carousel{margin:0 7vw}.all-residences .collection-card{flex-basis:100%}.all-residences .collection-photo{height:380px}}
@media(prefers-reduced-motion:reduce){.residence-home .vac-concept.concept-motion{height:auto}.concept-scene-track{display:block;width:100%;transform:none}.concept-scene{min-height:750px;height:auto}.concept-scene-two{min-height:850px}.concept-sticky{height:auto}.concept-scroll-note{display:none}.route-line{stroke-dashoffset:0}.resort-transition{height:100svh;--resort-progress:1}.resort-sticky{position:relative}.hero-sky .cloud{animation:none}}
/* Reference comparison correction: left-origin track, wide second scene,
   corner-anchored full-size botanical footage, and continuous cloud bands. */
.residence-home .vac-concept.concept-motion{height:calc(100svh + 225vw + 450px);color:#101e3a}
.vac-concept .concept-sticky{display:block;min-height:0;height:100svh;overflow:hidden}
.vac-concept .concept-scene-track{position:absolute;left:0;top:0;margin:0;width:325vw;height:100%;justify-content:flex-start;align-items:stretch}
.vac-concept .concept-scene{flex:0 0 100vw;width:100vw;min-height:0;height:100%;overflow:visible;display:block}
.vac-concept .concept-scene-two{flex-basis:125vw;width:125vw}
.vac-concept .concept-centre{position:absolute;inset:0;width:100%;padding:0;transform:translateY(calc((1 - var(--concept-entry,1))*-120px)) scale(calc(.85 + var(--concept-entry,1)*.15))}
.vac-concept #concept-title{position:absolute;top:40%;left:15%;width:70%;margin:0;font-size:12px;font-weight:600}
.vac-concept .concept-statement{position:absolute;top:44%;left:22%;width:56%;margin:0;font-size:clamp(30px,3.1vw,48px);line-height:1.1;color:#101e3a}
.vac-concept .concept-statement>span{color:rgba(16,30,58,calc(.16 + var(--word-ink,1)*.84))}
.vac-concept .concept-details{position:absolute;left:50%;bottom:7%;width:270px;max-width:70%;margin:0;transform:translateX(-50%);opacity:var(--concept-detail,1)}
.vac-concept .concept-details p{font-size:12px;line-height:1.5;color:#263448;margin:0}
.concept-signature{display:block;font:400 25px var(--res-serif);letter-spacing:.1em;margin-top:24px}
.vac-concept .concept-botanical{width:50vw;height:50vw;opacity:1;z-index:3}
.vac-concept .concept-botanical video{width:100%;height:100%;object-fit:contain}
.vac-concept .botanical-left{top:-6vw;left:-7vw;right:auto;bottom:auto;transform:translateY(calc((1 - var(--concept-entry,1))*-5vw))}
.vac-concept .concept-scene-two .botanical-right{top:auto;bottom:-9vw;left:-14vw;right:auto;transform:rotate(90deg)}
.vac-concept .botanical-third{top:-5vw;right:-5vw;left:auto;bottom:auto;transform:none;width:46vw;height:46vw}
.vac-concept .concept-location-layout{display:block;position:absolute;inset:0;width:100%;padding:0;text-align:left}
.vac-concept .location-title{position:absolute;left:5%;top:26%;width:32%}
.vac-concept .location-title>.micro{position:absolute;left:-2vw;top:48%;transform:translateX(-100%);letter-spacing:.3em;white-space:nowrap}
.vac-concept .location-title h3{font-size:clamp(70px,10vw,155px);line-height:1.02;margin:0;letter-spacing:-.04em}
.vac-concept .concept-location-layout figure{position:absolute;top:10%;left:36%;width:32%;margin:0;clip-path:inset(calc((1 - var(--location-reveal,1))*100%) 0 0)}
.vac-concept .concept-location-layout figure img{height:45svh;width:100%;object-fit:cover;border-radius:20px}
.vac-concept .concept-location-layout figcaption{display:none}
.vac-concept .location-description{position:absolute;right:8%;bottom:6%;width:28%;transform:translateY(calc((1 - var(--location-reveal,1))*40px));opacity:var(--location-reveal,1)}
.vac-concept .location-description h4{font-size:28px;line-height:1.2;margin:0 0 15px}
.vac-concept .location-description p{font-size:12px;line-height:1.6;margin:0}
.vac-concept .location-description .concept-link{position:absolute;bottom:23svh;right:-4vw;width:150px;height:150px;padding:25px;border:1px solid #101e3a35;border-radius:50%;text-align:center;justify-content:center;font-size:12px}
.vac-concept .connections-copy{top:28%;width:70%;left:15%;z-index:2}
.vac-concept .connections-copy h3{font-size:clamp(46px,5.1vw,78px);line-height:1.05;text-transform:uppercase}
.vac-concept .connections-copy>.micro,.vac-concept .connections-copy>p{display:none}
.vac-concept .concept-route{left:12%;width:76%;bottom:9%;z-index:2}
.vac-concept .concept-route svg{height:105px}.vac-concept .concept-demo{bottom:3%;left:35%;width:30%;font-size:12px}
.vac-concept .concept-scroll-note{display:none}
.resort-transition{height:110svh;min-height:700px;background:#91c0d8;overflow:visible;z-index:2}
.resort-transition .resort-sticky{position:relative;height:100%;overflow:clip}
.resort-transition .resort-image{inset:-6% 0;transform:translateY(calc((var(--resort-progress,.5) - .5)*-65px));z-index:0}
.resort-transition .resort-image img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.resort-cloud-bands{position:absolute;left:0;right:0;top:-7vw;height:44vw;z-index:2;pointer-events:none;transform:translateY(calc(var(--resort-progress,0)*-55px))}
.resort-cloud-bands:before{content:'';position:absolute;left:0;right:0;top:0;height:16vw;background:linear-gradient(#f4f3eb 30%,#f4f3eb00);z-index:4}
.cloud-band{position:absolute;left:0;top:0;width:100%;height:38vw;overflow:hidden}
.cloud-band-track{display:flex;width:max-content;animation:cloud-bank-loop 65s linear infinite;will-change:transform}
.cloud-band-track img{display:block;width:67vw;height:37.5vw;flex:none;object-fit:fill}
.band-2{top:2vw;height:32vw;opacity:.8}.band-2 .cloud-band-track{animation-duration:85s;animation-direction:reverse}.band-2 img{width:57.6vw;height:30vw}
.band-3{top:0;height:32vw;opacity:.75}.band-3 .cloud-band-track{animation-duration:105s}.band-3 img{width:48.3vw;height:30vw}
@keyframes cloud-bank-loop{from{transform:translateX(-33.333333%)}to{transform:translateX(0)}}
.resort-location{position:absolute;right:7%;bottom:7%;padding:8px 0 8px 20px;border-left:1px solid #fff8;z-index:3;color:#fff;text-shadow:0 2px 8px #101e3a}
.resort-location p{font-size:13px}.resort-location small{font-size:12px}
@media(max-width:700px){.residence-home .vac-concept.concept-motion{height:390svh}.vac-concept .concept-scene-track{width:300vw}.vac-concept .concept-scene-two{width:100vw;flex-basis:100vw}.vac-concept #concept-title{top:35%;font-size:12px}.vac-concept .concept-statement{top:40%;left:10%;width:80%;font-size:29px;line-height:1.12}.vac-concept .concept-details{bottom:9%;width:260px}.vac-concept .concept-details p{font-size:12px}.vac-concept .concept-botanical{width:80vw;height:80vw}.vac-concept .botanical-left{left:-17vw;top:4vh}.vac-concept .concept-scene-two .botanical-right{width:65vw;height:65vw;left:-24vw;bottom:-9vw}.vac-concept .botanical-third{width:70vw;height:70vw;right:-18vw;top:7vh}.vac-concept .location-title{left:8%;top:22%;width:48%}.vac-concept .location-title>.micro{position:static;transform:none;letter-spacing:.08em;font-size:12px}.vac-concept .location-title h3{font-size:52px;margin-top:15px}.vac-concept .concept-location-layout figure{top:21%;left:auto;right:6%;width:38%}.vac-concept .concept-location-layout figure img{height:30svh;border-radius:15px}.vac-concept .location-description{bottom:11%;right:7%;width:66%}.vac-concept .location-description h4{display:block;font-size:23px}.vac-concept .location-description p{font-size:12px}.vac-concept .location-description .concept-link{position:static;width:auto;height:auto;border-radius:0;padding:10px 0;border:0;border-bottom:1px solid #101e3a50;margin-top:12px}.vac-concept .connections-copy{top:34%;left:10%;width:80%}.vac-concept .connections-copy h3{font-size:40px}.vac-concept .concept-route{left:8%;width:84%;bottom:15%}.resort-transition{height:100svh;min-height:650px}.resort-transition .resort-image img{object-position:52% center}.resort-cloud-bands{top:-12vw;height:85vw}.cloud-band{height:80vw}.cloud-band-track img{width:125vw;height:70vw}.band-2,.band-3{height:70vw}.band-2 img,.band-3 img{width:115vw;height:65vw}.resort-location{left:8%;right:8%;bottom:6%}}
@media(prefers-reduced-motion:reduce){.residence-home .vac-concept.concept-motion{height:auto}.vac-concept .concept-sticky{height:auto}.vac-concept .concept-scene-track{position:relative;width:100%;display:block;transform:none!important}.vac-concept .concept-scene,.vac-concept .concept-scene-two{width:100%;height:850px}.vac-concept .concept-centre{transform:none}.vac-concept .concept-details,.vac-concept .location-description{opacity:1}.vac-concept .location-description{transform:none}.vac-concept .concept-location-layout figure{clip-path:none}.cloud-band-track{animation:none;transform:translateX(-20%)}.resort-transition .resort-image,.resort-cloud-bands{transform:none}}
.vac-concept .location-title>.micro{opacity:var(--location-reveal,1)}
@media(max-width:700px) and (max-height:740px){.vac-concept #concept-title{top:31%}.vac-concept .concept-statement{top:36%;font-size:25px}.vac-concept .concept-details{bottom:5%}.vac-concept .concept-details p{font-size:12px}.concept-signature{margin-top:14px;font-size:22px}}
/* Featured Projects joins the previous section with straight top edges. */
.residence-home #featured.featured-residences{border-top-left-radius:0!important;border-top-right-radius:0!important}
/* Structured concept copy and independent scroll depth for each layer. */
.vac-concept .concept-centre{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:130px 0 75px;transform:none}
.vac-concept #concept-title{position:static;width:auto;margin:0;transform:translate3d(0,var(--title-shift,0px),0)}
.vac-concept .concept-statement{position:static;width:min(820px,62vw);margin:0;font-size:clamp(30px,3vw,46px);line-height:1.18;text-wrap:balance;transform:translate3d(0,var(--title-shift,0px),0)}
.vac-concept .concept-details{position:static;width:320px;max-width:70%;margin:38px 0 0;transform:translate3d(0,var(--copy-shift,0px),0)}
.vac-concept .concept-details p{font-size:12px;line-height:1.75}
.vac-concept .concept-signature{margin-top:22px}
.vac-concept .concept-location-layout{display:grid;grid-template-columns:.8fr 1.1fr .75fr;align-items:center;gap:4vw;padding:140px 7vw 100px}
.vac-concept .location-title{position:relative;top:auto;left:auto;width:auto;transform:translate3d(0,var(--title-shift,0px),0)}
.vac-concept .location-title>.micro{position:static;display:block;white-space:normal;transform:none;letter-spacing:.13em;font-size:12px;line-height:1.7}
.vac-concept .location-title h3{font-size:clamp(58px,7.2vw,108px);margin:24px 0 0;line-height:1.06}
.vac-concept .concept-location-layout figure{position:relative;top:auto;right:auto;left:auto;width:100%;margin:0;clip-path:none;transform:translate3d(0,var(--image-shift,0px),0)}
.vac-concept .concept-location-layout figure img{display:block;width:100%;height:auto;max-height:58svh;object-fit:contain;object-position:center top;border-radius:22px}
.vac-concept .location-description{position:relative;right:auto;bottom:auto;width:auto;opacity:1;transform:translate3d(0,var(--copy-shift,0px),0)}
.vac-concept .location-description h4{font-size:30px;line-height:1.2;margin-bottom:20px}
.vac-concept .location-description p{line-height:1.85;font-size:13px}
.vac-concept .location-description .concept-link{position:static;width:auto;height:auto;display:inline-flex;padding:15px 0;border:0;border-bottom:1px solid #101e3a55;border-radius:0;margin-top:20px;text-align:left;font-size:12px}
.vac-concept .connections-copy{transform:translate3d(0,var(--title-shift,0px),0)}
.vac-concept .concept-route{transform:translate3d(0,var(--copy-shift,0px),0)}
.vac-concept :is(.concept-statement,.location-title,.location-description,.concept-details,.connections-copy,.concept-route){will-change:transform}
/* A closer view opens out into the full coastal composition as you scroll. */
.resort-transition{height:190svh;min-height:0}
.resort-transition .resort-sticky{position:sticky;top:0;height:100svh;min-height:0}
.resort-transition .resort-image{inset:0;transform:scale(calc(1.24 - var(--resort-progress,0)*.24));transform-origin:50% 60%;will-change:transform}
.resort-transition .resort-image img{object-position:50% 50%}
@media(max-width:700px){.vac-concept .concept-centre{padding:140px 0 65px;gap:24px}.vac-concept .concept-statement{width:82%;font-size:clamp(25px,6.7vw,32px);line-height:1.2}.vac-concept .concept-details{margin:12px 0 0;width:280px;max-width:78%}.vac-concept .concept-details p{font-size:12px;line-height:1.65}.vac-concept .concept-signature{margin-top:16px}.vac-concept .concept-location-layout{grid-template-columns:1fr 1fr;align-content:center;gap:28px 20px;padding:120px 7vw 85px}.vac-concept .location-title h3{font-size:clamp(38px,10vw,52px);margin-top:14px}.vac-concept .location-title>.micro{font-size:12px}.vac-concept .concept-location-layout figure img{max-height:32svh;border-radius:15px}.vac-concept .location-description{grid-column:1/-1;padding-left:10%;max-width:100%}.vac-concept .location-description h4{font-size:24px;margin-bottom:12px}.vac-concept .location-description p{font-size:12px;line-height:1.75}.vac-concept .location-description .concept-link{margin-top:10px;padding:10px 0}.resort-transition{height:170svh}}
@media(max-height:740px) and (max-width:700px){.vac-concept .concept-centre{gap:18px;padding-top:100px;padding-bottom:40px}.vac-concept .concept-statement{font-size:24px}.vac-concept .concept-details{margin-top:4px}.vac-concept .concept-location-layout{padding-top:100px;gap:20px}.vac-concept .location-description h4{font-size:21px}}
@media(prefers-reduced-motion:reduce){.vac-concept :is(#concept-title,.concept-statement,.location-title,.location-description,.concept-details,.concept-location-layout figure,.connections-copy,.concept-route){transform:none;will-change:auto}.resort-transition{height:100svh}.resort-transition .resort-sticky{position:relative}.resort-transition .resort-image{transform:none;will-change:auto}}
/* Closing invitation: a large animated visit button with useful context. */
.residence-home .visit-cta{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px 6vw;min-height:0;padding:90px 8vw 36px;text-align:left;overflow:hidden}
.visit-cta .visit-copy{position:relative;z-index:2}
.residence-home .visit-cta h2{font-size:clamp(58px,7.2vw,108px);line-height:1.05;letter-spacing:-.025em;margin:24px 0;text-transform:uppercase}
.visit-copy>p{max-width:400px;font-size:14px;line-height:1.85;color:#f4f3ebbd}
.visit-steps{display:flex;flex-direction:column;gap:16px;margin-top:30px;font-size:12px}
.visit-steps span{display:flex;align-items:center;gap:16px}
.visit-steps small{font-size:12px;color:#b7cbb9;border-bottom:1px solid #b7cbb94d;padding-bottom:5px}
.visit-action{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:460px;text-align:center}
.visit-button{position:relative;z-index:2;width:238px;height:238px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#f4f3eb;color:#101e3a;border:1px solid #ffffffa0;border-radius:50%;box-shadow:0 0 55px #bfd2c218;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s,box-shadow .4s}
.visit-button>span:not(.visit-button-arrow){font:400 25px/1.18 var(--res-serif);text-transform:uppercase;letter-spacing:.02em}
.visit-button small{font-size:12px;letter-spacing:.1em}
.visit-button .visit-button-arrow{font:400 47px/1 var(--sans);transition:transform .5s}
.visit-button:hover,.visit-button:focus-visible{transform:scale(1.065);background:#dce8dc;box-shadow:0 0 75px #bfd2c233}
.visit-button:hover .visit-button-arrow,.visit-button:focus-visible .visit-button-arrow{transform:translate(6px,-6px)}
.visit-button:focus-visible{outline:3px solid #b7cbb9;outline-offset:12px}
.visit-action>p{position:relative;z-index:2;margin:65px 0 0;font-size:12px;line-height:1.8;color:#f4f3eb9c}
.visit-orbits{position:absolute;top:calc(50% - 40px);left:50%;width:340px;height:340px;transform:translate(-50%,-50%);pointer-events:none}
.visit-orbits i{position:absolute;inset:0;border:1px solid #b7cbb952;border-radius:50%;animation:visit-orbit 18s linear infinite}
.visit-orbits i:after{content:'';position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#b7cbb9;box-shadow:0 0 14px #b7cbb977}
.visit-orbits i:nth-child(2){inset:-22px;border-style:dashed;border-color:#b7cbb929;animation-duration:32s;animation-direction:reverse}
.visit-orbits i:nth-child(3){inset:20px;border-color:#b7cbb947;animation:visit-breathe 4s ease-in-out infinite}
.visit-orbits i:nth-child(3):after{display:none}
@keyframes visit-orbit{to{rotate:360deg}}
@keyframes visit-breathe{0%,100%{transform:scale(.96);opacity:.4}50%{transform:scale(1.08);opacity:1}}
.visit-cta .contact-bottom{grid-column:1/-1;margin:20px 0 0;border-top:1px solid #f4f3eb24;padding-top:25px;position:relative;z-index:2}
@media(max-width:700px){.residence-home .visit-cta{grid-template-columns:1fr;gap:20px;padding:56px 7vw 30px}.residence-home .visit-cta h2{font-size:clamp(52px,12vw,72px)}.visit-copy>p{font-size:13px}.visit-action{min-height:390px}.visit-button{width:210px;height:210px}.visit-orbits{width:285px;height:285px;top:calc(50% - 35px)}.visit-orbits i:nth-child(2){inset:-12px}.visit-action>p{margin-top:48px}.visit-cta .contact-bottom{margin-top:0;gap:20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.visit-orbits i{animation:none}.visit-button,.visit-button .visit-button-arrow{transition:none}.visit-button:hover,.visit-button:focus-visible,.visit-button:hover .visit-button-arrow{transform:none}}
/* One compositor-driven reel loop; vertical gestures stay with the page. */
.residence-home .reel-window{overflow:hidden;touch-action:pan-y;overscroll-behavior-x:contain}
.residence-home .reel-track{position:relative;gap:20px;transition:none;will-change:transform;backface-visibility:hidden}
.residence-home .reel-card{flex:0 0 auto;contain:layout paint}
.residence-home .reel-card video{display:block}
/* Mirror only the third concept scene's top-right flower. */
.vac-concept .concept-scene-three .botanical-third > video{transform:scaleX(-1)}
/* EMI fields: full-width amount, evenly aligned rate and tenure below. */
.emi-section .emi-tool{min-width:0}
.emi-section .emi-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;align-items:start}
.emi-section .emi-fields label{display:grid;grid-template-rows:minmax(36px,auto) 54px;gap:8px;min-width:0;font-size:12px;line-height:1.5}
.emi-section .emi-fields label:first-child{grid-column:1/-1;grid-template-rows:auto 54px}
.emi-section .emi-fields label>span{display:flex;align-items:flex-end}
.emi-section .emi-fields input{display:block;min-width:0;max-width:100%;width:100%;height:54px;margin:0;padding:14px 16px;font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums;box-sizing:border-box}
@media(max-width:380px){.emi-section .emi-fields{column-gap:12px}.emi-section .emi-fields input{padding:14px 12px}}
/* Architecture: staggered picture windows expand into an immersive scene. */
.architecture-story{position:relative;background:#f4f3eb;color:#fffdf5;--architecture-open:1;--architecture-copy:1;--architecture-depth:1}
.architecture-story.architecture-motion{height:350svh}
.architecture-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate}
.architecture-frame{position:absolute;inset:0;transform:scale(calc(.75 + var(--architecture-open)*.25));transform-origin:50% 50%;overflow:hidden;border-radius:calc((1 - var(--architecture-open))*24px);will-change:transform}
.architecture-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(calc(1.12 - var(--architecture-depth)*.12));will-change:transform}
.architecture-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0b223344,transparent 38%,#0b2233aa);opacity:calc(.5 + var(--architecture-open)*.5)}
.residence-site .architecture-frame h2{position:absolute;top:12%;left:4%;width:92%;text-align:center;margin:0;font:400 clamp(48px,12.1vw,190px)/1 var(--res-serif);letter-spacing:-.025em;white-space:nowrap;perspective:900px}
.architecture-frame h2 span{display:inline-block;opacity:var(--letter-reveal,1);transform:translateY(calc((1 - var(--letter-reveal,1))*50%)) rotateY(calc((1 - var(--letter-reveal,1))*90deg));transform-origin:50% 100%;will-change:transform,opacity}
.architecture-caption{position:absolute;left:12%;bottom:10%;max-width:590px;width:47%;opacity:var(--architecture-copy);transform:translateY(calc((1 - var(--architecture-copy))*45px))}
.architecture-caption:before{content:'';display:block;width:55px;height:2px;background:#c4d4bd;margin-bottom:25px}
.architecture-caption h3{font:400 clamp(25px,2.7vw,40px)/1.2 var(--res-serif);margin:18px 0}
.architecture-caption p{font:400 13px/1.85 var(--sans);max-width:390px;margin-bottom:26px;color:#ffffffd4}
.architecture-caption .micro{font-size:12px;letter-spacing:.12em}
.architecture-visit{position:absolute;right:10%;bottom:13%;width:170px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:50%;border:1px solid #fff9;background:#101e3a22;backdrop-filter:blur(6px);color:#fff;font:500 10px/1.7 var(--sans);letter-spacing:.06em;opacity:var(--architecture-copy);transform:translateY(calc((1 - var(--architecture-copy))*30px));transition:background .3s}
.architecture-visit span{font-size:24px}.architecture-visit:hover{background:#101e3a66}.architecture-visit:focus-visible{outline:2px solid white;outline-offset:6px}
.architecture-panels{position:absolute;inset:0;z-index:3;pointer-events:none}
.architecture-panel{position:absolute;top:0;width:50%;height:100%;background:#f4f3eb;will-change:clip-path}
.panel-left{left:0;clip-path:polygon(0 0,0 100%,44% 100%,44% 36%,99% 36%,99% 99%,44% 99%,1% 100%,100% 100%,100% 0);transform:translateX(calc(var(--architecture-open)*-100%));opacity:clamp(0,1 - max(0,var(--architecture-open) - .85)*7,1)}
.panel-right{right:0;clip-path:polygon(0 0,0 100%,1% 100%,1% 1%,56% 1%,56% 64%,1% 64%,1% 100%,100% 100%,100% 0);transform:translateX(calc(var(--architecture-open)*100%));opacity:clamp(0,1 - max(0,var(--architecture-open) - .85)*7,1)}
.architecture-flower{position:absolute;z-index:4;width:48vw;height:48vw;pointer-events:none;will-change:transform}
.architecture-flower video{width:100%;height:100%;object-fit:contain}
.architecture-flower-left{bottom:-13vw;left:-10vw;transform:translate3d(calc(var(--architecture-open)*-26vw),calc(var(--architecture-open)*12vw),0)}
.architecture-flower-right{right:-12vw;bottom:-5vw;transform:translate3d(calc(var(--architecture-open)*26vw),calc(var(--architecture-open)*5vw),0)}
@media(max-width:700px){.architecture-story.architecture-motion{height:280svh}.architecture-sticky{min-height:600px}.residence-site .architecture-frame h2{top:20%;font-size:11.8vw;left:3%;width:94%}.architecture-caption{left:8%;bottom:24%;width:84%;max-width:none}.architecture-caption h3{font-size:28px}.architecture-caption p{font-size:12px;line-height:1.7;margin-bottom:16px}.architecture-caption:before{margin-bottom:15px}.architecture-visit{width:105px;height:105px;right:8%;bottom:5%;font-size:12px;gap:8px}.architecture-visit span{font-size:19px}.architecture-flower{width:75vw;height:75vw}.architecture-flower-left{left:-25vw;bottom:-15vw}.architecture-flower-right{right:-25vw;bottom:0}.architecture-frame>img{object-position:58% center}}
@media(prefers-reduced-motion:reduce){.architecture-story.architecture-motion{height:auto}.architecture-sticky{position:relative;min-height:800px}.architecture-panels,.architecture-flower{display:none}.architecture-frame,.architecture-frame>img,.architecture-frame h2 span,.architecture-caption,.architecture-visit{transform:none;will-change:auto}.architecture-frame h2 span,.architecture-caption,.architecture-visit{opacity:1}}
/* Measured ERA sequence: align apertures, enlarge the mask, then read the image. */
.architecture-story.architecture-motion{height:358svh}
.architecture-sticky{height:100svh;min-height:0}
.architecture-frame{left:3%;right:3%;top:0;bottom:auto;height:158svh;transform:translateY(calc(var(--architecture-exit,0)*-58svh)) scale(calc(.75 + var(--architecture-open)*.25));transform-origin:50% 0;border-radius:0}
.architecture-frame>img{transform:none;object-fit:cover;object-position:center top}
.architecture-shade{background:linear-gradient(180deg,#101e3a08,transparent 45%,#101e3a85);opacity:1}
.residence-site .architecture-frame h2{top:3%;left:0;width:100%;font-size:12.4vw;letter-spacing:-.035em;line-height:1.15}
.architecture-caption{left:10%;bottom:11%;width:43%;max-width:600px;transform:translateY(calc((1 - var(--architecture-copy))*30px))}
.architecture-caption h3{font-size:clamp(27px,2.8vw,42px)}
.architecture-visit{right:9%;bottom:13%}
.architecture-panels{transform:scale(calc(1 + var(--architecture-open)*.84));transform-origin:50% 50%;will-change:transform}
.architecture-panel{top:-1%;height:101%;opacity:1;transform:none;width:50%;will-change:clip-path}
.panel-left{left:0;clip-path:polygon(0% 0%,0% 100%,44.444% 100%,44.444% calc(36.111% - var(--architecture-align,0)*17.592%),calc(98.889% + var(--architecture-align,0)*1.111%) calc(36.111% - var(--architecture-align,0)*17.592%),calc(98.889% + var(--architecture-align,0)*1.111%) calc(99.074% - var(--architecture-align,0)*17.593%),44.444% calc(99.074% - var(--architecture-align,0)*17.593%),1.111% 100%,100% 100%,100% 0%)}
.panel-right{right:0;clip-path:polygon(0% 0%,0% 100%,calc(1.111% - var(--architecture-align,0)*1.111%) 100%,calc(1.111% - var(--architecture-align,0)*1.111%) calc(.926% + var(--architecture-align,0)*17.593%),55.556% calc(.926% + var(--architecture-align,0)*17.593%),55.556% calc(63.889% + var(--architecture-align,0)*17.592%),calc(1.111% - var(--architecture-align,0)*1.111%) calc(63.889% + var(--architecture-align,0)*17.592%),calc(1.111% - var(--architecture-align,0)*1.111%) 100%,100% 100%,100% 0%)}
.architecture-flower{width:50vw;height:50vw;bottom:-6vw;top:auto;transform-origin:center;opacity:1}
.architecture-flower-left{left:-9vw;transform:translate3d(calc(var(--architecture-open)*-74.6vw),calc(var(--architecture-open)*19svh),0) rotate(210deg) scale(calc(1 + var(--architecture-open)*2.3856))}
.architecture-flower-right{right:-6vw;transform:translate3d(calc(var(--architecture-open)*74.6vw),calc(var(--architecture-open)*19svh),0) rotate(65deg) scale(calc(1 + var(--architecture-open)*2.3856))}
@media(max-width:700px){.architecture-story.architecture-motion{height:358svh}.architecture-frame{left:0;right:0;height:158svh}.residence-site .architecture-frame h2{top:12%;font-size:11.9vw;left:2%;width:96%}.architecture-frame>img{object-position:58% top}.architecture-caption{left:8%;width:84%;bottom:18%}.architecture-caption h3{font-size:28px}.architecture-caption p{font-size:12px}.architecture-visit{right:8%;bottom:5%}.architecture-flower{width:85vw;height:85vw;bottom:-8vw}.architecture-flower-left{left:-28vw}.architecture-flower-right{right:-24vw}}
@media(prefers-reduced-motion:reduce){.architecture-story.architecture-motion{height:auto}.architecture-sticky{position:relative;height:140svh;min-height:850px}.architecture-frame{height:100%;transform:none;left:0;right:0}.architecture-caption{opacity:1;transform:none;bottom:24%}.architecture-visit{bottom:6%}.architecture-panels,.architecture-flower{display:none}}

/* Keep the two apertures distinct until the mask opens; clear the fixed navigation. */
.architecture-panels:after{content:'';position:absolute;left:calc(50% - 5px);top:0;bottom:0;width:10px;background:#f4f3eb;transform:scaleX(calc(1 - var(--architecture-open)));transform-origin:center;pointer-events:none}
.residence-site .architecture-frame h2{top:max(100px,6.5svh)}
@media(max-width:700px){.architecture-panels:after{width:6px;left:calc(50% - 3px)}.residence-site .architecture-frame h2{top:110px}}

/* Featured project layout is defined in the autoplay block below. */

/* Architecture image reaches both viewport edges at the full reveal. */
.architecture-story .architecture-frame{left:0;right:0;width:100%}

/* Centered featured heading, with complete projects entering from the left. */

/* Single-line title and breathing room beneath the complete project. */
.residence-home #featured .res-section-heading h2{display:flex;flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:.22em;white-space:nowrap;font-size:clamp(26px,4vw,54px)}
.residence-home #featured .res-section-heading h2 br{display:none}
.residence-home #featured .res-section-heading h2 em{display:inline;transform:none;margin:0!important;font-size:inherit;line-height:inherit}

@media(max-width:760px){.residence-home #featured .res-section-heading h2{font-size:clamp(22px,6.4vw,34px)}}

/* VAC brand introduction: preserve the expanding arch, keep the story readable. */
.brand-chapter .arch-heading{top:18%;left:6%;right:6%;opacity:clamp(0,1 - max(0,var(--arch-progress) - .22)*3,1);transform:translateY(calc(var(--arch-progress)*-30px))}
.brand-chapter .arch-heading>.micro{display:block;margin-bottom:22px}
.residence-site .brand-chapter .arch-heading h2{font-size:clamp(46px,6.7vw,96px);line-height:1.08}
.brand-chapter .arch-heading p{font:14px/1.8 var(--sans);max-width:520px;margin:24px auto 0}
.brand-chapter .arch-frame{width:calc(29% + var(--arch-progress)*71%);height:calc(44% + var(--arch-progress)*62%)}
.brand-chapter .arch-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 35%,#101e3ade);opacity:clamp(0,(var(--arch-progress) - .25)*2,1)}
.brand-chapter-caption{position:absolute;z-index:3;bottom:8%;left:8%;right:8%;display:flex;align-items:end;justify-content:space-between;gap:30px;text-align:left;opacity:clamp(0,(var(--arch-progress) - .55)*3,1);transform:translateY(calc((1 - var(--arch-progress))*35px))}
.brand-chapter-caption>div{max-width:520px}
.brand-chapter-caption h3{font:500 clamp(32px,4vw,58px)/1.1 var(--res-serif);margin:18px 0}
.brand-chapter-caption p{font:14px/1.8 var(--sans);max-width:440px}
.brand-chapter-caption>small{font-size:11px;opacity:.8}
.brand-chapter-caption .res-text-link{margin-top:12px}
.residence-site .hero-project-link{color:inherit;font-size:12px;margin-top:12px}
.residence-home .portfolio-note{text-align:center;font-size:12px;line-height:1.6;opacity:.75;margin:0 6vw 24px}
/* Normal document flow; one complete project at a time, with timer-only movement. */
.featured-residences.property-autoplay-mode{height:auto;padding:110px 7vw 60px;overflow:hidden}
.property-autoplay-mode .res-section-heading{display:grid;grid-template-columns:1fr;justify-items:center;gap:12px;text-align:center;border-bottom:1px solid #ffffff26;padding:0 0 22px!important;margin:0 0 18px!important;transform:none!important}
.property-autoplay-mode .res-section-heading p{font-size:13px;line-height:1.7;margin:0;max-width:440px}
.property-autoplay-mode .featured-track{display:grid;overflow:visible;isolation:isolate;scroll-snap-type:none}
.property-autoplay-mode .featured-slide{grid-area:1/1;min-width:0;width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;gap:24px 5vw;padding:0;align-content:center;opacity:0;visibility:hidden;transform:translate3d(-55px,0,0);transition:opacity .45s ease,transform .75s cubic-bezier(.22,.75,.2,1),visibility 0s .75s;pointer-events:none}
.property-autoplay-mode .featured-slide.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto;z-index:1}
.property-autoplay-mode .featured-photo{grid-column:1;grid-row:1/3;height:clamp(300px,43svh,500px);border-radius:24px}
.property-autoplay-mode .featured-copy{grid-column:2;grid-row:1;align-self:end;min-width:0}
.property-autoplay-mode .featured-copy h3{font-size:clamp(30px,3.2vw,48px);line-height:1.1;margin:14px 0 18px;letter-spacing:-.025em;overflow-wrap:anywhere}
.property-autoplay-mode .featured-copy p{max-width:440px;font-size:13px;line-height:1.75;margin:0}
.property-autoplay-mode .featured-data{display:block;grid-column:2;grid-row:2;align-self:start;border-top:1px solid #ffffff26;padding-top:18px}
.property-autoplay-mode .featured-data>.micro{display:none}
.property-autoplay-mode .featured-data dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:0;max-width:none}
.property-autoplay-mode .featured-data dt{margin:0;font-size:12px;grid-row:1}
.property-autoplay-mode .featured-data dd{margin:0;max-width:none;font-size:20px;line-height:1.4;grid-row:2}
.property-autoplay-mode .carousel-controls{justify-content:flex-end;margin-top:24px;gap:22px}
.project-guidance-steps{padding-left:20px;font-size:13px;line-height:1.8;margin:22px 0}
.project-guidance-steps li{padding:5px 0 5px 4px}
.buyer-questions .voice-grid blockquote>span{font:30px/1 var(--res-serif)}
.enquiry-content select{width:100%;min-width:0;padding:14px 12px;border:1px solid #101e3a25;border-radius:12px;background:#ffffff80;color:#101e3a;font:inherit}
@media(max-width:760px){
 .brand-chapter .arch-heading{top:18%;left:7%;right:7%}
 .brand-chapter .arch-heading>.micro{font-size:10px;margin-bottom:16px}
 .residence-site .brand-chapter .arch-heading h2{font-size:clamp(36px,9vw,62px)}
 .brand-chapter .arch-heading p{font-size:12px;line-height:1.7;margin-top:18px}
 .brand-chapter .arch-heading p br{display:none}
 .brand-chapter .arch-frame{width:calc(55% + var(--arch-progress)*45%);height:calc(48% + var(--arch-progress)*58%)}
 .brand-chapter-caption{bottom:6%;display:block;left:7%;right:7%}
 .brand-chapter-caption h3{font-size:36px}
 .brand-chapter-caption p{font-size:13px}
 .brand-chapter-caption>small{display:block;margin-top:22px}
 .featured-residences.property-autoplay-mode{padding:100px 6vw 40px}
 .property-autoplay-mode .featured-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:18px;transform:translate3d(-28px,0,0)}
 .property-autoplay-mode .featured-slide.is-active{transform:none}
 .property-autoplay-mode .featured-photo{grid-column:1;grid-row:1;height:clamp(240px,34svh,340px);border-radius:18px}
 .property-autoplay-mode .featured-copy{grid-column:1;grid-row:2}
 .property-autoplay-mode .featured-copy h3{font-size:32px;margin:10px 0 12px}
 .property-autoplay-mode .featured-copy p{font-size:13px}
 .property-autoplay-mode .featured-copy .res-text-link{margin-top:18px}
 .property-autoplay-mode .featured-data{grid-column:1;grid-row:3;padding-top:16px}
 .property-autoplay-mode .featured-data dd{font-size:18px}
 .property-autoplay-mode .carousel-controls{gap:18px}
 .enquiry-content select{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .brand-chapter .arch-sticky{min-height:1000px}
 .brand-chapter .arch-heading{top:100px;transform:none;opacity:1}
 .brand-chapter .arch-frame{width:100%;height:62%;bottom:0}
 .brand-chapter .arch-frame:after,.brand-chapter-caption{opacity:1}
 .brand-chapter-caption{transform:none;bottom:5%}
 .property-autoplay-mode .featured-slide{transition:none;transform:none}
}