/* Client revision: cool coastal tones, photographic chapters and crystal identity. */
:root{--paper:#f8fbfd;--ice:#eaf1f7;--mist:#dae7f1;--line:rgba(22,33,62,.2)}
html,body{overflow-x:clip}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header.is-scrolled{background:rgba(248,251,253,.97)}
.mgp-logo{width:220px;height:auto;max-width:100%;object-fit:contain;display:block}
.mgp-brand{display:flex;align-items:center;width:200px;flex-shrink:0}
.mgp-brand-link{display:block;max-width:275px;margin-bottom:25px}
.mgp-brand-link .mgp-logo{width:275px}
.mgp-header{display:block;width:160px;padding-left:24px;border-left:1px solid var(--line);flex-shrink:0}
.mgp-header .mgp-logo{width:136px}
.brand-pair{gap:32px;align-items:center;flex-wrap:wrap}
.brand-pair .solitaire-mark{font-size:16px}
.menu-links a{grid-template-columns:1fr 24px}
.menu-links a>.menu-arrow{font-size:24px!important;opacity:.7}
.highlight-navigation>button{grid-template-columns:1fr 20px}
.highlight-navigation>button>span:first-child{font-size:11px;opacity:1}
.highlight-navigation>button>span:last-child{font-size:20px}
.system-list button>span{font-size:19px!important;background:none!important;color:inherit!important}
.system-list button[aria-pressed=true]>span{color:var(--blue)!important}
.scene-card,.scene-youth .scene-card{background:var(--ice)}
.scene-youth .scene-image img{transform:none!important;object-position:center!important}
.scene-youth .scene-image{transform-origin:center}
.highlight-trails .scene-image img{object-position:50% 58%}
.highlight-concierge .scene-image img{object-position:center}
.master-plan{background:var(--mist)}
#location .chapter-panel{background:var(--paper);color:var(--navy)}
#location .chapter-panel .story-more{color:var(--navy);border-color:var(--line)}
#location .chapter-panel .panel-body>.eyebrow{color:var(--navy)}
.coastal-manifesto{display:grid;grid-template-columns:48% 52%;padding:0;background:var(--navy);color:var(--paper);overflow:hidden}
.manifesto-image{position:relative;min-height:780px;overflow:hidden}
.manifesto-image img{position:absolute;inset:0;object-position:31% center}
.manifesto-image:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#08193088)}
.manifesto-copy{padding:85px clamp(30px,5vw,85px);align-self:center}
.manifesto-copy>.eyebrow{color:#bbd2e3;margin-bottom:42px}
.word-reveal{font-size:clamp(40px,5.5vw,88px);line-height:1.04;letter-spacing:-.045em;text-transform:uppercase;margin-bottom:42px}
.word-reveal span{display:inline-block}
.manifesto-lead{font-size:clamp(25px,2.6vw,42px);line-height:1.35;margin-bottom:30px}
.manifesto-copy>p:not(.eyebrow):not(.manifesto-lead){font-size:14px;line-height:1.8;max-width:480px;color:#d5e2ed;margin:0 0 20px}
.manifesto-copy .line-link{margin-top:35px;max-width:100%}
.architecture-gallery{display:block;background:var(--navy);color:var(--paper)}
.architecture-cover{position:relative;width:100%;height:90svh;min-height:690px;max-height:1100px;overflow:hidden}
.architecture-cover>img{position:absolute;inset:0;object-position:center 53%}
.architecture-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 70%,#09183044)}
.architecture-cover>.image-caption{bottom:auto;top:35px;padding:10px 15px;background:#152c48aa;backdrop-filter:blur(6px);font-size:9px;z-index:1}
.architecture-editorial{position:relative;z-index:2;display:grid;grid-template-columns:58% 42%;margin:-180px 24px 0;padding:48px clamp(28px,3.5vw,65px) 55px;background:var(--navy);clip-path:polygon(0 0,59% 0,59% 78px,100% 78px,100% 100%,0 100%)}
.architecture-title-block{padding-right:40px}
.architecture-title-block>.eyebrow{color:#bad2e5;margin-bottom:32px}
.architecture-title-block .display{font-size:clamp(42px,5.7vw,95px)}
.architecture-caption-block{padding-top:74px}
.architecture-gallery .architecture-directions{gap:25px;grid-template-columns:1fr 1fr}
.architecture-gallery .architecture-directions button{justify-content:space-between;gap:10px;border-color:#ffffff45;padding:17px 0;font-size:11px}
.architecture-gallery .architecture-directions button>span{font-size:20px!important;opacity:1!important;color:inherit}
.architecture-gallery .architecture-description{padding:28px 0 10px;min-height:0;border-top:0}
.architecture-description h3{font-size:27px;margin-bottom:12px}
.architecture-description>p{font-size:16px}
.architecture-gallery .architecture-description>.body-copy{font-size:13px;color:#c4d7e6;margin-top:16px}
.architecture-note{font-size:9px;color:#b8cddd;line-height:1.6;margin-top:15px}
.villa-vision{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--paper);color:var(--navy);padding-top:105px;padding-bottom:105px}
.villa-vision .eyebrow{margin-bottom:40px;color:var(--blue)}
.villa-vision .display{font-size:clamp(45px,5.8vw,95px)}
.vision-signature{font-size:19px;line-height:1.6;margin-top:45px;color:#466380}
.vision-copy .lead{font-size:clamp(25px,2.7vw,42px);margin:0 0 30px}
.vision-copy>p:not(.lead){font-size:14px;line-height:1.85;color:#486078;margin-bottom:22px;max-width:570px}
.more-directions{margin:38px 0 27px}
.more-directions>.eyebrow{font-size:10px;margin-bottom:12px}
.more-directions>div{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.more-directions span{border-top:1px solid var(--line);padding:18px 0;font-size:13px}
.vision-copy .line-link{max-width:100%}
.technology{background:var(--ice)}
.technology-grid{gap:7%}
.tech-photograph{position:relative;padding:0;height:650px;min-height:0;background:var(--navy);overflow:hidden}
.tech-photograph>img{position:absolute;inset:0;object-position:center}
.tech-photo-shade{position:absolute;inset:0;background:linear-gradient(transparent 15%,rgba(8,23,43,.18) 35%,rgba(8,23,43,.9) 100%)}
.tech-photo-caption{position:absolute;left:0;bottom:0;right:0;padding:45px;color:#fff;z-index:1}
.tech-photo-caption>.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:25px;color:#d7e8f6}
.tech-photo-caption h3{font-size:clamp(29px,3vw,46px);line-height:1.1;margin:0 0 18px}
.tech-photo-caption>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:400px}
.tech-image-context{display:block;font-size:9px;color:#c5d9e8;margin-top:28px}
.coastal-life .life-photo{transform:scale(1.03);object-position:50% 50%}
.coastal-life .image-vignette{background:linear-gradient(90deg,#0a21335c,transparent 85%),linear-gradient(0deg,#0a213355,transparent 30%)}
.heritage{background:#eaf1f7}
.heritage-grid{grid-template-columns:44% 1fr;gap:8%;align-items:center}
.heritage-art{position:relative;min-width:0}
.heritage-art>img{width:100%;height:650px;object-fit:contain;mix-blend-mode:multiply}
.heritage-art>.eyebrow{position:relative;text-align:center;margin-top:20px;font-size:9px;color:#496781;line-height:1.7}
.heritage-grid .display{font-size:clamp(40px,5.2vw,82px)}
.contact .form-card{background:var(--paper)}
.site-footer{background:var(--paper)}
/* The crystal has a slow axial turn, moving highlights and a floating shadow. */
.js:not(.is-ready) .diamond-loader{background:#0b1830;color:#f8fbfd;isolation:isolate;padding:40px var(--pad)}
.diamond-loader:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#164c7599,transparent 57%);z-index:-1}
.diamond-loader .loader-top{position:absolute;top:40px;left:var(--pad);right:var(--pad);align-items:center}
.diamond-loader .loader-top>.mgp-logo{width:215px;height:auto}
.diamond-loader .loader-top>span{color:#c1d9eb}
.loader-center{position:absolute;inset:13% 0 16%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.diamond-stage{position:relative;width:min(39vw,440px);height:min(37vw,405px);perspective:950px}
.diamond-turn{position:absolute;inset:0;transform-style:preserve-3d;animation:diamond-turn 5.5s cubic-bezier(.4,0,.2,1) infinite alternate}
.diamond-turn img{object-fit:contain;filter:drop-shadow(0 0 25px #5aa9df1a)}
.diamond-aura{position:absolute;inset:13% 8%;border-radius:50%;background:#598ebb22;filter:blur(40px);animation:diamond-breathe 4s ease-in-out infinite alternate}
.diamond-glint{position:absolute;top:34%;left:68%;width:2px;height:34px;background:#fff;box-shadow:0 0 14px 4px #b7d9f9;transform:rotate(25deg);animation:diamond-glint 3s ease-in-out infinite}
.diamond-glint:after{content:"";position:absolute;top:16px;left:-16px;width:34px;height:2px;background:#fff}
.diamond-shadow{position:absolute;width:45%;height:5%;left:27.5%;bottom:2%;border-radius:50%;background:#01071288;filter:blur(12px);animation:diamond-breathe 3s ease-in-out infinite alternate}
.diamond-loader .loader-wordmark{position:relative!important;inset:auto!important;align-self:center;font-size:clamp(32px,4.8vw,68px);font-weight:300;letter-spacing:.2em;line-height:1.2;transform:none;margin:14px 0 18px;padding-left:.2em}
.loader-center>p{font-size:12px;font-weight:300;letter-spacing:.06em;color:#c8dced}
.diamond-loader .loader-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:72px;align-items:end}
.loader-caption{text-transform:uppercase;font-size:9px;letter-spacing:.16em;color:#c7dae8}
.diamond-loader .loader-count>span{font-size:38px;letter-spacing:-.02em;font-weight:300}
.diamond-loader .loader-count small{font-size:10px}
.diamond-loader .loader-line{background:#ffffff26;bottom:53px}
.diamond-loader .loader-line i{background:#c4dfef}
.diamond-loader #skip-intro{color:#c7dae8;bottom:18px}
@keyframes diamond-turn{0%{transform:translateY(7px) rotateY(-16deg) rotateZ(-5deg)}50%{transform:translateY(-5px) rotateY(0deg) rotateZ(-1deg)}100%{transform:translateY(4px) rotateY(16deg) rotateZ(3deg)}}
@keyframes diamond-breathe{from{opacity:.45;transform:scale(.85)}to{opacity:.9;transform:scale(1.08)}}
@keyframes diamond-glint{0%,25%,70%,100%{opacity:0;transform:scale(.2) rotate(25deg)}45%{opacity:.85;transform:scale(1) rotate(25deg)}}
@media(max-width:1100px){.mgp-header{display:none}.manifesto-image{min-height:650px}.manifesto-copy{padding:60px 35px}.architecture-editorial{grid-template-columns:53% 47%}.architecture-title-block .display{font-size:5.7vw}.tech-photo-caption{padding:32px}.tech-photograph{height:580px}.heritage-art>img{height:560px}}
@media(max-width:900px){.coastal-manifesto{grid-template-columns:1fr 1fr}.manifesto-image{min-height:640px}.manifesto-copy{padding:45px 28px}.word-reveal{font-size:44px}.architecture-editorial{margin:-100px 16px 0;clip-path:polygon(0 0,55% 0,55% 45px,100% 45px,100% 100%,0 100%);padding:35px 28px 45px}.architecture-caption-block{padding-top:55px}.architecture-title-block{padding-right:20px}.architecture-title-block .display{font-size:43px}.villa-vision{gap:6%;padding:70px 30px}.villa-vision .display{font-size:47px}.heritage-art>img{height:460px}.diamond-stage{width:340px;height:340px}}
@media(max-width:700px){
 .mgp-brand{width:180px}.brand-pair{gap:24px}.brand-pair .solitaire-mark{font-size:14px}.mgp-brand-link{max-width:245px}.mgp-brand-link .mgp-logo{width:245px}
 .coastal-manifesto{grid-template-columns:1fr}.manifesto-image{min-height:520px;height:70svh;max-height:680px}.manifesto-image img{object-position:32% center}.manifesto-copy{padding:48px 24px 55px}.manifesto-copy>.eyebrow{margin-bottom:27px}.word-reveal{font-size:clamp(42px,12vw,74px);margin-bottom:28px}.manifesto-lead{font-size:27px;margin-bottom:25px}.manifesto-copy>p:not(.eyebrow):not(.manifesto-lead){font-size:14px}
 .architecture-cover{height:64svh;min-height:430px;max-height:660px}.architecture-cover>img{object-position:44% center}.architecture-cover>.image-caption{top:24px;left:22px;font-size:8px}
 .architecture-editorial{display:block;margin:-45px 12px 0;padding:30px 23px 35px;clip-path:polygon(0 0,80% 0,80% 24px,100% 24px,100% 100%,0 100%)}.architecture-title-block{padding-right:0}.architecture-title-block>.eyebrow{font-size:9px;margin-bottom:25px}.architecture-title-block .display{font-size:clamp(39px,10.5vw,65px)}.architecture-caption-block{padding-top:28px}.architecture-gallery .architecture-directions{gap:24px}.architecture-gallery .architecture-directions button{font-size:11px;padding:15px 0}.architecture-gallery .architecture-description{padding-top:24px}.architecture-description h3{font-size:26px}.architecture-description>p{font-size:15px}.architecture-gallery .architecture-description>.body-copy{font-size:13px}.architecture-note{font-size:8px}
 .villa-vision{display:block;padding:52px 24px 60px}.villa-vision .eyebrow{font-size:9px;margin-bottom:28px}.villa-vision .display{font-size:clamp(44px,12vw,65px)}.vision-signature{font-size:17px;margin-top:26px}.vision-copy{margin-top:42px}.vision-copy .lead{font-size:27px;line-height:1.4}.vision-copy>p:not(.lead){font-size:14px}.more-directions{margin-top:30px}.more-directions>.eyebrow{margin-bottom:13px}.more-directions span{font-size:12px}
 .tech-photograph{height:560px;min-height:0}.tech-photo-caption{padding:32px 25px}.tech-photo-caption h3{font-size:32px}.tech-photo-caption>p:not(.eyebrow){font-size:13px}.tech-photo-caption>.eyebrow{font-size:8px}.tech-image-context{font-size:8px;margin-top:23px}.coastal-life .life-photo{transform:scale(1.03);object-position:center}
 .heritage-grid{display:block}.heritage-art>img{height:auto;max-height:610px}.heritage-art>.eyebrow{margin:0 0 40px}.heritage-grid .display{font-size:clamp(39px,10.5vw,65px)}
 .diamond-loader .loader-top{top:27px;align-items:flex-start}.diamond-loader .loader-top>.mgp-logo{width:170px}.diamond-loader .loader-top>span{max-width:90px;text-align:right;font-size:8px;line-height:1.5}.loader-center{inset:15% 0 17%}.diamond-stage{width:min(84vw,360px);height:min(80vw,350px)}.diamond-loader .loader-wordmark{font-size:31px;letter-spacing:.15em;margin:17px 0}.loader-center>p{font-size:10px;letter-spacing:.02em}.diamond-loader .loader-count>span{font-size:32px}.diamond-loader .loader-bottom{bottom:73px}.loader-caption{font-size:8px}.menu-links a{grid-template-columns:1fr 20px}
}
@media(prefers-reduced-motion:reduce){.diamond-turn,.diamond-glint,.diamond-shadow,.diamond-aura{animation:none!important}.word-reveal span{opacity:1!important;transform:none!important}}

/* One continuous wordmark settles into a slim, transparent navigation. */
.site-header,.site-header.is-scrolled{height:60px;padding:0 clamp(20px,1.32vw,30px);gap:0;background:transparent;box-shadow:none;color:var(--navy);transition:color .25s;overflow:visible}
.site-header .menu-toggle{width:40px;flex:0 0 40px;gap:4px}
.site-header .menu-toggle span{height:1.5px}
.site-header .header-brand{position:relative;display:flex;align-items:center;width:clamp(210px,14vw,250px);height:44px;flex-shrink:0;margin-left:clamp(35px,5.55vw,110px);font-size:28px;font-weight:300;letter-spacing:.16em;line-height:1;opacity:1;pointer-events:auto;transition:color .25s}
.site-header:not(.is-scrolled) .header-brand{opacity:1;pointer-events:auto}
.site-header .mgp-header{width:190px;padding:0;margin-left:30px;border:0}
.site-header .mgp-header .mgp-logo{width:190px}
.site-header nav{gap:clamp(36px,7vw,145px);font-size:11px;letter-spacing:.015em}
.site-header nav button{font-size:13px;letter-spacing:.015em}
.site-header .page-progress{display:none}
.site-header [data-ink=light]{color:#fff;text-shadow:0 1px 8px rgba(8,19,37,.35)}
.site-header .mgp-header[data-ink=light] .mgp-logo{filter:brightness(0) invert(1) drop-shadow(0 1px 4px rgba(8,19,37,.3))}
.site-header [data-ink=dark]{color:var(--navy)}
.site-header [data-ink=light] .header-enquire:hover{color:var(--gold)}
.site-header .nav-wordmark{position:fixed;display:block;left:0;top:0;white-space:nowrap;transform-origin:0 0;pointer-events:none;will-change:transform;transition:color .2s}
.has-docking-wordmark #hero-title{opacity:0;pointer-events:none}
@media(max-width:900px){
 .site-header,.site-header.is-scrolled{height:60px;padding-inline:20px}
 .site-header .menu-toggle{width:28px;flex-basis:28px}
 .site-header .header-brand{width:138px;margin-left:20px;font-size:17px;letter-spacing:.13em}
 .site-header nav{gap:0}.site-header nav>a:first-child{display:none}
 .site-header nav button{font-size:10px;letter-spacing:0;white-space:nowrap}
 .site-header .header-enquire span{margin-left:9px}
}
@media(max-width:370px){
 .site-header,.site-header.is-scrolled{padding-inline:16px}
 .site-header .header-brand{width:120px;margin-left:16px;font-size:15px}
 .site-header nav button{font-size:9px}.site-header .header-enquire span{margin-left:5px}
}
.hero-price{display:flex;align-items:baseline;gap:10px;margin:0 0 24px;color:#fff}
.hero-price span{font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.hero-price strong{font-size:clamp(19px,1.6vw,26px);font-weight:400;letter-spacing:-.02em;white-space:nowrap}
@media(max-width:900px){.hero-tagline{margin-bottom:16px}.hero-price{margin-bottom:20px}.hero-price strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){
 .has-docking-wordmark #hero-title{opacity:1}
 .site-header .nav-wordmark{position:static;transform:none!important;font:inherit!important;letter-spacing:inherit!important;will-change:auto}
}
.scene-card .feature-icon.address-illustration,.scene-card .feature-icon.coastal-illustration{width:112px;height:85px;flex-shrink:0}
.usp-slide .scene-card-top{margin-bottom:14px}
@media(max-width:900px){.scene-card .feature-icon.address-illustration,.scene-card .feature-icon.coastal-illustration{width:90px;height:68px}}