:root{--gold:#d99b2b;--ink:#071016;--deep:#04090d;--cream:#f4efe5;--muted:#9ca4a8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;overflow-x:hidden}
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--gold);z-index:100}
.nav{position:fixed;top:0;left:0;right:0;height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;z-index:90;transition:.4s;background:linear-gradient(#050a0ed9,transparent)}
.nav.scrolled{height:70px;background:#050a0ef0;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white}.mark{width:42px;height:42px;fill:none;stroke:var(--gold);stroke-width:2}.brand span{display:flex;flex-direction:column}.brand b{font:500 22px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:.22em}.brand small{font-size:8px;letter-spacing:.18em;color:var(--gold);margin-top:4px}
.links{display:flex;align-items:center;gap:26px}.links a{color:#e8e8e8;text-decoration:none;font-size:12px;letter-spacing:.08em}.links a:hover{color:var(--gold)}.outline{border:1px solid #ffffff55;padding:10px 16px}.menu-btn{display:none;background:none;border:0}
.hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:flex-end;padding:0 7vw 10vh}.hero-media,.invest-bg,.contact-bg{position:absolute;inset:0;background-size:cover;background-position:center}.hero-media{background-image:url('assets/hero.webp');filter:saturate(.95);transform:scale(1.02)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#03070bd9 0%,#04080b55 48%,#0002 70%),linear-gradient(0deg,#04090ddd,transparent 45%)}
.hero-copy{position:relative;max-width:850px}.eyebrow,.kicker{font-size:12px;letter-spacing:.22em;color:var(--gold);font-weight:600}.hero h1,.section h2{font:300 clamp(46px,7vw,104px)/.95 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;margin:20px 0}.hero h1 span,.section h2 em{color:var(--gold);font-style:normal}.lead{max-width:690px;font-size:18px;line-height:1.7;color:#d7d9da}.actions{display:flex;gap:14px;margin-top:32px}.btn{display:inline-block;text-decoration:none;padding:15px 22px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.gold{background:var(--gold);color:#071016}.glass{border:1px solid #ffffff66;color:white;backdrop-filter:blur(8px)}.scroll{position:absolute;right:4vw;bottom:8vh;writing-mode:vertical-rl;font-size:9px;letter-spacing:.24em;color:#bbb}.scroll i{display:block;height:80px;border-left:1px solid #ffffff88;margin:14px auto}
.section{padding:120px 7vw;position:relative}.intro{background:var(--cream);color:#111}.dark{background:#071016}.split{display:grid;grid-template-columns:1.4fr .8fr;gap:8vw;align-items:end}.section h2{font-size:clamp(42px,6vw,86px)}.copy{font-size:17px;line-height:1.8;color:#62686b}.dark .copy{color:#b5bdc0}.stats{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #1112}.stats div{padding:30px 0;border-right:1px solid #1112}.stats strong{display:block;font:400 52px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--gold)}.stats span{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.image-break{height:88vh;background:#000;overflow:hidden}.image-break img{width:100%;height:100%;object-fit:cover}
.location-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:30px;margin-top:70px}.aerial img{width:100%;height:540px;object-fit:cover;filter:saturate(.75) contrast(1.1)}.distance{padding:30px;border:1px solid #ffffff18}.distance p{padding:18px 0;margin:0;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between}.distance span{color:white}.distance b{color:var(--gold);font-size:12px}.distance small{display:block;margin-top:28px;color:#899397;line-height:1.6}
.master{background:#e9e4da;color:#111}.plan{margin-top:60px;position:relative;border:1px solid #1a1a1a22;overflow:hidden}.plan img{display:block;width:100%;max-height:78vh;object-fit:cover}.hotspot{position:absolute;background:#071016e9;color:white;padding:10px 14px;font-size:11px;display:flex;gap:8px;align-items:center}.hotspot span{color:var(--gold)}.h1{left:44%;top:45%}.h2{right:17%;top:35%}.h3{left:50%;bottom:15%}.disclaimer{font-size:10px;letter-spacing:.05em;color:#606060;margin-top:15px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff14;margin-top:70px}.card{background:#071016;padding:38px;min-height:420px}.card>span{color:var(--gold);font-size:12px}.card h3{font:400 27px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;margin:55px 0 20px}.card p{color:#aab2b5;line-height:1.7}.card ul{list-style:none;padding:0;margin-top:32px}.card li{padding:10px 0;border-top:1px solid #ffffff13;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.sustainability{background:#f4efe5;color:#111}.feature-row{display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px;border-top:1px solid #1113;border-bottom:1px solid #1113}.feature-row div{text-align:center;padding:30px 10px;border-right:1px solid #1113;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.invest{min-height:760px;display:flex;align-items:center}.invest-bg{background-image:linear-gradient(90deg,#03070bed,#03070b42),url('assets/brochure.webp')}.invest-copy{position:relative;width:min(650px,90%)}.invest-copy p{line-height:1.7;color:#c0c6c8}.options{display:grid;grid-template-columns:1fr 1fr;margin-top:36px}.options button{background:transparent;color:white;border:1px solid #ffffff20;padding:18px;text-align:left;cursor:pointer}.options button:hover{background:var(--gold);color:#081016}.panel-text{margin-top:20px;padding:20px;border-left:2px solid var(--gold);color:#fff}
.timeline{margin-top:70px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #ffffff22}.timeline div{padding:30px 20px;border-right:1px solid #ffffff18}.timeline b{color:var(--gold);font-weight:400}.timeline span{display:block;margin-top:50px;font-size:12px;line-height:1.5}
.gallery{background:#e9e4da;color:#111}.gallery-image{position:relative;margin-top:50px;border:0;padding:0;width:100%;cursor:zoom-in;background:#000}.gallery-image img{width:100%;display:block}.gallery-image span{position:absolute;bottom:25px;right:25px;background:#050a0edc;color:white;padding:14px 18px;font-size:11px;letter-spacing:.12em}
.contact{min-height:85vh;display:flex;align-items:center}.contact-bg{background-image:linear-gradient(90deg,#03070bef,#03070b40),url('assets/hero.webp');background-position:center}.contact-box{position:relative;max-width:680px}.contact-box p{color:#c2c8ca;line-height:1.7}.contact-links{display:flex;flex-direction:column;margin:28px 0}.contact-links a{color:white;text-decoration:none;font:300 25px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;margin:5px 0}
footer{padding:50px 5vw;background:#020507;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid #ffffff12}footer>p{text-align:center;color:var(--gold);font-size:11px;letter-spacing:.2em}footer>small{text-align:right;color:#798185;font-size:9px;line-height:1.5}.footer-brand .mark{width:34px}
dialog{border:0;background:#000;padding:0;max-width:96vw;max-height:96vh}dialog::backdrop{background:#000e}dialog img{display:block;max-width:96vw;max-height:92vh}dialog button{position:fixed;right:3vw;top:2vh;width:42px;height:42px;border:0;border-radius:50%;background:white;font-size:28px;cursor:pointer}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.links{position:fixed;inset:70px 0 auto;background:#050a0ef7;display:none;flex-direction:column;padding:30px}.links.open{display:flex}.menu-btn{display:block;width:40px}.menu-btn span{display:block;border-top:1px solid white;margin:8px}.hero{padding-left:6vw}.split,.location-grid{grid-template-columns:1fr}.stats,.cards,.feature-row,.timeline{grid-template-columns:1fr 1fr}.cards .card{min-height:auto}.image-break{height:55vh}.hotspot{display:none}footer{grid-template-columns:1fr;gap:25px;text-align:center}footer>small{text-align:center}}
@media(max-width:560px){.nav{padding:0 18px}.brand b{font-size:17px}.brand small{font-size:6px}.hero{min-height:680px}.hero h1{font-size:49px}.lead{font-size:15px}.actions{flex-direction:column;align-items:flex-start}.section{padding:85px 24px}.stats,.cards,.feature-row,.timeline,.options{grid-template-columns:1fr}.stats div,.feature-row div{border-right:0}.location-grid .aerial img{height:350px}.image-break{height:38vh}.timeline span{margin-top:15px}.gallery-image span{position:static;display:block}}

img{content-visibility:auto}
.image-break,.plan,.gallery-image{contain:layout paint}
@media(max-width:700px){
  .hero-media{background-image:url('assets/hero-mobile.webp')}
  .invest-bg{background-image:linear-gradient(90deg,#03070bef,#03070b42),url('assets/brochure-mobile.webp')}
  .contact-bg{background-image:linear-gradient(90deg,#03070bef,#03070b40),url('assets/hero-mobile.webp')}
}


/* --- Responsive edge and image containment fix --- */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body, main, header, footer, section, article, nav, div {
  min-width: 0;
}

main {
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}

section, .hero, .image-break, .section, .plan, .location-grid,
.aerial, .gallery-image, .cards, .stats, .feature-row,
.timeline, .split, .options {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

img, picture, video, canvas, svg {
  max-width: 100%;
}

img {
  display: block;
  height: auto;
}

.image-break img, .plan img, .gallery-image img, .aerial img {
  width: 100%;
  max-width: 100%;
  object-position: center;
}

.image-break, .plan, .gallery-image, .aerial {
  overflow: hidden;
}

.hero-media, .invest-bg, .contact-bg {
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100vw;
}

.cards > *, .stats > *, .feature-row > *, .timeline > *,
.location-grid > *, .split > *, .options > * {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 900px) {
  .section {
    padding-left: clamp(20px, 5vw, 40px);
    padding-right: clamp(20px, 5vw, 40px);
  }

  .image-break {
    height: auto;
    min-height: 0;
  }

  .image-break img, .plan img, .gallery-image img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
  }

  .aerial img {
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: cover;
  }

  .hero {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
  }
}

@media (max-width: 560px) {
  .nav {
    width: 100%;
    max-width: 100vw;
  }

  .hero-copy, .invest-copy, .contact-box {
    width: 100%;
    max-width: 100%;
  }

  .hero h1, .section h2 {
    overflow-wrap: anywhere;
  }

  .location-grid, .split, .cards, .stats, .feature-row,
  .timeline, .options {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }

  dialog {
    width: 96vw;
    max-width: 96vw;
  }

  dialog img {
    width: 100%;
    height: auto;
    max-width: 96vw;
  }
}