@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--black:#080808;--panel:#0d0d0b;--panel2:#12110e;--gold:#c9a45b;--cream:#f4f0e8;--muted:#aaa59c;--line:#292722;--soft:#c6c1b7;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}
.site-header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(8,8,8,.95);backdrop-filter:blur(10px);z-index:50}.brand img{width:172px}.nav{display:flex;gap:24px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;align-items:center}.nav a:hover,.nav a[aria-current="page"]{color:var(--gold)}.menu{display:none;background:none;border:1px solid var(--line);color:var(--cream);padding:9px 12px;letter-spacing:.12em;font-size:11px}
.hero{min-height:720px;padding:10vh 8vw;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 42%,#1b1710 0,#0b0a08 31%,#080808 66%)}.hero.compact{min-height:610px}.hero-inner{max-width:880px;position:relative;z-index:2}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.24em;font-weight:700;margin:0 0 22px;text-transform:uppercase}.hero h1,h2{font-size:clamp(52px,7vw,104px);line-height:.95;letter-spacing:-.045em;margin:0;font-weight:700}.hero h1 span,h2 em{color:var(--gold);font-family:"Playfair Display",Georgia,serif;font-weight:600}.hero-copy{max-width:700px;font-size:18px;color:var(--soft);margin:30px 0}.hero-mark{font-size:clamp(190px,29vw,450px);font-weight:700;line-height:1;color:#15130f;position:absolute;right:-1vw;top:18%;letter-spacing:-.12em;z-index:0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--gold);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.btn-gold{background:var(--gold);color:#090909}.btn-ghost{background:transparent;color:var(--cream)}.btn:hover{transform:translateY(-1px)}
.section{padding:105px 8vw;border-bottom:1px solid var(--line)}.section-inner{max-width:var(--max);margin:auto}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:44px}.section-head p{max-width:520px;color:var(--muted);margin:0}.section h2{font-size:clamp(42px,6vw,82px)}.section h2.small{font-size:clamp(36px,5vw,68px)}
.layer-grid,.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.layer-card,.info-card,.preview-card{border:1px solid var(--line);padding:30px;min-height:275px;background:linear-gradient(180deg,#0c0c0a,#0a0a09);display:flex;flex-direction:column;justify-content:flex-end}.layer-card span,.meta{color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.layer-card h3,.info-card h3,.preview-card h3{font-size:26px;margin:10px 0}.layer-card p,.info-card p,.preview-card p{color:#9d988f;font-size:14px}.layer-card a,.text-link{color:var(--gold);font-size:11px;letter-spacing:.14em;margin-top:18px;text-transform:uppercase}
.venue-feature{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch}.venue-photo{min-height:520px;border:1px solid var(--line);overflow:hidden;background:#10100d}.venue-photo img{width:100%;height:100%;object-fit:cover}.venue-copy{border:1px solid var(--line);padding:46px;display:flex;flex-direction:column;justify-content:center;background:var(--panel)}.venue-copy h3{font:600 clamp(38px,4vw,60px)/1.03 "Playfair Display",Georgia,serif;margin:0 0 20px}.venue-copy p{color:var(--muted)}
.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.build-card{border:1px solid var(--line);background:var(--panel);overflow:hidden}.build-card img{aspect-ratio:1/1;object-fit:cover;width:100%}.build-card .body{padding:22px}.build-card h3{margin:5px 0 8px;font-size:22px}.build-card p{color:var(--muted);font-size:13px}.build-card .phase{color:var(--gold);font-size:10px;letter-spacing:.2em}
.social-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 8vw;border-bottom:1px solid var(--line);background:#0b0b09}.social-strip strong{font-size:12px;letter-spacing:.16em}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{border:1px solid var(--line);padding:9px 13px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.social-links a:hover{border-color:var(--gold);color:var(--gold)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.copy{color:#bbb6ac;font-size:17px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:38px}.feature-grid div{padding:20px 8px;border-bottom:1px solid var(--line)}.feature-grid b{display:block;font-size:12px;letter-spacing:.14em}.feature-grid span{font-size:13px;color:#888278}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:44px}.timeline div{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline b{display:block;font-size:13px;letter-spacing:.12em}.timeline span{display:block;color:var(--muted);font-size:13px;margin-top:8px}
.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.portal-card{border:1px solid var(--line);padding:34px;background:#0c0c0a}.portal-card h3{margin:0 0 10px;font-size:24px}.portal-card p{color:#9d988f}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.benefit{border-top:1px solid var(--gold);padding-top:18px}.benefit h3{font-size:15px;letter-spacing:.1em}.benefit p{color:#97928a;font-size:13px}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.community-card{border:1px solid var(--line);padding:30px;background:var(--panel)}.community-card .icon{font:600 italic 34px "Playfair Display",Georgia,serif;color:var(--gold)}.community-card h3{font-size:20px}.community-card p{font-size:14px;color:var(--muted)}
.visit{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end}.visit-card{border:1px solid var(--line);padding:38px;background:var(--panel)}.visit-card p{color:var(--muted)}.visit-card small{color:var(--gold)}.address-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.notice{border-left:2px solid var(--gold);padding:2px 0 2px 18px;color:var(--muted)}
.quote{text-align:center}.quote p{font:600 italic clamp(34px,5vw,66px)/1.1 "Playfair Display",Georgia,serif;max-width:900px;margin:auto}.quote span{display:block;color:var(--gold);font-size:10px;letter-spacing:.2em;margin-top:25px}
footer{padding:48px 8vw 30px;color:#77736b;font-size:11px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;border-bottom:1px solid var(--line);padding-bottom:34px}.footer-brand img{width:150px}.footer-brand p{max-width:360px;color:#8f8a81}.footer-col strong{display:block;color:var(--cream);font-size:11px;letter-spacing:.16em;margin-bottom:12px}.footer-col a,.footer-col span{display:block;margin:7px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px}.floating-wa{position:fixed;right:20px;bottom:20px;background:var(--gold);color:#080808;padding:13px 16px;font-size:10px;font-weight:700;letter-spacing:.13em;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.35)}
@media(max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:82px;background:#090909;padding:25px 8vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu{display:block}.hero{min-height:650px;padding:80px 7vw}.hero-mark{opacity:.5;right:-18vw;top:30%}.section{padding:78px 7vw}.layer-grid,.card-grid,.build-grid,.venue-feature,.split,.portal-grid,.benefits,.community-grid,.visit,.footer-top{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:18px}.social-strip{align-items:flex-start;flex-direction:column}.venue-photo{min-height:360px}.venue-copy{padding:30px}}
@media(max-width:560px){.hero h1{font-size:56px}.hero-copy{font-size:16px}.feature-grid,.timeline{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.floating-wa{right:12px;bottom:12px}.site-header{padding:0 6vw}.brand img{width:150px}}
