:root{--navy:#0a3440;--navy2:#123f49;--sand:#d8c39b;--gold:#b89355;--paper:#f7f5f0;--ink:#12333b;--muted:#64767b;--line:#dedbd2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:white}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1180px,92vw);margin:auto}
header{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff22;position:sticky;top:0;z-index:50}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;letter-spacing:.13em;text-decoration:none;font-size:20px}.brand small{display:block;color:var(--sand);font-size:10px;letter-spacing:.24em}.navlinks{display:flex;gap:18px;align-items:center;font-size:13px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--sand)}.nav-btn{padding:11px 15px;background:var(--sand);color:var(--navy);font-weight:800;border-radius:6px}.menu{display:none;background:none;border:1px solid #ffffff66;color:#fff;padding:8px;border-radius:6px}
.home-hero{height:100vh;background:#071f26 url('home.png') center center/cover no-repeat;position:relative}.home-hero a{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#0a3440dd;color:white;padding:10px 15px;border-radius:30px;text-decoration:none;font-weight:800;font-size:12px}
section{padding:82px 0}.soft{background:var(--paper)}.dark{background:var(--navy);color:white}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--gold)}h1{font-size:clamp(46px,7vw,80px);line-height:.95;margin:12px 0 22px}h2{font-size:clamp(30px,4vw,50px);line-height:1.05;margin:0 0 18px}h3{font-size:22px;margin-top:0}.lead{font-size:21px;max-width:820px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 35px rgba(5,38,46,.07)}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:23px}.price{font-size:42px;font-weight:900}.button{display:inline-block;padding:13px 18px;background:var(--navy);color:white;border-radius:6px;text-decoration:none;font-weight:800}.button.alt{background:var(--sand);color:var(--navy)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.note{border-left:4px solid var(--gold);background:#f5efe4;padding:15px 18px}.metric{font-size:40px;font-weight:900}.muted{color:var(--muted)}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:230px;gap:15px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:10px}.gallery img:first-child{grid-row:span 2}.page-hero{padding:110px 0 65px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:white}.mapframe{width:100%;height:500px;border:0;border-radius:12px}
.form{display:grid;gap:14px}.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #c9d2cf;border-radius:6px;font:inherit}.form textarea{min-height:150px}
footer{background:#041b21;color:#ced8da;padding:45px 0 25px}.foot{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:28px}.foot a{color:#ced8da}.legal{margin-top:30px;padding-top:22px;border-top:1px solid #ffffff20;font-size:11px;line-height:1.6;color:#9aacb0}.legal a{color:#c8d2d4}
@media(max-width:900px){.navlinks{display:none;position:absolute;left:0;right:0;top:68px;background:var(--navy);padding:20px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.grid-2,.grid-3,.grid-4,.split,.foot,.gallery{grid-template-columns:1fr}.gallery img:first-child{grid-row:auto}.home-hero{height:62vh;background-size:contain;background-position:center top}.mapframe{height:390px}}

/* V5 navigation refinements */
.nav{
  height:72px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
}
.navlinks{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:22px;
  white-space:nowrap;
}
.navlinks .nav-btn{
  margin-left:8px;
  background:#f4c542;
  color:#082b35;
  border:1px solid #f7d765;
  box-shadow:0 6px 18px rgba(244,197,66,.22);
  padding:12px 18px;
}
.navlinks .nav-btn:hover{
  background:#ffd65a;
  color:#082b35;
}
@media(max-width:1100px){
  .navlinks{gap:14px;font-size:12px}
  .navlinks .nav-btn{padding:10px 13px}
}

/* V6 ownership-opportunity components */
.ownership-band{
  background:#ead7a8;
  color:#082b35;
  padding:24px 0;
  border-top:1px solid #d4bd82;
  border-bottom:1px solid #d4bd82;
}
.ownership-band strong{font-size:22px}
.ownership-panel{
  background:linear-gradient(135deg,#0a3440,#154a55);
  color:white;
  border-radius:14px;
  padding:30px;
  box-shadow:0 14px 40px rgba(5,38,46,.12);
}
.ownership-panel .eyebrow{color:#ead7a8}
.ownership-chip{
  display:inline-block;
  background:#f5e7c5;
  color:#082b35;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  margin:4px 6px 4px 0;
}
.ownership-cta{
  background:#fffaf0;
  border:1px solid #e4d2a6;
  border-radius:14px;
  padding:28px;
}
.ownership-cta h3{margin-bottom:8px}

/* V8 fixes */
.dark .card,
.dark .card h3,
.dark .card p{
  color:#12333b;
}
.concept-price{
  font-size:34px;
  line-height:1;
  font-weight:900;
  color:#0a3440;
  margin:4px 0 14px;
}
.unit-banner{
  background:#f5e7c5;
  color:#082b35;
  border:1px solid #ddc58f;
  border-radius:12px;
  padding:18px 22px;
  margin:24px 0 0;
  font-weight:800;
}
.unit-banner strong{
  font-size:26px;
  margin-right:8px;
}

/* V9 homepage hero/header treatment */
.index-page header{
  position:sticky;
  top:0;
  z-index:100;
}
.index-page .home-hero{
  height:calc(100vh - 72px);
  min-height:760px;
  background-position:center center;
  position:relative;
  overflow:hidden;
}
.index-page .home-hero::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:34%;
  height:38%;
  background:
    linear-gradient(135deg, rgba(7,32,39,.97) 0%, rgba(7,32,39,.92) 58%, rgba(7,32,39,.18) 100%);
  z-index:1;
  pointer-events:none;
}
.index-page .hero-brand{
  position:absolute;
  z-index:2;
  left:46px;
  top:44px;
  display:flex;
  align-items:center;
  gap:16px;
  color:#fff;
}
.index-page .hero-brand-mark{
  width:64px;
  height:64px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.45);
  display:grid;
  place-items:center;
  background:rgba(10,52,64,.72);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.index-page .hero-brand-mark svg{
  width:38px;
  height:38px;
  fill:#fff;
}
.index-page .hero-brand-copy strong{
  display:block;
  font-size:30px;
  line-height:1;
  letter-spacing:.14em;
}
.index-page .hero-brand-copy span{
  display:block;
  margin-top:8px;
  font-size:12px;
  letter-spacing:.28em;
  color:#ead7a8;
  font-weight:800;
}
.index-page .home-hero > a{
  z-index:3;
}
.index-page .nav .brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.index-page .nav .brand::before{
  content:"";
  width:28px;
  height:28px;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 36%, #fff 0 12%, transparent 13%),
    linear-gradient(140deg,#f0d892 0 48%,#fff 49% 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.28);
}
@media(max-width:900px){
  .index-page .home-hero{
    height:auto;
    min-height:62vh;
    background-size:cover;
    background-position:center top;
  }
  .index-page .home-hero::before{
    width:58%;
    height:34%;
  }
  .index-page .hero-brand{
    left:22px;
    top:24px;
    gap:12px;
  }
  .index-page .hero-brand-mark{
    width:48px;
    height:48px;
  }
  .index-page .hero-brand-mark svg{
    width:28px;
    height:28px;
  }
  .index-page .hero-brand-copy strong{
    font-size:21px;
  }
}


/* V11: clean homepage hero — no mask, logo overlay, or navigation */
.index-page .home-hero{
  height:auto !important;
  min-height:0 !important;
  background:none !important;
  position:relative;
  overflow:visible;
  line-height:0;
}
.index-page .home-hero::before,
.index-page .hero-brand,
.index-page .hero-brand-mark,
.index-page .hero-brand-copy{
  display:none !important;
  content:none !important;
  background:none !important;
}
.index-page .hero-art{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:top left;
}
.index-page .home-hero > a{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:3;
  line-height:1.2;
}
@media(max-width:900px){
  .index-page .home-hero{
    height:auto !important;
    min-height:0 !important;
  }
  .index-page .hero-art{
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:top left;
  }
}