*{margin:0;padding:0;box-sizing:border-box}
:root{--gold:#c9a96e;--gold-light:#dfc393;--gold-dark:#a8864d;--black:#0a0a0a;--black2:#111;--black3:#1a1a1a;--white:#f5f0eb;--white-pure:#fff;--text:#e0ddd8;--text-dim:#8a8580;--warm-grey:#9a9590;--section-bg:#0d0d0d}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--black);color:var(--text);overflow-x:hidden}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--black)}
::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:2px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* NAV */
.nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:28px 60px;display:flex;justify-content:space-between;align-items:center;transition:all .6s cubic-bezier(.4,0,.2,1)}
.nav.scrolled{background:rgba(10,10,10,.94);backdrop-filter:blur(30px);padding:16px 60px}
.nav-logo{display:flex;gap:8px;align-items:baseline;text-decoration:none}
.nav-logo .n{font-family:'Raleway',sans-serif;font-size:1.2rem;font-weight:600;color:var(--white-pure);letter-spacing:6px;text-transform:uppercase}
.nav-logo .t{font-family:'Arial',sans-serif;font-size:1.2rem;font-weight:400;color:var(--gold);letter-spacing:6px;text-transform:uppercase}
.nav-links{display:flex;gap:35px;list-style:none}
.nav-links a{color:var(--warm-grey);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;transition:color .4s;font-weight:400;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s}
.nav-links a:hover,.nav-links a.active{color:var(--white-pure)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:5px}
.hamburger span{display:block;width:24px;height:1px;background:var(--gold);transition:all .3s}
.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,10,10,.98);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:35px}
.mobile-menu.active{display:flex}
.mobile-menu a{color:var(--text);font-size:1rem;letter-spacing:5px;text-transform:uppercase;font-weight:300}
.mobile-menu .close-btn{position:absolute;top:25px;right:35px;background:none;border:none;color:var(--gold);font-size:1.5rem;cursor:pointer}

/* HERO VIDEO */
.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero video,.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,10,10,.4) 0%,rgba(10,10,10,.15) 40%,rgba(10,10,10,.6) 100%)}
.hero-content{position:relative;z-index:2;text-align:center}
.hero-tagline{font-family:'Raleway',sans-serif;font-size:.85rem;letter-spacing:6px;text-transform:uppercase;color:var(--gold-light);margin-bottom:35px;font-weight:300}
.hero-title{font-family:'Raleway',sans-serif;font-weight:600;letter-spacing:10px;text-transform:uppercase;margin-bottom:12px}
.hero-title .l1{font-size:clamp(2.5rem,7vw,5.5rem);color:var(--white-pure);display:block}
.hero-title .l2{font-size:clamp(2.5rem,7vw,5.5rem);color:var(--gold);display:block;font-family:'Arial',sans-serif;font-weight:400;letter-spacing:12px}
.hero-sub{font-family:'Raleway',sans-serif;font-size:1.05rem;letter-spacing:2px;color:var(--text-dim);margin-top:25px;font-weight:300;font-style:italic}
.hero-scroll{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}
.hero-scroll span{font-size:.6rem;letter-spacing:4px;text-transform:uppercase;color:var(--warm-grey)}
.scroll-line{width:1px;height:35px;background:var(--gold);animation:scrollAnim 2s ease infinite}
@keyframes scrollAnim{0%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}100%{opacity:0;transform:scaleY(0);transform-origin:bottom}}

/* PAGE HERO (for inner pages) */
.page-hero{position:relative;height:60vh;min-height:400px;display:flex;align-items:flex-end;overflow:hidden}
.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.95) 0%,rgba(10,10,10,.2) 50%,rgba(10,10,10,.5) 100%)}
.page-hero-content{position:relative;z-index:2;padding:60px 80px}
.page-hero-label{font-size:.65rem;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:15px}
.page-hero-title{font-family:'Raleway',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:var(--white-pure);line-height:1.2}

/* STATS BAR */
.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(201,169,110,.15);border-bottom:1px solid rgba(201,169,110,.15)}
.stat-item{padding:45px 20px;text-align:center;border-right:1px solid rgba(201,169,110,.08)}
.stat-item:last-child{border-right:none}
.stat-num{font-family:'Raleway',sans-serif;font-size:3.2rem;font-weight:300;color:var(--gold)}
.stat-label{font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:var(--warm-grey);margin-top:6px}

