/* A full-bleed architectural experience: image, type, and camera depth. */
:root{--deep:#090d0f;--ink:#172025;--paper:#f1f2f0;--sans:'DM Sans',Arial,sans-serif}
body{background:var(--deep)}
.site-header{padding-block:24px}
.site-header.scrolled{background:#090d0fd9}
.wordmark{font-size:30px;font-weight:500;letter-spacing:.13em}
.wordmark span{font-size:8px;letter-spacing:.32em}
.header-cta{border-radius:40px;font-size:12px;padding:12px 23px}
.site-header nav{gap:36px;font-size:13px}
.journey{height:520svh}
.stage{min-height:620px}
.scene{z-index:0}
.sky-scene{z-index:0}
.sky-camera,.tower-camera{position:absolute;inset:0;will-change:transform}
.world-image{position:absolute;max-width:none;width:100%;height:100%;object-fit:cover}
.hero-masthead{position:absolute;z-index:1;top:20%;left:0;width:100%;text-align:center;color:#f5f1e9;will-change:transform,opacity}
.hero-masthead>p{font-size:11px;letter-spacing:.48em;margin-bottom:10px}
.hero-masthead h1{font:500 clamp(180px,31vw,650px)/.81 var(--sans);letter-spacing:-.075em;padding-right:.075em;margin:0;text-shadow:0 3px 50px #18293115}
.hero-masthead>span{display:block;font-size:10px;letter-spacing:.46em;margin-top:23px}
.tower-foreground{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.tower-cutout{clip-path:polygon(57.85% 23.97%,58.05% 23.55%,58.6% 23.36%,59.2% 23.37%,60.2% 23.69%,62% 24.48%,64% 25.5%,65.6% 26.45%,67.2% 27.5%,68.7% 28.66%,69.15% 29.7%,69.29% 30.5%,69.2% 32.5%,69.6% 36.6%,69.6% 100%,56.9% 100%,56.9% 42%,57.3% 35.5%,57.75% 33.4%)}
.cinema-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#08141b6b,transparent 23%,transparent 52%,#08141b44 70%,#07141be0)}
.hero-copy{z-index:4;top:auto;left:var(--page);right:auto;bottom:15%;max-width:420px}
.hero-copy .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:13px}
.hero-copy h2{font-size:clamp(36px,4vw,65px);font-weight:450;line-height:1.03;letter-spacing:-.05em}
.hero-description{position:absolute;left:calc(100vw - var(--page)*2 - 230px);bottom:5px;width:230px;font-size:14px;color:#f2f5f6;line-height:1.8}
.home-scene{z-index:5;opacity:0;clip-path:inset(43% 46% 39% 46%)}
.pool-scene{z-index:6;opacity:0;clip-path:inset(0 0 0 100%);transform:none}
.home-scene .scene-shade,.pool-scene .scene-shade{background:linear-gradient(0deg,#060c11df,transparent 70%),linear-gradient(180deg,#0c171d66,transparent 22%)}
.chapter-copy{z-index:7;top:auto;bottom:18%;left:var(--page);max-width:85%;will-change:transform,opacity}
.chapter-copy h2{font-size:clamp(62px,7.5vw,130px);font-weight:500;letter-spacing:-.065em;line-height:.98;margin:20px 0 22px}
.chapter-copy>p:last-of-type{font-size:15px;font-weight:400;color:#ffffffe6}
.scene-link{display:inline-block;font-size:13px;border-bottom:1px solid #ffffff80;padding:3px 0 8px;margin-top:20px}
.hero-bottom{z-index:10;bottom:30px}
.location-label{font-size:10px;letter-spacing:.16em}
.location-label span{font-size:11px}
.scroll-prompt{background:none;border:0;padding:8px 12px;color:white;font-size:11px;letter-spacing:.08em}
.scroll-line{height:27px}
.play-journey{display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:4px;color:white;font-size:12px;letter-spacing:.03em}
.play-symbol{width:40px;height:40px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1;transition:background .3s}
.play-journey:hover .play-symbol{background:#ffffff20}
.chapter-rail{position:absolute;z-index:10;right:var(--page);top:44%;display:flex;flex-direction:column;gap:10px}
.chapter-rail button{background:none;border:0;color:#ffffffab;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:8px 0 8px 12px;position:relative;font-size:11px}
.chapter-rail i{height:1px;width:15px;display:block;background:#ffffff70;transition:width .4s}
.chapter-rail b{position:absolute;right:55px;font-weight:400;font-size:9px;letter-spacing:.15em;white-space:nowrap;opacity:0;transition:opacity .3s}
.chapter-rail button[aria-current]{color:white}
.chapter-rail button[aria-current] i{width:33px;background:white}
.chapter-rail button:hover b,.chapter-rail button:focus-visible b{opacity:1}
.journey-progress{z-index:12;height:2px}
.past-opening .scroll-prompt{opacity:0;visibility:hidden}
.journey-playing{scroll-behavior:auto}
.vision{background:var(--deep);color:#eceeed;padding-block:115px 100px}
.section-kicker{border-color:#ffffff28;gap:24px}
.section-kicker .eyebrow{font-size:11px;color:#b9c3c7}
.tiny-mark{font-family:var(--sans);font-size:33px;font-weight:500}
.section-index{color:#8b989e}
.vision-layout{grid-template-columns:1.6fr 1fr;align-items:end;gap:7vw;margin-top:65px}
.vision h2{font-family:var(--sans);font-size:clamp(58px,7.7vw,138px);font-weight:500;line-height:.94;letter-spacing:-.055em}
.vision h2 em{font-family:inherit;letter-spacing:inherit;color:#82939b}
.vision-copy{padding-bottom:4px}
.vision-copy p:first-child{font-size:23px;letter-spacing:-.025em;line-height:1.5}
.vision-copy p:nth-child(2){color:#aab6bc}
.vision .text-link{color:#e7edef;border-color:#6e7e85}
.qualities{border-color:#ffffff25;padding-top:25px;margin-top:80px}
.qualities>div:not(:first-child){border-color:#ffffff25}
.qualities span{color:#8d9ca3}.qualities p{font-size:17px;color:#ced7db}
.residences{grid-template-columns:1.22fr 1fr;min-height:860px;background:#e9ecea;color:var(--ink)}
.residence-panel{padding:80px clamp(30px,4.5vw,90px)}
.residence-panel h2{font-size:clamp(57px,5.6vw,96px);font-weight:450;line-height:.99;letter-spacing:-.06em}
.residence-panel h2 em{font-family:var(--sans);letter-spacing:inherit;color:#6f7d80}
.residence-tabs{border-color:#a7b1b3;gap:22px}
.residence-tabs button{color:#536269}
.residence-tabs button[aria-selected=true]{color:#172025}
.residence-tabs button[aria-selected=true]::after{background:#172025}
#residence-description{color:#4b5c64;font-size:16px}
.residence-name{font-size:25px;letter-spacing:-.025em}
.specs dt{color:#576970}
.residence-details .solid-button{background:var(--ink);color:white;border-color:var(--ink);border-radius:40px;padding-inline:26px}
.residence-details .solid-button:hover{background:#334b57}
.image-label{font-size:10px;letter-spacing:.16em}
.residence-image::after{content:'';position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,#080f155c);pointer-events:none}
.image-label{z-index:1}
.life{background:#0e171c;color:#edf0ef;padding-top:105px;padding-bottom:95px}
.life-intro{grid-template-columns:.8fr 1.7fr 1fr;gap:30px}
.life-intro .eyebrow{font-size:10px;color:#b7c3c8}
.life h2{font-family:var(--sans);font-size:clamp(48px,5.3vw,90px);font-weight:450;line-height:1;letter-spacing:-.055em}
.life h2 em{font-family:inherit;letter-spacing:inherit;color:#9bb0b9}
.life-intro>p:last-child{color:#b6c3c9;font-size:15px}
.life-image{height:640px;margin-inline:calc(var(--page)*-1);width:calc(100% + var(--page)*2)}
.life-image img{object-position:50% 55%}
.image-caption{left:var(--page);bottom:32px;font-size:10px;background:#07121960;padding:7px 12px;backdrop-filter:blur(8px)}
.amenities{margin-top:45px;gap:60px}
.amenities article{border-color:#ffffff25}
.amenities article>span{color:#93a7b1;font-size:10px}
.amenities h3{font-size:25px;letter-spacing:-.035em}
.amenities p{font-size:15px;color:#b8c6cc}
.closing{height:100svh;min-height:690px}
.closing h2{font-family:var(--sans);font-size:clamp(66px,11vw,188px);font-weight:500;line-height:.91;letter-spacing:-.065em;margin:40px 0 45px}
.closing h2 em{font-family:inherit;letter-spacing:inherit}
.closing .eyebrow{font-size:10px;letter-spacing:.28em}
.closing-shade{background:linear-gradient(180deg,#08192320,#07172077)}
.closing .outline-button{border-radius:40px;padding:16px 27px;font-size:13px}
footer{background:var(--deep);padding-block:50px}
.footer-logo{font-size:clamp(45px,8vw,130px);line-height:1;letter-spacing:-.065em;font-weight:500}
dialog{background:#eef0ee}
.dialog-content h2{font-family:var(--sans);font-size:46px;font-weight:450;letter-spacing:-.05em}
.dialog-close{background:#eef0ee}
@media(min-width:1750px){.hero-masthead{top:17%}.hero-masthead h1{font-size:30vw}.hero-copy{bottom:16%}}
@media(max-width:1100px){.vision-layout{grid-template-columns:1.35fr 1fr;gap:5vw}.vision h2{font-size:8vw}.residences{grid-template-columns:1.05fr 1fr}.residence-panel{padding:60px 30px}.residence-tabs{gap:16px}.life-intro{grid-template-columns:1.5fr 1fr}.life-intro .eyebrow{grid-column:1/-1}.life-image{height:540px}.amenities{gap:30px}.hero-description{left:calc(100vw - var(--page)*2 - 190px);width:190px}}
@media(max-width:700px){
 .journey{height:440svh}.stage{min-height:590px}
 .hero-masthead{top:15%}.hero-masthead>p{font-size:8px;letter-spacing:.26em;margin-bottom:18px}
 .hero-masthead h1{font-size:33vw;line-height:.85;font-weight:500;letter-spacing:-.09em;padding-right:.07em}
 .hero-masthead>span{display:none}
 .hero-copy{bottom:16%;top:auto;left:24px;right:24px;max-width:none}
 .hero-copy h2{font-size:43px}.hero-copy .eyebrow{font-size:9px;margin-bottom:13px}
 .hero-description{display:none}.cinema-shade{background:linear-gradient(180deg,#08141b66,transparent 28%,transparent 40%,#07141b55 70%,#07141bd9)}
 .hero-bottom{left:24px;right:24px;bottom:24px}.location-label{display:none}
 .scroll-prompt{position:static;transform:none;font-size:10px;padding-left:0}
 .play-journey{font-size:11px;gap:8px}.play-symbol{height:35px;width:35px;font-size:19px}
 .chapter-rail{right:22px;top:auto;bottom:38%;gap:5px}
 .chapter-rail button{font-size:10px;gap:8px}.chapter-rail i{width:10px}
 .chapter-rail button[aria-current] i{width:22px}.chapter-rail b{display:none}
 .chapter-copy{bottom:17%;left:24px;right:24px;max-width:calc(100% - 48px)}
 .chapter-copy h2{font-size:clamp(42px,10.5vw,70px);line-height:1.01;margin:18px 0 20px;letter-spacing:-.06em}
 .chapter-copy .eyebrow{font-size:9px}.chapter-copy>p:last-of-type{font-size:13px;max-width:290px}
 .scene-link{font-size:12px;margin-top:17px}
 .vision{padding-block:65px}.vision-layout{grid-template-columns:1fr;gap:35px;margin-top:40px}
 .vision h2{font-size:clamp(53px,13.5vw,92px);line-height:.96}
 .vision-copy p:first-child{font-size:22px}.vision-copy p:nth-child(2){font-size:16px}
 .qualities{margin-top:48px;gap:15px}.qualities p{font-size:13px}.qualities>div:not(:first-child){padding-left:13px}
 .residences{grid-template-columns:1fr;min-height:0}.residence-image{height:460px}
 .residence-panel{padding:50px 24px 55px}.residence-panel h2{font-size:66px;line-height:.99}
 .residence-panel h2 br:nth-child(2){display:initial}.residence-tabs{gap:24px}
 .life{padding-top:65px;padding-bottom:65px}.life-intro{grid-template-columns:1fr;gap:23px}
 .life h2{font-size:clamp(44px,11.5vw,70px)}.life-intro>p:last-child{font-size:15px}
 .life-image{height:480px}.image-caption{font-size:8px;letter-spacing:.11em;left:24px;bottom:20px}
 .amenities{gap:27px;margin-top:35px}.amenities h3{font-size:26px}.amenities p{font-size:16px}
 .closing{height:85svh;min-height:590px}.closing h2{font-size:clamp(48px,12.5vw,90px);margin:30px 0 38px}
 .closing .eyebrow{font-size:8px;letter-spacing:.2em}.closing .outline-button{font-size:12px}
 footer{padding-block:35px}.footer-logo{font-size:72px}
}
@media(max-height:650px) and (min-width:701px){.stage{min-height:540px}.hero-masthead{top:19%}.hero-masthead h1{font-size:24vw}.hero-masthead>span{margin-top:12px}.hero-copy h2{font-size:35px}.hero-copy{bottom:17%}.chapter-copy h2{font-size:65px}.chapter-copy{bottom:19%}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.stage{position:relative}.chapter-rail,.play-journey,.scroll-prompt{display:none}.hero-masthead,.hero-copy{opacity:1!important;transform:none!important}.sky-camera,.tower-camera{transform:none!important}.home-scene,.pool-scene,.chapter-copy{display:none}.hero-bottom{justify-content:flex-start}.life-image img,.residence-image img{transform:none!important}}
@media(max-height:500px){.stage{min-height:0}.site-header{padding-block:12px}.hero-masthead{top:26%}.hero-masthead h1{font-size:min(25vw,43svh)}.hero-masthead>p{font-size:8px;margin-bottom:8px}.hero-masthead>span{font-size:8px;margin-top:10px}.hero-copy{display:none}.hero-bottom{bottom:15px}.chapter-copy{bottom:24%}.chapter-copy h2{font-size:42px;margin:10px 0}.chapter-copy .eyebrow{font-size:9px}.chapter-copy>p:last-of-type{font-size:12px}.scene-link{margin-top:9px;padding-bottom:3px}.chapter-rail{top:35%;bottom:auto}.chapter-rail button{padding-block:5px}.play-symbol{width:30px;height:30px}}

/* Film-led opening: a continuous shot, restrained type, and soft dissolves. */
.sky-camera{transform:none!important;transform-origin:center;will-change:auto}
.world-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}
.opening-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:0;transition:opacity 1.25s ease;pointer-events:none}
.film-ready .opening-film{opacity:1}
.hero-masthead{top:32%;opacity:0;z-index:4;pointer-events:none}
.hero-masthead h1{font-size:clamp(130px,19vw,360px);font-weight:450;line-height:.95;letter-spacing:.015em;padding:0;text-shadow:0 2px 45px #05101830}
.hero-masthead>p{font-size:10px;letter-spacing:.36em;margin-bottom:19px}
.hero-masthead>span{display:block;font-size:10px;letter-spacing:.26em;margin-top:21px}
.hero-copy{bottom:25%;left:var(--page);max-width:550px}
.hero-copy h2{font-size:clamp(47px,5.3vw,88px);line-height:1.01;font-weight:400;letter-spacing:-.05em}
.hero-copy .eyebrow{font-size:10px;margin-bottom:21px;letter-spacing:.23em}
.hero-description{font-size:13px;width:210px;left:calc(100vw - var(--page)*2 - 210px);color:#ffffffdd;line-height:1.8}
.cinema-shade{background:linear-gradient(180deg,#06131b69,transparent 24%,transparent 50%,#06131b77 85%,#06131baa)}
.home-scene,.pool-scene{clip-path:none}
.chapter-copy h2{font-weight:450}
.hero-bottom{bottom:28px}
.film-toggle{display:flex;align-items:center;gap:10px;padding:5px 0;background:transparent;color:white;border:0;font-size:11px;letter-spacing:.02em;transition:opacity .5s}
.film-toggle[hidden]{display:none}
.film-toggle-icon{font-size:18px;width:29px;text-align:center}
.stage:not(.opening-visible) .film-toggle{visibility:hidden;opacity:0}
.play-symbol{width:35px;height:35px;font-size:17px}
.play-journey{font-size:11px;gap:10px}
.chapter-rail{top:43%;opacity:.8}
.site-header{padding-block:22px}
.site-header nav{font-size:12px}
@media(max-width:700px){
 .journey{height:420svh}.stage{min-height:590px}
 .hero-masthead{top:37%}.hero-masthead h1{font-size:27vw;letter-spacing:.025em;padding:0;line-height:1}
 .hero-masthead>p{font-size:8px;letter-spacing:.25em;margin-bottom:14px}
 .hero-masthead>span{display:block;font-size:8px;letter-spacing:.21em;margin-top:16px}
 .hero-copy{bottom:24%;max-width:calc(100% - 48px)}.hero-copy h2{font-size:clamp(43px,12vw,67px);line-height:1.04}
 .hero-copy .eyebrow{font-size:9px;margin-bottom:16px}.hero-description{display:none}
 .film-toggle-label{display:none}.film-toggle{padding:10px 0;font-size:10px}
 .hero-bottom{bottom:22px;gap:8px}.scroll-prompt{position:absolute;left:43%;transform:translateX(-50%);font-size:9px;gap:8px;padding-inline:0}
 .scroll-line{height:23px}.play-journey{font-size:10px;gap:7px}.play-symbol{height:31px;width:31px;font-size:16px}
 .chapter-rail{bottom:39%;top:auto;right:20px}.chapter-rail button{font-size:9px}
 .chapter-copy h2{font-size:clamp(40px,10.5vw,66px)}
 .world-image,.opening-film{object-position:62% center}
}
@media(max-height:500px){.stage{min-height:0}.hero-masthead{top:27%}.hero-masthead h1{font-size:26svh}.hero-masthead>p{font-size:8px;margin-bottom:8px}.hero-masthead>span{font-size:8px;margin-top:8px}.hero-copy{display:block;bottom:24%}.hero-copy h2{font-size:39px}.hero-copy .eyebrow{font-size:8px;margin-bottom:12px}.hero-description{display:none}.hero-bottom{bottom:12px}.chapter-rail{top:33%;bottom:auto}}
@media(prefers-reduced-motion:reduce){.opening-film,.film-toggle{display:none!important}.hero-masthead{opacity:1!important;top:34%;transform:none!important}.hero-copy{display:none!important}.hero-masthead>p,.hero-masthead>span{display:block}}

.stage:not(.film-ready) .film-toggle{visibility:hidden;opacity:0}

footer .m3-powered-credit{font-size:clamp(1.25rem,1.05rem + .6vw,1.5rem);font-weight:500;line-height:1.45}footer .m3-powered-credit strong{font-weight:800}