:root{--navy:#07111f;--navy2:#0b1628;--gold:#e6c478;--cream:#f5f0e7;--ink:#111827;--muted:#697386;--white:#fff}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink);line-height:1.55} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.nav{position:fixed;top:0;left:0;right:0;z-index:20;min-height:78px;background:rgba(7,17,31,.92);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(230,196,120,.25);color:#fff}.brand{font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.brand span{color:var(--gold)}.navlinks{display:flex;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.74);flex-wrap:wrap}.navlinks a:hover{color:var(--gold)}
.hero{min-height:88vh;display:flex;align-items:center;padding:120px 5vw 70px;color:#fff;background:linear-gradient(110deg,rgba(7,17,31,.95),rgba(7,17,31,.58)),url('front-arrival.jpg') center/cover no-repeat}.hero.room-hero{min-height:68vh;background-image:linear-gradient(110deg,rgba(7,17,31,.95),rgba(7,17,31,.45)),var(--hero-img)}.hero-content{max-width:900px}.eyebrow{color:var(--gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.22em;margin-bottom:18px}.hero h1,.section-title{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;line-height:.96}.hero h1{font-size:clamp(48px,8vw,96px);margin:0 0 24px}.hero p{font-size:clamp(18px,2vw,25px);max-width:790px;color:rgba(255,255,255,.84);margin:0 0 34px}.btn{display:inline-flex;padding:15px 22px;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;margin:6px 12px 6px 0}.primary{background:var(--gold);color:#111}.secondary{border:1px solid rgba(255,255,255,.3);color:#fff}
section{padding:90px 5vw}.dark{background:var(--navy);color:#fff}.section-title{font-size:clamp(34px,4vw,58px);margin:0 0 18px}.lead{font-size:19px;color:var(--muted);max-width:860px}.dark .lead{color:rgba(255,255,255,.72)}.grid{display:grid;gap:28px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid rgba(7,17,31,.08);border-radius:24px;padding:28px;box-shadow:0 18px 50px rgba(7,17,31,.08)}.dark .card{background:rgba(255,255,255,.06);border-color:rgba(230,196,120,.18);box-shadow:none}.card h3{margin:0 0 10px}.card p{color:var(--muted);margin:0}.dark .card p{color:rgba(255,255,255,.7)}
.room-card{overflow:hidden;padding:0;transition:.25s transform,.25s box-shadow}.room-card:hover{transform:translateY(-5px);box-shadow:0 25px 65px rgba(0,0,0,.18)}.room-img{height:260px;background-size:cover;background-position:center;position:relative}.room-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,17,31,.82))}.room-body{padding:24px}.room-body h3{font-size:23px;margin:0 0 8px}.tag{display:inline-block;margin-bottom:12px;color:var(--gold);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:11px}.image-frame{border-radius:30px;overflow:hidden;box-shadow:0 28px 80px rgba(7,17,31,.22);background:#0b1628;aspect-ratio:16/9}.image-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.feature-list{list-style:none;padding:0;margin:20px 0 0}.feature-list li{padding:14px 0;border-bottom:1px solid rgba(7,17,31,.1);color:var(--muted)}.dark .feature-list li{border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.75)}.spec{padding:22px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(230,196,120,.16)}.stat{font-size:40px;font-family:Georgia,"Times New Roman",serif;color:var(--gold);line-height:1}.label{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;color:rgba(255,255,255,.65)}.budget-table{width:100%;border-collapse:collapse;margin-top:20px;overflow:hidden;border-radius:18px;background:#fff}.budget-table td{padding:16px 18px;border-bottom:1px solid rgba(7,17,31,.08)}.budget-table td:last-child{text-align:right;font-weight:900}.budget-table tr:last-child td{border:0;background:#0b1628;color:#fff;font-size:18px}.budget-table tr:last-child td:last-child{color:var(--gold)}.footer{padding:50px 5vw;background:#050b14;color:rgba(255,255,255,.72);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.room-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.room-nav a{border:1px solid rgba(7,17,31,.14);background:#fff;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dark .room-nav a{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
@media(max-width:980px){.two,.three,.four{grid-template-columns:1fr}.nav{height:auto;align-items:flex-start;flex-direction:column;gap:12px;padding:18px 5vw}.navlinks{gap:14px;font-size:11px}.hero{padding-top:165px}.room-img{height:220px}}

/* Image proportion fixes */
.hero.room-hero{background-size:cover;background-position:center;min-height:70vh;}
.room-detail-image{aspect-ratio:16/9;}
.room-detail-image img{width:100%;height:100%;object-fit:cover;object-position:center;}
@media(max-width:980px){.image-frame{border-radius:22px}.hero.room-hero{min-height:62vh}}

/* Blueprint plan display */
.blueprint-frame, .blueprint-detail{background:#fff;aspect-ratio:16/10;}
.blueprint-frame img, .blueprint-detail img{object-fit:contain;padding:14px;background:#fff;}
.rooms-blueprint .room-img{background-size:contain;background-repeat:no-repeat;background-color:#fff;}