:root{--paper:#f3efe8;--ink:#111;--accent:#817098;--sand:#b29a7e;--white:#f8f6f1;--black:#0c0c0c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.hero{height:100svh;min-height:620px;display:grid;place-items:center;position:relative;padding:32px;background:var(--paper);overflow:hidden}
.hero-preview{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.025);transition:opacity .5s ease,transform .8s ease;filter:saturate(.78) contrast(.96)}
.hero-preview:after{content:"";position:absolute;inset:0;background:rgba(243,239,232,.25)}.hero.previewing .hero-preview{opacity:.46;transform:scale(1)}
.hero-content{position:relative;z-index:2;text-align:center;width:min(1180px,94vw);transform:translateY(-2vh)}
.hero-brand-logo{display:block;width:min(900px,80vw);height:auto;max-height:130px;object-fit:contain;margin:0 auto 30px}
.group{margin-top:.35rem;font-size:clamp(.62rem,.9vw,.9rem);letter-spacing:.72em;margin-right:-.72em;color:#9b8469}
.nav{margin-top:clamp(4rem,9vh,7.5rem);display:inline-flex;align-items:center;gap:clamp(1rem,3.7vw,3.8rem);font-size:clamp(.64rem,.75vw,.82rem);letter-spacing:.34em;margin-right:-.34em;text-transform:uppercase}
.nav a{padding:.7rem 0;position:relative}.nav a:after{content:"";position:absolute;left:0;right:.34em;bottom:.12rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:.3s}.nav a:hover:after{transform:scaleX(1)}.slash{color:#9b8469}
.scroll{position:absolute;z-index:3;bottom:5vh;left:50%;height:66px;width:1px;background:linear-gradient(transparent,rgba(17,17,17,.28))}.scroll:after{content:"↓";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:12px}
.destination{height:100svh;min-height:680px;position:relative;display:flex;align-items:flex-end;padding:clamp(28px,5vw,76px);color:white;background-position:center;background-size:cover;isolation:isolate;overflow:hidden}
.destination:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.50),rgba(3,3,3,.12) 58%,rgba(3,3,3,.14));z-index:-1}.destination:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.20),transparent 45%);z-index:-1}
#living{background-position:center 52%}#rentals{background-position:center 48%}#suitedreams{background-position:center 52%}
.destination-inner{width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.brand-lockup{width:min(470px,72vw);height:118px;margin-bottom:10px;display:flex;align-items:center;justify-content:flex-start}
.brand-logo{display:block;width:440px;max-width:100%;height:100px;object-fit:contain;object-position:left center;margin:0;filter:drop-shadow(0 2px 16px rgba(0,0,0,.18))}
.sub{margin:0 0 5px;text-transform:uppercase;letter-spacing:.32em;margin-right:-.32em;font-size:clamp(.68rem,.85vw,.84rem);color:#dbc3a3}
.brand-copy{margin-top:2px;max-width:470px;color:rgba(255,255,255,.90);font-size:clamp(.72rem,.95vw,.9rem);line-height:1.5;letter-spacing:.12em;text-transform:uppercase;font-weight:400}
.explore{display:inline-flex;align-items:center;gap:15px;text-transform:uppercase;letter-spacing:.28em;margin-right:-.28em;font-size:.72rem;padding:14px 0;white-space:nowrap}.explore span{transition:transform .25s}.explore:hover span{transform:translateX(8px)}
footer{min-height:280px;background:#0c0c0c;color:#eee9e1;display:grid;place-items:center;text-align:center;padding:48px 20px}.footer-brand-logo{display:block;width:220px;height:auto;max-height:75px;object-fit:contain;margin:0 auto 28px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 22px;font-size:10px;text-transform:uppercase;letter-spacing:.18em;opacity:.8}.copy{margin-top:24px;font-size:9px;letter-spacing:.12em;opacity:.45}
@media(max-width:720px){.hero{padding:18px;min-height:580px}.hero-brand-logo{width:min(90vw,700px);max-height:100px;margin-bottom:22px}.group{letter-spacing:.46em;margin-right:-.46em}.nav{margin-top:4.2rem;gap:.9rem;font-size:.62rem;letter-spacing:.13em;margin-right:-.13em;flex-wrap:wrap;justify-content:center}.destination{height:82svh;min-height:600px;padding:24px 20px}.destination-inner{flex-direction:column;align-items:flex-start}.brand-lockup{width:min(86vw,430px);height:100px}.brand-logo{width:min(82vw,410px);height:88px}.brand-copy{font-size:.68rem;letter-spacing:.1em;max-width:86vw}.footer-brand-logo{width:190px;max-height:64px}.destination:before{background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.12) 65%)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.footer-contact{margin:20px auto 22px;font-size:11px;line-height:1.9;letter-spacing:.12em;text-transform:uppercase;color:rgba(238,233,225,.78)}
.footer-contact a{transition:opacity .25s ease}.footer-contact a:hover{opacity:.65}

.footer-whatsapp{display:inline-flex;align-items:center;gap:10px;font-size:14px;line-height:1.4;letter-spacing:.10em;text-transform:none;color:inherit}
.footer-whatsapp span:first-child{white-space:nowrap}
.wa-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#25D366;line-height:1;letter-spacing:0}
.footer-whatsapp:hover{opacity:.82}
@media(max-width:720px){.footer-whatsapp{font-size:13.5px;gap:9px}.wa-icon{width:21px;height:21px}}




/* Investment Platform links */
.investment-link{
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:opacity .22s ease;
}
.investment-link span{
  display:inline-block;
  margin-left:4px;
  letter-spacing:0;
  transition:transform .22s ease;
}
.investment-link:hover{opacity:.58}
.investment-link:hover span{transform:translate(2px,-2px)}

.investment-link-hero{
  position:absolute !important;
  top:28px !important;
  right:34px !important;
  left:auto !important;
  bottom:auto !important;
  z-index:50 !important;
  display:inline-flex !important;
  align-items:center;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:8px 0 !important;
  color:rgba(17,17,17,.48) !important;
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.21em !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

.investment-link-footer{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:4px;
  color:rgba(238,233,225,.58);
  font-size:8.5px;
  line-height:1;
  letter-spacing:.21em;
}

/* Decorative hero layers must never block the link */
.hero-preview,
.hero-preview::after,
.scroll{
  pointer-events:none;
}

@media(max-width:720px){
  .investment-link-hero{
    top:18px !important;
    right:18px !important;
    font-size:7px !important;
    letter-spacing:.16em !important;
    padding:7px 0 !important;
  }
  .investment-link-footer{
    font-size:8px;
    letter-spacing:.18em;
  }
}