:root{--ocean:#123e49;--deep:#092d37;--teal:#397b82;--sand:#e3cfaa;--paper:#f7f5ef;--ink:#173b43;--muted:#567078;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #c49657;outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04}h2{font-size:clamp(42px,5.4vw,86px);letter-spacing:-.035em}h3{font-size:clamp(27px,3vw,42px);letter-spacing:-.025em}h1 em,h2 em{font-weight:400;color:inherit}p{line-height:1.75}p+p{margin-top:20px}.eyebrow{font-size:12px;letter-spacing:.21em;font-weight:600;line-height:1.6;margin-bottom:25px}.section{padding:110px 6vw}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 26px;min-height:54px;border:1px solid transparent;font-size:14px;letter-spacing:.02em;transition:background .2s,color .2s}.button.light{background:#fff;color:var(--ocean)}.button.light:hover{background:var(--sand)}.button.dark{background:var(--ocean);color:#fff}.button.dark:hover{background:var(--teal)}.button.outline{border-color:#ffffffa0;color:#fff}.button.outline:hover{background:#ffffff20}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:0 0 6px;font-size:14px;margin-top:27px;align-self:flex-start}.skip{position:fixed;z-index:1000;left:12px;top:-100px;padding:10px;background:#fff}.skip:focus{top:10px}header{height:104px;position:absolute;top:0;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;border-bottom:1px solid #ffffff3d}header.scrolled{position:fixed;height:80px;background:var(--deep);box-shadow:0 3px 20px #00000012}.brand{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.brand-name{font:22px/1.4 var(--serif);letter-spacing:.07em}.brand-sub{font:10px/1.5 var(--sans);margin-top:3px}nav{display:flex;gap:32px;font-size:14px}nav a{border-bottom:1px solid transparent;padding:5px 0}nav a:hover{border-color:#fff}.nav-tour{font-size:13px;border:1px solid #ffffff9a;padding:12px 20px}.menu-toggle{display:none}.hero{height:100svh;min-height:720px;max-height:1200px;position:relative;color:#fff;overflow:hidden}.hero-image{width:100%;height:100%;object-position:center 44%}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#071f3b55 0%,transparent 30%,#002b3550 65%,#052e3ae0 100%)}.hero-content{position:absolute;bottom:112px;left:6vw;right:6vw}.hero-content .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(64px,8.2vw,134px);letter-spacing:-.035em;line-height:.96;text-shadow:0 2px 25px #0b2f3920}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:30px;gap:24px}.hero-bottom p{font-size:16px;line-height:1.55}.hero-foot{position:absolute;bottom:0;left:4vw;right:4vw;height:64px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff40;font-size:10px;letter-spacing:.16em}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.intro-copy{max-width:520px}.intro-copy p{color:var(--muted)}.intro-copy .lead{font-size:23px;line-height:1.5;color:var(--ink);margin-bottom:22px}.full-image{height:84vh;min-height:510px;position:relative}.full-image img{width:100%;height:100%}.image-caption{position:absolute;inset:auto 0 0;padding:110px 6vw 55px;background:linear-gradient(transparent,#102f4190);color:#fff}.image-caption span{font-size:11px;letter-spacing:.18em}.image-caption p{font:clamp(30px,4vw,60px)/1.12 var(--serif);margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:52px}.section-head>p{max-width:360px;color:var(--muted)}.residence-feature{display:grid;grid-template-columns:1.65fr 1fr;background:#ebe7dc}.residence-feature>img{width:100%;height:100%;min-height:530px;object-position:center}.residence-panel{padding:64px 45px}.residence-panel h3{margin-bottom:25px}.residence-panel>p{font-size:16px;color:var(--muted);min-height:105px}.room-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.room-tabs button{font-size:13px;border:1px solid #9cadad;padding:8px 12px}.room-tabs button[aria-pressed=true]{background:var(--ocean);color:#fff;border-color:var(--ocean)}.lifestyle{background:var(--ocean);color:#fff;padding-bottom:80px}.lifestyle-top{text-align:center;padding-bottom:65px}.lifestyle-top>p:last-child{margin-top:30px;color:#d8e4e4}.lifestyle-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:0 4vw}.lifestyle-pair img{width:100%;height:430px}.lifestyle-pair figcaption{display:flex;gap:25px;padding:30px 10px}.lifestyle-pair figcaption>span{font-size:12px;color:var(--sand);padding-top:8px}.lifestyle-pair h3{font-size:32px}.lifestyle-pair p{font-size:14px;color:#c5d7d8;margin-top:12px}.experience{position:relative;min-height:650px;height:85vh;color:#fff;display:flex;align-items:center}.experience>img,.experience-shade{position:absolute;inset:0;width:100%;height:100%}.experience-shade{background:linear-gradient(90deg,#082f39e0,#092a2f88 52%,#092a2f33)}.experience-content{position:relative;margin:80px 6vw}.experience-content>p{margin-top:28px}.experience-content>.eyebrow{margin-top:0}.experience-actions{display:flex;gap:14px;margin:34px 0}.play-icon{font-size:25px;line-height:1}.small-detail{font-size:11px;letter-spacing:.14em}.location{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center}.location-copy p:not(.eyebrow){max-width:430px;color:var(--muted);margin-top:25px}.location-copy .text-link{display:table}.location figure img{height:630px;width:100%;object-position:58% center}.location figcaption{font-size:11px;letter-spacing:.12em;margin-top:14px}.gallery-section{padding-top:30px}.gallery-tools{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bdc7c6;margin-bottom:26px;gap:20px}.filters{display:flex;gap:28px}.filters button{padding:14px 0;border-bottom:2px solid transparent;font-size:14px}.filters button[aria-pressed=true]{border-color:var(--ocean)}#galleryCount{font-size:13px;color:var(--muted);white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery-card{text-align:left;padding:0}.gallery-card img{width:100%;aspect-ratio:1.54;transition:filter .2s}.gallery-card:hover img{filter:brightness(.88)}.gallery-card span{display:block;font-size:13px;padding-top:11px;color:var(--muted)}#moreGallery{display:flex;margin:40px auto 0}.closing{height:650px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.closing>img,.closing-shade{position:absolute;inset:0;width:100%;height:100%}.closing-shade{background:#0b2f3a73}.closing>div:last-child{position:relative}.closing .button{margin-top:38px}footer{background:var(--deep);color:#fff;padding:70px 6vw 25px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:45px}.footer-links{display:flex;align-items:center;gap:28px;font-size:14px}.footer-links button{padding:0}.footer-bottom{width:100%;display:flex;justify-content:space-between;padding-top:25px;border-top:1px solid #ffffff30;font-size:12px;color:#aec9cc}dialog{border:0;padding:0;color:var(--ink);max-width:none}dialog::backdrop{background:#041b23dc;backdrop-filter:blur(8px)}.close-button{font:32px/1 Arial;padding:7px 14px;color:inherit}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:20px;background:var(--deep);color:#fff;min-height:64px}.dialog-bar>span{font-size:14px}.dialog-bar h3{font-size:22px}.tour-dialog{width:96vw;height:94svh;background:var(--deep);color:#fff;overflow:hidden}.tour-dialog[open]{display:flex;flex-direction:column}.tour-switch{display:flex;gap:8px}.tour-switch button{font-size:13px;padding:7px 15px;border:1px solid #729094}.tour-switch button[aria-pressed=true]{background:#fff;color:var(--deep)}#tourFrame{border:0;width:100%;flex:1;min-height:0;background:var(--deep)}.tour-note{display:flex;justify-content:space-between;font-size:12px;padding:12px 20px;gap:20px}.tour-note a{text-decoration:underline}.lightbox{width:96vw;height:94svh;background:transparent;color:#fff;overflow:hidden}.lightbox>.close-button{position:absolute;right:0;top:0;z-index:1;background:#092d37b0}.lightbox-stage{height:calc(100% - 70px);display:flex;align-items:center;justify-content:space-between;gap:12px}.lightbox-stage img{max-width:calc(100% - 100px);max-height:100%;object-fit:contain}.image-nav{font-size:50px;padding:5px 10px}.lightbox-caption{height:70px;display:flex;align-items:center;justify-content:space-between;padding:10px 50px;gap:15px}.lightbox-caption h3{font:18px var(--sans)}.lightbox-caption span{font-size:13px}.map-dialog{width:min(1400px,95vw);background:var(--paper)}.map-dialog>img{width:100%;height:auto;max-height:70svh;object-fit:contain}.map-actions{display:flex;gap:25px;padding:20px 30px;align-items:center}.map-actions .text-link{margin:0} [hidden]{display:none!important}
@media(min-width:1800px){.hero-image{object-position:center 52%}.section{padding-left:max(6vw,calc((100vw - 1600px)/2));padding-right:max(6vw,calc((100vw - 1600px)/2))}}
@media(max-width:1000px){header{padding:0 25px}nav{gap:18px;font-size:13px}.brand-name{font-size:19px}.nav-tour{padding:10px}.section{padding:80px 5vw}.intro{gap:6vw}.residence-feature{grid-template-columns:1.2fr 1fr}.residence-panel{padding:40px 25px}.lifestyle-pair img{height:340px}.location{gap:5vw}.location figure img{height:530px}.footer-links{flex-wrap:wrap;gap:20px}.gallery-grid{gap:16px}.hero{min-height:680px}}
@media(max-width:740px){html{scroll-padding-top:75px}.section{padding:65px 6vw}.eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:20px}header,header.scrolled{height:78px;padding:0 6vw}.brand-name{font-size:19px}.brand-sub{font-size:8px}.nav-tour{margin-left:auto;margin-right:17px;font-size:11px;padding:8px 10px}.menu-toggle{display:flex;flex-direction:column;gap:7px;padding:6px 0}.menu-toggle span{width:24px;height:1px;background:#fff}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--deep);padding:25px 6vw;flex-direction:column;font-size:18px;gap:16px}nav.open{display:flex}.hero{height:100svh;height:100dvh;min-height:660px;max-height:none}.hero-image{object-position:47% center}.hero-shade{background:linear-gradient(#08293455,transparent 25%,#06313a60 50%,#052e3aed)}.hero-content{bottom:102px}.hero h1{font-size:clamp(62px,12.5vw,88px)}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px;margin-top:23px}.hero-bottom p{font-size:15px}.hero-foot{left:6vw;right:6vw;font-size:9px;height:58px}.hero-foot>span:last-child{display:none}.intro{grid-template-columns:1fr;gap:35px}.intro-copy .lead{font-size:22px}.full-image{height:68svh;min-height:430px}.full-image img{object-position:50%}.image-caption{padding:90px 6vw 35px}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:25px;max-width:none}.residence-feature{display:block}.residence-feature>img{min-height:0;height:330px}.residence-panel{padding:35px 25px}.residence-panel>p{min-height:0}.lifestyle{padding-bottom:40px}.lifestyle-top{padding-bottom:40px}.lifestyle-top>p:last-child{font-size:15px}.lifestyle-pair{grid-template-columns:1fr;gap:15px;padding:0 6vw}.lifestyle-pair img{height:310px}.lifestyle-pair figcaption{padding:25px 0}.lifestyle-pair h3{font-size:29px}.experience{height:auto;min-height:650px}.experience-content{margin:65px 6vw}.experience-actions{flex-direction:column;align-items:flex-start}.experience-content>p br{display:none}.experience>img{object-position:35%}.experience-shade{background:#062b39b3}.small-detail{font-size:10px}.location{grid-template-columns:1fr;gap:40px}.location figure img{height:440px}.gallery-section{padding-top:15px}.gallery-tools{align-items:flex-start;gap:10px}.filters{flex-wrap:wrap;gap:0 20px}.filters button{font-size:13px;padding:8px 0}.gallery-tools>span{padding-top:8px;font-size:11px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:22px 13px}.gallery-card span{font-size:12px;line-height:1.45}.gallery-card img{aspect-ratio:1.2}.closing{height:540px}.closing>div:last-child{padding:0 6vw}.closing h2{font-size:46px}footer{padding:55px 6vw 25px;gap:35px}.footer-links{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:16px;text-align:left}.footer-links button{text-align:left}.footer-bottom{flex-direction:column;gap:10px;font-size:11px}.tour-dialog{width:100vw;height:100svh;max-height:100svh;margin:0}.dialog-bar{padding:8px 10px;gap:8px;flex-wrap:wrap}.dialog-bar>span{font-size:12px}.tour-switch{order:3;justify-content:center;width:100%;padding-bottom:4px}.tour-switch button{font-size:12px}.tour-note{font-size:10px;padding:8px;gap:10px}.tour-note>span{max-width:55%}.lightbox{width:100vw;height:100svh;max-height:100svh;margin:0}.lightbox-stage{gap:0}.lightbox-stage img{max-width:calc(100% - 62px)}.image-nav{font-size:38px;padding:0 5px}.lightbox-caption{padding:10px 20px}.lightbox-caption h3{font-size:15px}.map-dialog{width:96vw}.map-dialog .dialog-bar h3{font-size:18px}.map-actions{padding:18px;flex-wrap:wrap;gap:20px}.map-actions .button{font-size:13px}.lightbox-caption span{font-size:11px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.coming-soon{cursor:default;pointer-events:none}.nav-tour.coming-soon{display:inline-block;white-space:nowrap}.text-link.coming-soon{border-bottom-color:#9eafae;color:var(--muted)}.button.coming-soon{opacity:.88}.footer-links .coming-soon{color:#aec9cc}

@media(max-width:740px){.nav-tour.coming-soon{white-space:normal;max-width:130px;text-align:center;line-height:1.35}}

/* Navigation follows the small uppercase labels used throughout the page. */
#navigation{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.21em;line-height:1.4;text-transform:uppercase;gap:26px}
#navigation a{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px}
.button,.nav-tour,.nav-tour.coming-soon,.room-tabs button,.tour-switch button,.close-button,.image-nav{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.4}
.button,.nav-tour,.room-tabs button,.tour-switch button{padding-top:14px;padding-bottom:14px}
.close-button,.image-nav{line-height:1;flex-shrink:0}
.nav-tour.coming-soon{min-height:50px}
@media(max-width:1100px){#navigation{font-size:12px;gap:17px;letter-spacing:.21em}.nav-tour,.nav-tour.coming-soon{max-width:180px;white-space:normal;padding:12px}}
@media(max-width:900px) and (min-width:741px){header{flex-wrap:wrap;height:auto;min-height:112px;padding-top:15px;padding-bottom:12px;gap:10px}header.scrolled{height:auto;min-height:112px}#navigation{order:3;width:100%;justify-content:center}html{scroll-padding-top:125px}}
@media(max-width:740px){#navigation{font-size:11px;letter-spacing:.15em;gap:12px;align-items:stretch}#navigation a{justify-content:flex-start;text-align:left;padding:8px 0}.nav-tour.coming-soon{min-height:48px;max-width:132px;padding:9px 10px;margin-right:12px;font-size:11px;line-height:1.4}.room-tabs button{min-height:44px;padding:10px 12px}.brand-name{font-size:18px}}
@media(max-width:380px){header,header.scrolled{padding-left:14px;padding-right:14px}.brand-name{font-size:16px}.nav-tour.coming-soon{max-width:124px;margin-right:8px}}

/* The residence tour belongs to the navigation at every screen size. */
#navigation .nav-tour{font:inherit;letter-spacing:inherit;text-transform:inherit;flex-direction:column;gap:0;width:210px;max-width:none;min-height:64px;padding:12px 18px;margin:0;border:2px solid #fff;flex-shrink:0;text-align:center;justify-content:center;transition:background .2s}
#navigation .nav-tour:hover{background:#ffffff20}
@media(max-width:1100px) and (min-width:741px){#navigation .nav-tour{width:188px}}
@media(max-width:740px){#navigation .nav-tour{width:100%;max-width:none;min-height:58px;flex-direction:row;gap:.4em;padding:14px 16px;text-align:center;justify-content:center;margin-top:6px}footer{justify-content:center;text-align:center}footer .brand{margin:0 auto}.footer-links{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.footer-links a,.footer-links button{text-align:center}.footer-bottom{align-items:center;justify-content:center;text-align:center}}

@media(max-width:740px){.room-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-tabs button{width:100%;height:48px;min-height:48px;padding:8px 10px;display:flex;align-items:center;justify-content:center;text-align:center}}

@media(max-width:740px){.hero-content{display:flex;flex-direction:column}.hero-content>h1{order:0}.hero-content>.eyebrow{order:1;margin:22px 0 0}.hero-content>.hero-bottom{order:2}}

/* Let the mobile hero grow with its content so browser text scaling cannot clip its CTA or lower edge. */
@media (max-width: 740px) {
  .hero {
    height: auto;
    min-height: 100svh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 88px;
  }
  .hero-image {
    position: absolute;
    inset: 0;
  }
  .hero-content {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    flex: none;
    margin: 0 6vw;
  }
  .hero-foot {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    flex: none;
    margin: 44px 6vw 0;
  }
}

/* Compact the opening composition when mobile browser chrome leaves a short viewport. */
@media (max-width: 740px) and (max-height: 700px) {
  .hero {
    padding-top: 72px;
    padding-bottom: 24px;
  }
  .hero-foot {
    display: none;
  }
}

/* Move the mobile navigation with the scroll gesture rather than on a timer. */
@media (max-width: 740px) {
  header.scrolled {
    will-change: transform;
  }
}
