@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#303b41;--muted:#91999c;--paper:#fff;--line:#e4e7e7;--soft:#f2f3ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;width:100%;object-fit:cover}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #abbd76;outline-offset:5px}button{border:0;background:none}::selection{background:#c6d397;color:#263039}.topbar{height:96px;padding:0 3.8%;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:30px;font-weight:700;letter-spacing:-1.9px;white-space:nowrap}.logo-dot{font-size:12px;vertical-align:top;display:inline-block;margin:5px 0 0 3px;letter-spacing:0}.topbar nav{display:flex;gap:35px;font-size:13px}.topbar nav a{position:relative}.topbar nav a:after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:1px;background:currentColor;transition:width .25s}.topbar nav a:hover:after{width:100%}.nav-enquire{border-bottom:1px solid var(--ink);padding:8px 0;font-size:13px;display:flex;gap:45px}.hero{height:calc(100svh - 115px);min-height:600px;max-height:960px;margin:0 20px;position:relative;isolation:isolate;overflow:hidden;border-radius:19px;color:white}.hero>img{height:100%;position:absolute;z-index:-3;object-position:50% 50%;animation:hero-in 1.4s ease-out both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#102b3d22 15%,#102b3d0c 35%,#172c35b3 100%)}.hero-top{display:flex;justify-content:space-between;padding:28px 38px;font-size:10px;letter-spacing:1.5px}.hero-copy{position:absolute;left:4%;bottom:9%;width:92%}.eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.5;font-weight:550;margin:0 0 34px}.light{color:#ffffffe0}.hero h1{font-size:clamp(60px,7.7vw,124px);line-height:.98;letter-spacing:-.065em;font-weight:450;margin:0 0 28px}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{line-height:1.5;margin:0;font-size:15px}.round-link{width:52px;height:52px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;font-size:24px;transition:background .2s}.round-link:hover{background:#ffffff25}.hero-index{position:absolute;bottom:22px;left:4%;letter-spacing:1.4px;font-size:9px}.section{max-width:1400px;margin:0 auto;padding:125px 6%}h2{font-size:clamp(40px,4.65vw,72px);font-weight:450;line-height:1.06;letter-spacing:-.055em;margin:0}h3{font-weight:500;letter-spacing:-.04em}.muted{color:var(--muted)}.intro{padding-top:140px;padding-bottom:90px}.intro>h2{max-width:920px;margin-left:17%}.intro>.eyebrow{margin-left:17%}.intro-detail{display:grid;grid-template-columns:280px 350px;gap:65px;margin:60px 0 0 35%;align-items:start}.intro-detail img{height:330px;border-radius:12px}.intro-detail p:first-child{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin-top:3px}.body-copy{color:#697277;line-height:1.7;font-size:14px;max-width:410px}.text-link{display:flex;justify-content:space-between;align-items:center;max-width:260px;border-bottom:1px solid #b9bfc0;padding:15px 0;font-size:12px;margin-top:24px}.text-link span{font-size:20px}.facts{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;max-width:1120px;margin:40px auto 15px;padding:40px 0}.facts>div{padding-left:28px;border-left:1px solid var(--line)}.facts strong{font-size:43px;letter-spacing:-2px;font-weight:450;white-space:nowrap}.facts strong span{font-size:20px;letter-spacing:-1px;margin-left:4px}.facts p{font-size:11px;color:#70797d;margin-top:12px}.living{display:grid;grid-template-columns:1fr 1.1fr;gap:14%;align-items:start;padding-top:120px}.living-left h2{margin-bottom:55px}.living-left>img{width:75%;height:290px;border-radius:12px}.caption{font-size:10px;color:#92999b;line-height:1.65;margin-top:14px}.living-right>img{height:580px;border-radius:14px}.living-right>.body-copy{margin:30px 0 0 0}.details{padding-top:80px}.details>h2,.details>.eyebrow{text-align:center}.detail-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:10%;margin-top:65px;align-items:start}.tabs{padding-top:10px}.tabs button{display:flex;align-items:center;width:100%;text-align:left;font-size:24px;letter-spacing:-.6px;padding:28px 0;color:#a7adaf;border-bottom:1px solid var(--line);transition:color .2s}.tabs button span{font-size:10px;width:40px;letter-spacing:0}.tabs button b{margin-left:auto;font-weight:400}.tabs button[aria-selected=true]{color:var(--ink)}.feature{background:var(--soft);border-radius:14px;overflow:hidden}.feature img{height:340px}.feature>div{padding:30px 34px}.feature>div>span{font-size:9px;letter-spacing:1.5px}.feature h3{font-size:29px;line-height:1.15;margin:18px 0 14px}.feature p{font-size:13px;line-height:1.6;color:#747c7d;margin:0;max-width:360px}.wide-story{position:relative;height:540px;border-radius:18px;overflow:hidden;margin:15px 20px;color:white;isolation:isolate;display:flex;align-items:center;padding:6%}.wide-story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172e39b5,#172e391a);z-index:-1}.wide-story>img{position:absolute;inset:0;height:100%;z-index:-2;object-position:center 65%}.wide-story h2{font-size:clamp(38px,4.7vw,72px)}.pill{background:var(--ink);color:white;display:inline-flex;gap:55px;align-items:center;padding:17px 23px;border-radius:50px;font-size:12px;margin-top:32px;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px);background:#4b5b62}.pill span{font-size:20px;line-height:1}.light-pill{background:white;color:var(--ink)}.light-pill:hover{background:#e8eee2}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:55px}.section-heading .body-copy{padding-bottom:3px}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.home-card{padding:0;display:block;text-align:left}.home-image{position:relative;overflow:hidden;border-radius:13px;height:340px}.home-image>img{height:100%;transition:transform .6s}.home-card:hover .home-image>img{transform:scale(1.04)}.home-image>span{position:absolute;bottom:17px;right:17px;background:white;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:20px}.home-card:nth-child(2) .home-image>img{object-position:20% center}.home-card:nth-child(3) .home-image>img{object-position:80% center}.home-label{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.home-label h3{font-size:24px;margin:0}.home-label>span{font-size:10px;color:#949b9e}.home-card>p{color:#848c90;font-size:12px;line-height:1.6}.homes>.caption{margin-top:30px}.location{display:grid;grid-template-columns:.85fr 1.2fr;gap:10%;padding-top:30px}.location .body-copy{margin-top:30px}.map-art{min-height:440px;position:relative;background:#eef0e9;overflow:hidden;border-radius:14px;isolation:isolate}.map-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(25deg,transparent,transparent 43px,#e0e5db 44px,#e0e5db 46px,transparent 47px)}.map-caption{position:absolute;top:25px;left:25px;font-size:9px;letter-spacing:1.3px}.coast{position:absolute;left:-90%;top:-40%;width:130%;height:180%;background:#cedee0;border-radius:48%;transform:rotate(22deg);border:12px solid #e6ece4}.road{position:absolute;height:12px;background:#fff;border:1px solid #dce1d5;left:-30%;width:170%}.road-one{top:30%;transform:rotate(-22deg)}.road-two{top:77%;transform:rotate(35deg)}.road-three{top:50%;transform:rotate(-65deg)}.jvc-circle{width:170px;height:170px;border:1px solid #abb5a2;border-radius:50%;background:#dfe5d6;position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 12px #dfe5d655,0 0 0 24px #dfe5d644}.jvc-circle span{font-size:8px;letter-spacing:1.7px}.jvc-circle strong{font-size:50px;letter-spacing:-3px;font-weight:450}.jvc-circle i{font-style:normal;font-size:8px}.map-place{position:absolute;font-size:11px;background:#eef0e9b0;padding:4px}.marina{left:12%;bottom:24%}.downtown{right:8%;top:18%}.map-north{position:absolute;right:25px;bottom:24px;font-size:12px}.map-note{position:absolute;bottom:24px;left:25px;font-size:8px;letter-spacing:1px;color:#7c8583}.road-label{position:absolute;right:30px;top:45%;font-size:8px;letter-spacing:1.3px;transform:rotate(-65deg)}.faq{padding-top:45px;max-width:1060px}.faq h2{font-size:45px;margin-bottom:45px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:17px;letter-spacing:-.3px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details>p{color:#747d81;font-size:14px;line-height:1.7;max-width:650px;margin:0 40px 25px 0}.closing{text-align:center;padding:35px 20px 120px}.closing h2{font-size:clamp(55px,6.8vw,100px)}footer{border-radius:18px 18px 0 0;margin:0 20px;background:var(--ink);color:white;padding:65px 4% 28px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:20px}.footer-top p{font-size:13px;line-height:1.6;color:#c2cacb;margin:4px 0}.footer-phone{font-size:19px;text-align:right;letter-spacing:-.6px;margin-top:4px}.footer-links{display:flex;gap:30px;margin-top:55px;font-size:11px;color:#d0d6d7}.footer-links button{color:inherit;font-size:inherit;padding:0}.footer-bottom{margin-top:55px;padding-top:23px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:30px;font-size:9px;color:#a9b4b7;line-height:1.7}.footer-bottom>p{margin:0;max-width:450px}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.floating-enquire{position:fixed;left:0;top:53%;z-index:5;padding:16px 14px 16px 20px;background:var(--ink);border:1px solid #ffffff38;border-left:0;border-radius:0 9px 9px 0;color:white;font-size:11px;box-shadow:0 4px 20px #0001;writing-mode:vertical-rl;transform:rotate(180deg);border-radius:9px 0 0 9px;display:flex;gap:17px}.floating-enquire span{writing-mode:horizontal-tb;transform:rotate(180deg)}.overlay{position:fixed;inset:0;background:#17252e70;z-index:10;backdrop-filter:blur(4px)}.enquiry{position:fixed;left:0;right:auto;top:0;bottom:0;margin:0;width:min(550px,100%);max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0 18px 18px 0;padding:35px 44px;background:#f6f6f1;color:var(--ink);overflow-y:auto;z-index:11;transform:translateX(-100%);transition:transform .45s cubic-bezier(.22,.8,.25,1);box-shadow:15px 0 70px #0002}.enquiry.is-open{transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.close{font-size:21px;padding:10px;line-height:1}.enquiry .eyebrow{margin-bottom:20px;font-size:9px}.enquiry h2{font-size:51px}.drawer-intro{font-size:13px;color:#7a8385;margin:20px 0 30px}.enquiry label{font-size:11px;display:block;margin-bottom:23px}.enquiry input:not([type=checkbox]),.enquiry select,.enquiry textarea{display:block;width:100%;border:0;border-bottom:1px solid #c8cdca;background:transparent;border-radius:0;color:var(--ink);padding:12px 0;outline-offset:3px;font-size:13px}.enquiry input::placeholder,.enquiry textarea::placeholder{color:#9aa09e}.enquiry textarea{resize:vertical;min-height:72px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.enquiry .consent{display:flex;align-items:flex-start;gap:10px;color:#78817f;font-size:10px;line-height:1.5}.consent input{accent-color:var(--ink);margin:2px 0 0;width:15px;height:15px;flex-shrink:0}.submit{padding:17px 20px;border-radius:30px;background:var(--ink);color:white;width:100%;display:flex;justify-content:space-between;font-size:12px}.form-note{font-size:10px;color:#858c89;line-height:1.5;margin-top:12px}.download{font-size:10px;padding:6px 0;border-bottom:1px solid #a5aeaa}.drawer-contact{border-top:1px solid #d8dcd6;padding-top:22px;margin-top:30px;display:flex;flex-direction:column;gap:9px}.drawer-contact span{font-size:10px;color:#87908a}.drawer-contact a{font-size:16px}.privacy-dialog{border:0;border-radius:15px;padding:45px;max-width:560px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 100px #0003}.privacy-dialog::backdrop{background:#17252e80;backdrop-filter:blur(4px)}.privacy-dialog .close{float:right;margin:-20px -20px 10px 10px}.privacy-dialog h2{font-size:38px}.privacy-dialog p{line-height:1.7;font-size:14px;color:#70797c}@keyframes hero-in{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:1600px){.hero-copy{left:6%;width:88%}.hero-index{left:6%}.section{padding-left:65px;padding-right:65px}}
@media(max-width:1100px){.intro-detail{margin-left:25%;grid-template-columns:220px 1fr;gap:35px}.facts{margin-left:6%;margin-right:6%}.facts strong{font-size:34px}.living{gap:8%}.living-right>img{height:480px}.living-left>img{height:230px}.home-image{height:270px}.detail-grid{gap:6%}.tabs button{font-size:20px}.footer-phone{font-size:16px}}
@media(max-width:760px){.topbar{height:78px;padding:0 24px;gap:10px}.logo{font-size:27px}.topbar nav{display:none}.nav-enquire{gap:30px}.hero{margin:0 10px;height:calc(85svh - 78px);min-height:560px;border-radius:13px}.hero-top{padding:23px;font-size:8px}.hero-top span:last-child{display:none}.hero-copy{left:7%;width:86%;bottom:11%}.hero h1{font-size:clamp(48px,10.8vw,80px);letter-spacing:-.06em}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:24px}.hero-bottom p{font-size:13px}.hero-index{left:7%;bottom:20px;font-size:8px}.round-link{width:45px;height:45px}.section{padding:80px 26px}.intro>h2,.intro>.eyebrow{margin-left:0}.eyebrow{font-size:9px;margin-bottom:26px}h2{font-size:42px}.intro-detail{margin:35px 0 0;grid-template-columns:1fr 1fr;gap:22px}.intro-detail>img{height:245px}.intro-detail p:first-child{font-size:18px}.body-copy{font-size:13px}.intro-detail .body-copy{font-size:12px}.text-link{font-size:11px;margin-top:15px}.facts{grid-template-columns:1fr 1fr;gap:35px 15px;margin:0 26px;padding:10px 0 20px}.facts>div{padding-left:18px}.facts strong{font-size:36px}.facts p{font-size:10px}.living{gap:32px;grid-template-columns:1fr 1fr}.living-left h2{font-size:35px;margin-bottom:30px}.living-left>img{width:100%;height:210px}.living-right{padding-top:55px}.living-right>img{height:290px}.living-right .body-copy{font-size:12px;margin-top:18px}.living .eyebrow{font-size:8px}.caption{font-size:9px}.details{padding-top:25px}.detail-grid{margin-top:35px;grid-template-columns:1fr;gap:30px}.tabs{padding:0}.tabs button{padding:18px 0;font-size:21px}.feature>img{height:280px}.feature>div{padding:27px}.wide-story{height:450px;margin:0 10px;border-radius:13px;padding:35px 26px}.wide-story h2{font-size:42px}.wide-story .eyebrow{font-size:8px}.wide-story:after{background:#18323d66}.section-heading{display:block;margin-bottom:30px}.section-heading .body-copy{margin-top:25px}.home-grid{grid-template-columns:1fr;gap:35px}.home-image{height:360px}.home-label{margin-top:16px}.home-label h3{font-size:26px}.home-card>p{margin-top:7px}.location{grid-template-columns:1fr;gap:35px;padding-top:0}.map-art{min-height:390px}.faq{padding-top:5px}.faq h2{font-size:37px;margin-bottom:30px}.faq summary{font-size:15px;line-height:1.45;padding:22px 0}.faq details>p{font-size:13px}.closing{padding:10px 26px 85px}.closing h2{font-size:53px}footer{margin:0 10px;padding:40px 25px 24px;border-radius:13px 13px 0 0}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top p{font-size:11px}.footer-phone{grid-column:1/-1;text-align:left;font-size:20px}.footer-links{flex-wrap:wrap;gap:20px;margin-top:35px}.footer-bottom{flex-direction:column;gap:15px;margin-top:35px}.floating-enquire{padding:12px 9px;font-size:9px}.enquiry{padding:27px 27px 35px;border-radius:0 13px 13px 0}.enquiry h2{font-size:44px}.drawer-top{margin-bottom:35px}}
@media(max-width:390px){.intro-detail{grid-template-columns:1fr}.intro-detail>img{height:260px}.living{grid-template-columns:1fr}.living-right{padding-top:0}.living-left>img{height:280px}.living-right>img{height:350px}.home-image{height:290px}.hero h1{font-size:46px}.form-row{gap:14px}.enquiry{padding:23px}.enquiry h2{font-size:41px}.footer-top{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Requested text symbols: plus for navigation, envelope for enquiries. */
.ui-symbol{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;line-height:1;font-family:Arial,sans-serif;font-size:23px;font-style:normal;font-weight:400;letter-spacing:0;vertical-align:middle;flex-shrink:0}.round-link .ui-symbol{font-size:27px}.tabs b{display:flex;align-items:center}.footer-bottom .ui-symbol,.download .ui-symbol,.map-north .ui-symbol{width:15px;height:15px;font-size:15px}.footer-phone .ui-symbol,.drawer-contact a .ui-symbol{margin-left:5px}.floating-enquire .ui-symbol{width:19px;height:19px;font-size:19px}