/* CONTENT SECTIONS */
.section{padding:100px 80px}
.section-label{font-size:.65rem;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:400}
.section-title{font-family:'Raleway',sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:300;color:var(--white-pure);line-height:1.3;margin-bottom:25px}
.section-text{font-size:.88rem;line-height:1.9;color:var(--text-dim);max-width:550px;font-weight:300}

/* SPLIT LAYOUT */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}
.split-image{position:relative;overflow:hidden}
.split-image::before,.split-image::after{content:'';position:absolute;left:0;right:0;height:150px;z-index:1;pointer-events:none}
.split-image::before{top:0;background:linear-gradient(to bottom,rgba(10,10,10,.85) 0%,rgba(10,10,10,.3) 50%,transparent 100%)}
.split-image::after{bottom:0;background:linear-gradient(to top,rgba(10,10,10,.85) 0%,rgba(10,10,10,.3) 50%,transparent 100%)}
.split-image img{width:100%;height:100%;object-fit:cover;transition:transform 6s ease}
.split-image:hover img{transform:scale(1.04)}
.split-content{display:flex;flex-direction:column;justify-content:center;padding:80px}

/* FEATURE LIST */
.feature-list{list-style:none;margin-top:35px;display:flex;flex-direction:column;gap:16px}
.feature-list li{display:flex;align-items:center;gap:14px;font-size:.85rem;color:var(--text-dim);font-weight:300}
.feature-list li::before{content:'◆';color:var(--gold);font-size:.45rem}

/* FULL IMAGE BREAK */
.full-break{position:relative;height:80vh;overflow:hidden}
.full-break img{width:100%;height:100%;object-fit:cover}
.full-break-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(10,10,10,.7) 0%,transparent 60%),linear-gradient(to bottom,rgba(10,10,10,.85) 0%,rgba(10,10,10,.3) 12%,transparent 25%,transparent 70%,rgba(10,10,10,.4) 85%,rgba(10,10,10,.85) 100%)}
.full-break-text{position:absolute;bottom:80px;left:80px;z-index:2;max-width:500px}

/* FEATURES GRID — photo-based cards */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:0 auto}
.feature-card{border:1px solid rgba(201,169,110,.08);transition:all .5s;overflow:hidden;background:var(--black2)}
.feature-card:hover{border-color:var(--gold);transform:translateY(-4px)}
.feature-card-img{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}
.feature-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.feature-card:hover .feature-card-img img{transform:scale(1.06)}
.feature-card-body{padding:30px 25px}
.feature-icon{font-size:1.8rem;margin-bottom:20px}
.feature-title{font-family:'Raleway',sans-serif;font-size:1.15rem;color:var(--white-pure);margin-bottom:12px;font-weight:400}
.feature-desc{font-size:.78rem;color:var(--text-dim);line-height:1.8;font-weight:300}

/* PLANS GRID — with floor plan images */
.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1100px;margin:60px auto 0}
.plan-card{border:1px solid rgba(201,169,110,.12);padding:0;text-align:center;transition:all .5s;position:relative;overflow:hidden;background:var(--black2)}
.plan-card:hover{border-color:var(--gold);transform:translateY(-4px)}
.plan-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .5s;transform-origin:left;z-index:2}
.plan-card:hover::before{transform:scaleX(1)}
.plan-card-img{position:relative;width:100%;background:#0a0a0a;padding:20px;display:flex;align-items:center;justify-content:center;min-height:300px}
.plan-card-img img{max-height:350px;width:auto;max-width:100%;object-fit:contain;transition:transform .6s ease}
.plan-card:hover .plan-card-img img{transform:scale(1.05)}
.plan-card-body{padding:30px 25px}
.plan-type{font-size:.6rem;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.plan-size{font-family:'Raleway',sans-serif;font-size:2.8rem;font-weight:300;color:var(--white-pure)}
.plan-unit{font-size:.85rem;color:var(--text-dim);font-weight:300}
.plan-rooms{font-size:.82rem;color:var(--text-dim);margin-top:14px;font-weight:300}
.plan-details{margin-top:14px;list-style:none;display:flex;flex-direction:column;gap:7px}
.plan-details li{font-size:.72rem;color:var(--warm-grey);font-weight:300}

/* GALLERY GRID */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:1400px;margin:0 auto}
.gallery-item{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1);filter:brightness(.85)}
.gallery-item:hover img{transform:scale(1.06);filter:brightness(1)}
.gallery-item .cap{position:absolute;bottom:0;left:0;right:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.7));font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--white);opacity:0;transition:all .4s}
.gallery-item:hover .cap{opacity:1}
.gallery-large{grid-column:span 2;aspect-ratio:auto;max-height:600px}

