:root{--navy:#071a38;--navy2:#102b58;--gold:#d8ad54;--cream:#f7f4ed;--ink:#13213a;--muted:#667085;--line:#e4e6eb;--white:#fff;--radius:24px;--shadow:0 20px 55px rgba(6,25,54,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Plus Jakarta Sans',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{display:block;width:100%}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#dce5f5;font-size:13px;padding:9px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:16px}.nav{height:82px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(7,26,56,.08);backdrop-filter:blur(16px)}.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:220px;max-height:58px;object-fit:contain}.links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650}.links a:hover,.links a.active{color:#a77a22}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:13px 21px;font-weight:750;cursor:pointer;transition:.25s}.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(216,173,84,.3)}.btn-white{background:#fff;color:var(--navy)}.btn-outline{border:1px solid #cbd0d9;background:transparent}.hamb{display:none;font-size:25px;background:none;border:0}.hero{min-height:640px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(3,15,35,.9) 0%,rgba(3,15,35,.67) 38%,rgba(3,15,35,.05) 70%),url('assets/hero-property-dengan-figur.webp') center/cover}.hero-copy{color:#fff;width:min(620px,90%);padding:78px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#f0cf88;font-weight:750;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold)}h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(42px,6vw,76px);line-height:1.02;margin:18px 0 20px;letter-spacing:-.035em}.hero p{font-size:18px;line-height:1.7;color:#e7ebf2;max-width:550px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.searchbox{margin-top:-48px;position:relative;z-index:4;background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:1.4fr repeat(2,1fr) auto;gap:12px}.field{border:1px solid var(--line);border-radius:13px;padding:11px 14px}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#778091;margin-bottom:5px}.field select,.field input{width:100%;border:0;outline:0;color:var(--ink);font-weight:650;background:transparent}.section{padding:92px 0}.section.alt{background:var(--cream)}.head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:34px}.kicker{color:#a47720;text-transform:uppercase;font-size:13px;letter-spacing:.14em;font-weight:800}.head h2,.page-head h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(34px,4vw,52px);margin:9px 0 0;line-height:1.08}.head p{color:var(--muted);max-width:480px;line-height:1.7}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid #eceef1;transition:.3s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card-img{height:235px;object-fit:cover}.card-body{padding:22px}.tag{display:inline-flex;background:#eef3fb;color:var(--navy2);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750}.card h3{font-size:21px;margin:14px 0 8px}.muted{color:var(--muted);line-height:1.65}.price{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.price strong{font-size:19px;color:var(--navy)}.facts{display:flex;gap:15px;color:#6b7483;font-size:13px;margin-top:10px}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.promo-card{position:relative;border-radius:var(--radius);overflow:hidden;min-height:340px}.promo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.promo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,35,.68),transparent 55%)}.promo-card .cap{position:absolute;z-index:2;left:26px;right:26px;bottom:23px;color:#fff}.promo-card h3{font-size:24px;margin:0 0 5px}.stats{background:var(--navy);color:#fff;padding:54px 0}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.stat b{display:block;font-family:'Fraunces',Georgia,serif;font-size:40px;color:var(--gold)}.stat span{color:#cbd5e5;font-size:14px}.split{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.split img{border-radius:30px;min-height:480px;object-fit:cover}.ticks{display:grid;gap:16px;margin-top:26px}.tick{display:flex;gap:13px;align-items:flex-start}.tick i{font-style:normal;background:#f6e8c9;color:#8b641d;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-weight:900}.cta{background:linear-gradient(120deg,var(--navy),#173c71);border-radius:32px;padding:54px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-family:'Fraunces',Georgia,serif;font-size:42px;margin:0 0 10px}.page-head{padding:88px 0;background:var(--navy);color:#fff}.page-head p{color:#c8d3e5;max-width:670px;line-height:1.7}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;cursor:pointer}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.detail-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.detail-hero>img{height:540px;object-fit:cover;border-radius:28px}.detail-info{background:var(--cream);padding:30px;border-radius:28px}.detail-info h1{font:42px/1.08 'Fraunces',Georgia,serif;margin:12px 0}.detail-info .big{font-size:26px;font-weight:850;color:var(--navy)}.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.spec{background:#fff;padding:15px;border-radius:14px}.spec small{display:block;color:var(--muted);margin-bottom:5px}.gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.gallery img{height:350px;object-fit:cover;border-radius:24px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.contact-card{background:var(--navy);color:#fff;padding:38px;border-radius:28px}.contact-card p{color:#c9d4e5;line-height:1.7}.form{display:grid;gap:15px}.form input,.form select,.form textarea{border:1px solid var(--line);border-radius:13px;padding:14px 16px;outline:0}.form textarea{min-height:130px;resize:vertical}.footer{background:#06152f;color:#fff;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:44px}.footer img{width:230px;filter:brightness(0) invert(1)}.footer p,.footer a{color:#aebbd0;line-height:1.8;font-size:14px}.footer h4{margin:0 0 15px}.copy{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:45px;color:#8c9ab1;font-size:13px}.notice{font-size:12px;color:#7c8492;text-align:center;margin-top:16px}.hidden{display:none!important}@media(max-width:900px){.links{display:none}.hamb{display:block}.searchbox{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}.split,.detail-hero,.contact-grid{grid-template-columns:1fr}.stats .wrap{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:580px;background-position:66% center}.hero-copy{padding-top:55px}.detail-hero>img{height:420px}}@media(max-width:620px){.wrap{width:min(100% - 26px,1180px)}.topbar{display:none}.nav{height:70px}.brand img{width:178px}.hero{min-height:650px;background-position:72% center}.hero:before{content:"";position:absolute;inset:70px 0 0;background:linear-gradient(90deg,rgba(3,15,35,.92),rgba(3,15,35,.48));pointer-events:none}.hero{position:relative}.hero-copy{position:relative;z-index:2}.searchbox{grid-template-columns:1fr;margin-top:-30px}.section{padding:66px 0}.grid3,.promo-grid,.gallery{grid-template-columns:1fr}.head{align-items:start;flex-direction:column}.stats .wrap{grid-template-columns:1fr 1fr}.cta{padding:34px 25px;align-items:flex-start;flex-direction:column}.cta h2{font-size:34px}.footer-grid{grid-template-columns:1fr}.detail-hero>img{height:320px}.page-head{padding:60px 0}.contact-card{padding:28px}}