@import "tailwindcss";
/* Final scroll timing corrections */
.story{min-height:430vh}.storyGrid{height:100vh;align-items:center}.poster3d{height:76vh}.storySlides img{filter:none!important;backface-visibility:hidden}.storySlides img.active{opacity:1!important;visibility:visible;clip-path:inset(0)!important;filter:none!important}
.motionGallery{height:480vh}.galleryTrack{transform:translate3d(calc(var(--gallery-shift,0px) * -1),0,0);will-change:transform}.galleryTrack figure{opacity:.72;filter:saturate(.7)}.galleryTrack figure.active{opacity:1;filter:saturate(1) contrast(1.03)}
.plans{min-height:620vh}.planCanvas{overflow:hidden}.planCanvas img{width:100%;height:100%;max-height:76vh;object-fit:contain;opacity:1}.planCanvas img.switching{opacity:0}
@media(max-width:850px){.story{min-height:360vh}.motionGallery{height:420vh}.plans{min-height:560vh}.poster3d{height:58vh}.planCanvas img{max-height:66vh}}
.story{min-height:150vh}.storyGrid{position:sticky;top:0;min-height:100vh}.poster3d{height:72vh}.storySlides{position:relative;width:100%;height:100%;overflow:hidden;transform-style:preserve-3d}.storySlides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.16) rotateY(-9deg) translateZ(-80px);clip-path:inset(50% 0 50% 0);transition:opacity .8s,transform 1.1s,clip-path 1s}.storySlides img.active{opacity:1;transform:scale(1) rotateY(-4deg) translateZ(30px);clip-path:inset(0)}.storyDots{position:absolute;z-index:4;right:0;bottom:2%;display:flex;gap:8px}.storyDots b{width:38px;height:38px;border:1px solid #12303d45;border-radius:50%;display:grid;place-items:center;font:11px Georgia;opacity:.45;transition:.35s}.storyDots b.active{background:#064d6f;color:#fff;opacity:1;transform:scale(1.15)}
.motionGallery{height:360vh;padding:0}.motionGallery .galleryHeading{position:sticky;top:0;height:100vh;padding-top:9vh;align-items:flex-start;z-index:2;pointer-events:none}.galleryTrack{position:sticky;top:26vh;height:64vh;align-items:center;transform:translate3d(calc(var(--gallery,0) * -275vw),0,0);transition:transform .08s linear}.galleryTrack figure{opacity:.45;filter:saturate(.45) blur(1px);transition:opacity .45s,filter .45s,transform .45s}.galleryTrack figure.active{opacity:1;filter:none;transform:perspective(1000px) rotateY(0) translateY(-22px) scale(1.04)}
.plans{min-height:500vh}.planIntro{position:sticky;top:0;z-index:2;background:#032f46}.planViewer{position:sticky;top:0;height:100vh}.planTabs button.active{background:#ffffff0d;transform:translateX(12px)}.planCanvas img{transform-origin:center;transition:opacity .45s,transform .6s}.planCanvas img.switching{opacity:0;transform:perspective(1200px) rotateY(18deg) scale(.92)}
@media(max-width:850px){.story{min-height:120vh}.storyGrid{position:relative;min-height:auto}.poster3d{height:48vh}.motionGallery{height:260vh}.galleryTrack{transform:translate3d(calc(var(--gallery,0) * -430vw),0,0)}.plans{min-height:400vh}.planViewer{height:100vh}}
@media(max-width:850px){.architecture3d{height:auto;min-height:900px;grid-template-columns:1fr;padding:100px 7vw}.archStage{height:55vh;order:2}.archCopy{order:1}.galleryHeading{display:block}.galleryHeading h2{margin-top:30px}.galleryTrack{transform:translateX(calc(var(--scroll)*-.025px))}.galleryTrack figure{width:82vw;min-width:82vw}.cursor{display:none}}
.architecture3d{height:110vh;min-height:780px;background:radial-gradient(circle at 65% 45%,#0d6688 0,#043c59 36%,#022b40 75%);color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:7vw}.archStage{height:75vh;perspective:1500px;position:relative;transform-style:preserve-3d}.archTower{position:absolute;inset:8% 5% 2% 8%;transform:rotateY(calc((var(--mx) - 50vw)/90)) rotateX(calc((var(--my) - 50vh)/-120)) translateZ(55px);transition:transform .15s ease-out;filter:drop-shadow(0 60px 50px #001824aa);z-index:3;overflow:hidden;clip-path:polygon(12% 0,100% 8%,88% 100%,0 90%)}.archTower img{width:100%;height:100%;object-fit:cover;transform:scale(1.18)}.archOrbit{position:absolute;inset:6%;border:1px solid #ffffff35;border-radius:50%;transform:rotateX(68deg) rotateZ(calc(var(--scroll)*.025deg));animation:orbitSpin 18s linear infinite}.archOrbit.o2{inset:18%;border-style:dashed;animation-direction:reverse;animation-duration:12s}@keyframes orbitSpin{to{transform:rotateX(68deg) rotateZ(360deg)}}.archGhost{position:absolute;font:700 8vw/1 Arial;color:#ffffff0d;letter-spacing:.05em;white-space:nowrap}.g1{top:-80%;right: -4%;transform:translateX(calc(var(--scroll)*-.05px))}.g2{bottom:-35%;transform:translateX(calc(var(--scroll)*.04px))}.archCopy{position:relative;z-index:4}.archCopy>p{font-size:9px;letter-spacing:.28em}.archCopy h2,.galleryHeading h2{font:400 clamp(58px,7vw,105px)/.95 Georgia;margin:45px 0}.archCopy span{font:italic 15px Georgia;color:#b9d1da}.motionGallery{background:#e8ddd2;padding:120px 0;overflow:hidden}.galleryHeading{padding:0 7vw 65px;display:flex;align-items:end;justify-content:space-between}.galleryHeading>span{font-size:9px;letter-spacing:.25em}.galleryHeading h2{margin:0}.galleryTrack{display:flex;gap:28px;width:max-content;padding:0 7vw;transform:translateX(calc(var(--scroll)*-.075px))}.galleryTrack figure{margin:0;width:37vw;min-width:520px;transform:perspective(1000px) rotateY(calc((var(--i) - 3)*1deg)) translateY(calc((var(--i) % 2)*55px));transition:.5s}.galleryTrack figure:hover{transform:perspective(1000px) rotateY(0) translateY(-18px) scale(1.02)}.galleryTrack img{width:100%;aspect-ratio:1.38;object-fit:cover;display:block;box-shadow:0 30px 70px #12303d25}.galleryTrack figcaption{padding-top:15px;font-size:9px;letter-spacing:.16em}.reveal.seen h2{animation:revealText .9s both}@keyframes revealText{from{clip-path:inset(0 0 100% 0);transform:translateY(45px)}to{clip-path:inset(0);transform:none}}.heroArt{animation:heroBreath 14s ease-in-out infinite alternate}@keyframes heroBreath{to{filter:saturate(1.15) contrast(1.08);transform:scale(1.24) translateY(calc(var(--scroll)*.035px))}}
:root{--progress:0%;--mx:-100px;--my:-100px}
.scrollProgress{position:fixed;z-index:100;top:0;left:0;width:var(--progress);height:3px;background:linear-gradient(90deg,#dfc9b8,#fff);box-shadow:0 0 18px #fff;pointer-events:none}
.cursor{position:fixed;z-index:99;left:var(--mx);top:var(--my);width:28px;height:28px;border:1px solid #d8c5b5;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:difference;transition:width .25s,height .25s}
.preloader{position:fixed;z-index:999;inset:0;background:#032f46;color:#fff;display:grid;place-items:center;animation:loaderOut 1.1s 1s forwards;pointer-events:none}.preloader span{font:italic 38px Georgia;border:1px solid #ffffff90;width:85px;height:85px;border-radius:50%;display:grid;place-items:center;animation:loaderPulse 1s ease infinite}.preloader i{position:absolute;bottom:0;left:0;height:2px;background:#dccbbb;animation:loaderLine 1s ease forwards}
@keyframes loaderOut{to{opacity:0;visibility:hidden;transform:scale(1.04)}}@keyframes loaderPulse{50%{transform:scale(.92);opacity:.65}}@keyframes loaderLine{from{width:0}to{width:100%}}
.heroCopy h1,.cinemaText h2{background:linear-gradient(110deg,#fff 20%,#d9c2b0 52%,#fff 78%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textShine 7s linear infinite}.heroCopy h1 em,.cinemaText h2 em{color:transparent}@keyframes textShine{to{background-position:-200% center}}
.tilt:after,.poster3d:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff38 48%,transparent 70%);transform:translateX(-130%);transition:.8s;pointer-events:none}.tilt:hover:after,.poster3d:hover:after{transform:translateX(130%)}
.amenityList span{transition:.3s}.amenityList span:hover{background:#064d6f;color:#fff;padding-left:20px}.planTabs button{transition:.35s}.planTabs button:hover{padding-left:12px;color:#fff}
:root{--blue:#064d6f;--deep:#032f46;--cream:#f5efe8;--sand:#dfd3c7;--ink:#12303d;--line:#183c4930;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.pad{padding:50px 6vw}.overline{font-size:10px;letter-spacing:.28em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:18px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}em{color:#b89d88;font-weight:400}header{height:92px;position:absolute;inset:0 0 auto;z-index:20;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #ffffff35}.logo{display:flex;align-items:center;gap:11px;letter-spacing:.2em;font-weight:700;font-size:15px;line-height:.9}.logo b{display:grid;place-items:center;width:38px;height:38px;border:1px solid;border-radius:50%;font:italic 17px Georgia}.logo small{font-size:7px;letter-spacing:.28em}.logo span{display:block}header nav{display:flex;gap:33px;font-size:15px;letter-spacing:.12em}header nav a{opacity:.75;transition:.3s}header nav a:hover{opacity:1}.visit{border:1px solid #ffffff80;border-radius:99px;padding:14px 18px;font-size:15px}.visit i{margin-left:30px}.menu{display:none;border:0;background:transparent;color:#fff;font-size:25px}.hero{height:100svh;min-height:730px;position:relative;color:#fff;overflow:hidden;background:var(--deep)}.heroArt{position:absolute;inset:0;background:url('../images/page-3.jpg') center/cover;transform:scale(1.18) translateY(calc(var(--scroll) * .035px));filter:saturate(.9) contrast(1.05)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#022b43e6 0%,#06344c88 52%,#05293933),linear-gradient(0deg,#03293ecb 0%,transparent 48%)}.rings{position:absolute;right:-10vw;top:12%;width:45vw;aspect-ratio:1}.rings i{position:absolute;inset:0;border:1px solid #ffffff26;border-radius:50%;animation:orbit 11s ease-in-out infinite}.rings i:nth-child(2){inset:15%;animation-delay:-3s}.rings i:nth-child(3){inset:31%;animation-delay:-6s}@keyframes orbit{50%{transform:translate(-20px,15px) scale(1.04)}}.heroCopy{position:absolute;z-index:2;left:7.5vw;right:7vw;top:24%}.kicker{font-size:10px;letter-spacing:.24em;text-transform:uppercase;display:flex;gap:12px;align-items:center}.kicker span{width:35px;height:1px;background:#fff}.hero h1{font-size:clamp(72px,10.5vw,160px);letter-spacing:-.06em;margin:40px 0}.hero h1 em{color:#d8c8bb}.heroFoot{display:flex;align-items:center;justify-content:space-between}.heroFoot>p{max-width:530px;font:18px/1.7 Georgia;color:#ffffffc8}.heroFoot a{width:125px;height:125px;border:1px solid #ffffff70;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;gap:18px;transition:.4s}.heroFoot a:hover{background:#fff;color:var(--deep);transform:scale(1.05)}.sideMark{position:absolute;right:22px;top:48%;z-index:2;writing-mode:vertical-rl;font-size:8px;letter-spacing:.3em}.story{background:var(--cream)}.storyGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;margin-top:0px;align-items:center}.story h2,.living h2,.amenities h2,.plans h2,.location h2,.connect h2{font-size:clamp(52px,7vw,108px);line-height:.94;letter-spacing:-.045em;margin:0}.lead{max-width:520px;font:18px/1.8 Georgia;color:#536972;margin-top:45px}.poster3d{position:relative;perspective:1100px;padding:5% 2% 9% 8%}.poster3d img,.sheet{width:100%;display:block;box-shadow:0 40px 80px #122c382d}.poster3d img{position:relative;transform:rotateY(-8deg) rotateX(3deg);transition:.8s}.poster3d:hover img{transform:rotateY(0) rotateX(0) translateY(-10px)}.sheet{position:absolute;inset:3% 4% 10% 11%;background:#dacdc2;transform:rotate(3deg)}.sheet.back{transform:rotate(7deg);background:var(--deep)}.stats{margin-top:100px;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.stats div{padding:40px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{display:block;font:52px Georgia}.stats span{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#687b82}.living{display:grid;grid-template-columns:1fr 1fr;background:#dcd2c7;position:relative}.stickyVisual{height:100vh;position:sticky;top:0;overflow:hidden}.stickyVisual img{width:100%;height:100%;object-fit:cover}.visualShade{position:absolute;inset:0;background:linear-gradient(0deg,#052d4275,transparent 55%)}.floatBadge{position:absolute;right:7%;bottom:7%;width:150px;height:150px;border-radius:50%;background:#f4eee5dd;backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;text-align:center;color:var(--deep);animation:bob 4s ease-in-out infinite}.floatBadge b{font:35px Georgia}.floatBadge span{font-size:9px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}@keyframes bob{50%{transform:translateY(-12px)}}.livingCopy h2{margin:70px 0 90px}.livingCopy article{display:grid;grid-template-columns:55px 1fr;gap:25px;border-top:1px solid var(--line);padding:42px 0}.livingCopy article>span{font:italic 15px Georgia}.livingCopy h3{font-size:30px;margin:0 0 16px}.livingCopy article p{line-height:1.7;color:#5f7076;max-width:450px}.cinema{height:110vh;min-height:800px;position:relative;overflow:hidden;background:var(--deep);color:#fff}.cinemaPic{position:absolute;inset:-10%;background:url('../images/page-7.jpg') center/cover;transform:translateY(calc((var(--scroll) - 1600) * .04px)) scale(1.04)}.cinema:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#032f46dc 0%,#032f4670 55%,transparent)}.cinemaText{position:absolute;z-index:2;left:8vw;top:25%}.cinemaText p{font-size:9px;line-height:1.8;letter-spacing:.25em}.cinemaText h2{font:400 clamp(70px,9vw,135px) Georgia;margin:45px 0}.cinemaText h2 em{color:#e2d4c9}.cinemaText a{display:inline-block;border-bottom:1px solid;padding-bottom:10px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.scrollType{position:absolute;z-index:2;bottom:3%;left:0;white-space:nowrap;font:italic 42px Georgia;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.amenities{background:#f8f3ed}.titleRow{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end}.titleRow h2{margin-top:60px}.titleRow>p{font:17px/1.7 Georgia;color:#5d7078}.amenityGrid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:90px}.tilt{position:relative;overflow:hidden;background:#fff;transition:transform .18s ease,box-shadow .3s;transform-style:preserve-3d}.tilt:nth-child(even){margin-top:80px}.tilt img{width:100%;display:block;transition:.7s}.tilt:hover{box-shadow:0 35px 70px #12303d2b}.tilt:hover img{transform:scale(1.03)}.tilt span{position:absolute;left:20px;bottom:20px;background:#fff;padding:12px 15px;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.amenityList{display:grid;grid-template-columns:repeat(4,1fr);margin-top:100px;border-top:1px solid var(--line)}.amenityList span{padding:22px 10px;border-bottom:1px solid var(--line);font-size:11px}.amenityList b{font:italic 12px Georgia;color:#9c806c;margin-right:15px}.plans{background:var(--deep);color:#fff}.planIntro .overline{border-color:#ffffff30}.planIntro{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end}.planIntro .overline{grid-column:1/-1}.planIntro>p:last-child{font:17px/1.7 Georgia;color:#a7bac3}.planViewer{display:grid;grid-template-columns:330px 1fr;min-height:760px;border-top:1px solid #ffffff25}.planTabs{padding:40px 3vw}.planTabs button{width:100%;display:flex;gap:22px;background:transparent;color:#ffffff75;border:0;border-bottom:1px solid #ffffff22;padding:25px 0;text-align:left;font-size:15px;text-transform:uppercase;letter-spacing:.13em}.planTabs button.active{color:#fff}.planTabs button b{font:italic 12px Georgia}.planCanvas{background:#edf0eb;padding:0vw;display:grid;place-items:center;overflow:hidden}.planCanvas img{width:100%;max-height:680px;object-fit:contain;animation:planIn .65s ease}@keyframes planIn{from{opacity:0;transform:scale(.96) rotateX(5deg)}to{opacity:1;transform:none}}.location{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;background:#e2d8cd}.map img{width:100%;box-shadow:0 30px 80px #12303d25;transform:perspective(1000px) rotateY(6deg)}.location h2{font-size:clamp(50px,5.5vw,85px);margin:55px 0 35px}.locationCopy>p:not(.overline){font:17px/1.7 Georgia;color:#586b72}.location ul{list-style:none;padding:0;margin-top:35px}.location li{display:flex;border-top:1px solid var(--line);padding:18px 0}.location li b{width:100px;font:italic 16px Georgia}.location li span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.connect{background:#064d6f;color:#fff}.connect .overline{border-color:#ffffff30}.connectGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;margin-top:80px}.connect h2{font-size:clamp(58px,7vw,105px)}.connectGrid>div>p{max-width:500px;font:17px/1.7 Georgia;color:#bed0d7;margin-top:40px}.phones{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px}.phones a{border-bottom:1px solid #ffffff80;padding-bottom:7px;font:17px Georgia}.connect form label{display:block;border-bottom:1px solid #ffffff40;padding:18px 0;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#adc2cb}.connect input,.connect textarea{display:block;width:100%;border:0;background:transparent;outline:0;color:#fff;font:20px Georgia;padding:12px 0;resize:none}.connect form button{margin-top:35px;border:0;border-radius:99px;padding:17px 23px;background:#e4d7cc;color:var(--deep)}.connect form button span{margin-left:55px}footer{padding: 40px 3vw 25px;background:#032b40;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}footer>p{font-size:15px;letter-spacing:.13em;color:#9bb1bb}footer>div{display:flex;justify-content:end;gap:22px;font-size:15px;letter-spacing:.1em}footer>small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:5px;font-size:15px;color:#829ba6}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.reveal.seen{opacity:1;transform:none}
@media(max-width:850px){.pad{padding:90px 7vw}header{height:74px}header nav{display:none;position:absolute;top:74px;left:0;width:100%;background:var(--deep);padding:30px;flex-direction:column}header nav.open{display:flex}.visit{display:none}.menu{display:block}.hero{min-height:700px}.heroArt{background-position:58% center}.heroCopy{top:21%;left:7vw}.hero h1{font-size:17vw;margin-top:60px}.heroFoot>p{max-width:65%;font-size:14px}.heroFoot a{width:90px;height:90px;font-size:9px}.storyGrid,.living,.titleRow,.planIntro,.location,.connectGrid{grid-template-columns:1fr}.poster3d{margin-top:30px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stickyVisual{position:relative;height:70vh}.livingCopy h2{margin:60px 0}.cinema{height:85vh;min-height:650px}.cinemaPic{background-position:62%}.cinemaText{left:7vw}.amenityGrid{grid-template-columns:1fr}.tilt:nth-child(even){margin-top:0}.amenityList{grid-template-columns:1fr 1fr}.planIntro .overline{grid-column:auto}.planViewer{grid-template-columns:1fr;min-height:auto}.planTabs{display:flex;overflow-x:auto}.planTabs button{min-width:190px}.planCanvas{min-height:430px;padding:18px}.map{order:2}.map img{transform:none}.connectGrid{gap:60px}footer{grid-template-columns:1fr}footer>div{justify-content:start;flex-wrap:wrap}footer>small{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rings i,.floatBadge,.scrollType{animation:none}.reveal{opacity:1;transform:none}}