/* LOCATION */
.location-list{list-style:none;margin-top:35px;display:flex;flex-direction:column;gap:18px}
.location-list li{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(201,169,110,.08);font-size:.85rem;font-weight:300}
.location-list .place{color:var(--text)}
.location-list .time{color:var(--gold);font-family:'Raleway',sans-serif;font-size:1.1rem}
.map-container{margin-top:35px;border:1px solid rgba(201,169,110,.12);overflow:hidden}
.map-container iframe{width:100%;height:300px;border:none;filter:grayscale(.7) contrast(1.1);transition:filter .4s}
.map-container:hover iframe{filter:grayscale(.2)}

/* CONTACT FORM */
.contact-form{margin-top:35px;display:flex;flex-direction:column;gap:22px}
.form-group input,.form-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(201,169,110,.15);padding:14px 0;color:var(--text);font-family:'Inter',sans-serif;font-size:.83rem;font-weight:300;outline:none;transition:border-color .3s}
.form-group input:focus,.form-group textarea:focus{border-color:var(--gold)}
.form-group textarea{resize:none;height:90px}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--warm-grey);font-weight:300;letter-spacing:1px}
.submit-btn{align-self:flex-start;background:transparent;border:1px solid var(--gold);color:var(--gold);padding:15px 45px;font-size:.68rem;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .4s;font-family:'Inter',sans-serif;margin-top:8px}
.submit-btn:hover{background:var(--gold);color:var(--black)}
.contact-info{margin-top:50px;display:flex;flex-direction:column;gap:22px}
.ci-label{font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.ci-value{font-size:.88rem;color:var(--text-dim);font-weight:300;margin-top:3px}

/* FOOTER */
.footer{padding:45px 80px;border-top:1px solid rgba(201,169,110,.08);display:flex;justify-content:space-between;align-items:center}
.footer-logo{display:flex;gap:6px}
.footer-logo .fn{font-family:'Raleway',sans-serif;font-weight:600;letter-spacing:4px;color:var(--white-pure);font-size:.85rem;text-transform:uppercase}
.footer-logo .ft{font-family:'Arial',sans-serif;font-weight:400;letter-spacing:4px;color:var(--gold);font-size:.85rem;text-transform:uppercase}
.footer-copy{font-size:.65rem;color:var(--warm-grey);letter-spacing:2px}
.footer-social{display:flex;gap:18px}
.footer-social a{color:var(--warm-grey);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;transition:color .3s}
.footer-social a:hover{color:var(--gold)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(30px);transition:all .9s cubic-bezier(.4,0,.2,1)}
.reveal.active{opacity:1;transform:translateY(0)}
.rd1{transition-delay:.15s}
.rd2{transition-delay:.3s}
.rd3{transition-delay:.45s}

/* CTA Button */
.cta-btn{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:15px 45px;font-size:.68rem;letter-spacing:4px;text-transform:uppercase;transition:all .4s;margin-top:35px}
.cta-btn:hover{background:var(--gold);color:var(--black)}

/* RESPONSIVE */
@media(max-width:1024px){
  .nav{padding:18px 25px}
  .nav.scrolled{padding:14px 25px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .split{grid-template-columns:1fr}
  .split-image{height:50vh}
  .split-content{padding:50px 25px}
  .section{padding:70px 25px}
  .features-grid{grid-template-columns:1fr}
  .plans-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .gallery-large{grid-column:span 2}
  .full-break-text{left:25px;bottom:50px}
  .page-hero-content{padding:40px 25px}
  .footer{flex-direction:column;gap:18px;text-align:center;padding:35px 25px}
}
@media(max-width:600px){
  .gallery-grid{grid-template-columns:1fr}
  .gallery-large{grid-column:span 1}
  .stat-item{padding:25px 8px}
  .stat-num{font-size:2.2rem}
  .stats-bar{grid-template-columns:repeat(2,1fr)}
}