:root{--navy:#1f2a44;--beige:#f3ede4;--gold:#c9a86a;--ink:#2a2d32;--muted:#6b7280;--soft:#f5f6f7;--green:#2d8a67;--line:#e6e8eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 "Segoe UI",Arial,sans-serif;background:#fff}img{max-width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 14px #1f2a440d}.bar{height:78px;display:flex;align-items:center;gap:28px}.brand{font-weight:800;letter-spacing:.09em;line-height:1;color:var(--navy)}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:.28em;margin-top:6px}.nav{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:600}.nav a.active,.nav a:hover{color:#a47b3e}.hotline{font-weight:800;color:var(--navy);white-space:nowrap}.button{border:0;background:var(--navy);color:#fff;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.04em;cursor:pointer}.button.gold{background:var(--gold);color:var(--navy)}.button.outline{border:1px solid currentColor;background:transparent;color:#fff}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.hero{min-height:590px;background:linear-gradient(90deg,#10203ddd 0%,#1f2a4470 50%,transparent 80%),url('../images/hero-realty.png') center/cover;display:grid;align-items:center;color:#fff}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#ead4a8}.hero h1,.page-hero h1{font:700 clamp(40px,5vw,68px)/1.05 "Times New Roman",Times,serif;margin:16px 0}.hero p{max-width:580px;font-size:18px;color:#f7f5f1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:38px;font-size:13px}.notice{font-size:13px;color:var(--muted);background:#fff9ed;border-left:3px solid var(--gold);padding:12px 14px;margin:24px auto}.section{padding:76px 0}.soft{background:var(--soft)}.beige{background:var(--beige)}h2{font:700 clamp(30px,3vw,42px)/1.15 "Times New Roman",Times,serif;margin:0 0 12px;color:var(--navy)}.lead{color:var(--muted);margin-top:0}.searchbox{margin-top:-55px;position:relative;z-index:2;background:#fff;padding:24px;box-shadow:0 16px 40px #1f2a4420}.fields{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:10px}label{font-size:12px;font-weight:700;color:var(--navy);display:grid;gap:5px}select,input,textarea{width:100%;border:1px solid #d6d9de;padding:11px;background:#fff;font:inherit;color:var(--ink)}textarea{min-height:120px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);overflow:hidden}.property-image{height:230px;position:relative}.property-image img{width:100%;height:100%}.badge{position:absolute;top:13px;left:13px;background:#fff;padding:5px 8px;font-size:10px;font-weight:800;color:var(--navy)}.card-body{padding:18px}.kicker{font-size:11px;font-weight:800;color:#a47b3e;letter-spacing:.08em}.card h3{font-size:18px;line-height:1.25;margin:7px 0}.meta{color:var(--muted);font-size:14px}.price{font-size:20px;font-weight:800;color:var(--navy);margin:12px 0}.link{font-weight:800;font-size:13px;color:var(--navy);border-bottom:1px solid var(--gold)}.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.tile{padding:28px 12px;background:#fff;border:1px solid var(--line);font-weight:800;text-align:center;color:var(--navy)}.project{min-height:320px;position:relative;color:#fff;display:flex;align-items:flex-end;padding:24px;background:#1f2a44;overflow:hidden}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10203ee8,transparent)}.project img,.project div{position:absolute;inset:0;width:100%;height:100%}.project div{position:relative;z-index:1}.values{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.value{padding:23px;border-top:3px solid var(--gold);background:#fff}.value strong{display:block;color:var(--navy);margin-bottom:6px}.agent img{height:265px;width:100%}.agent .card-body{min-height:150px}.cta-band{background:var(--navy);color:#fff;padding:55px}.cta-band h2{color:#fff}.calc{background:#fff;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.calc .result{grid-column:1/-1;background:var(--soft);padding:15px;color:var(--navy);font-weight:700}.reviews{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.review{border:1px solid var(--line);padding:24px;background:#fff}.stars{color:var(--gold)}.page-hero{padding:85px 0;color:#fff;background:linear-gradient(90deg,#1f2a44e8,#1f2a4470),url('../images/project-oceanpark2.jpg') center/cover}.filterbar{display:flex;gap:12px;align-items:end;margin:24px 0}.filterbar select{max-width:210px}.detail{display:grid;grid-template-columns:1.35fr .65fr;gap:30px}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.gallery img{height:155px;width:100%}.gallery img:first-child{grid-row:span 2;height:318px}.facts{padding:24px;background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:15px}.facts strong{display:block;color:var(--navy)}.detail-copy{margin-top:32px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.contact-panel{background:var(--navy);color:#fff;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.modal{position:fixed;inset:0;background:#101827a8;z-index:50;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{position:relative;background:#fff;padding:30px;width:min(520px,100%)}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:25px;cursor:pointer}.drawer{display:none}.mobile-cta{display:none}.form-status{margin:10px 0;color:var(--green);font-weight:700}.footer{background:#141d30;color:#d7dbe2;padding:52px 0;margin-top:0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer small{color:#aeb7c7}@media(max-width:900px){.nav,.hotline,.bar>.button{display:none}.menu-toggle{display:block;margin-left:auto}.drawer.open{display:grid;position:fixed;inset:78px 0 auto;background:#fff;z-index:19;padding:25px 20px;gap:15px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #0002;font-weight:800}.fields{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.tiles{grid-template-columns:repeat(3,1fr)}.values{grid-template-columns:repeat(2,1fr)}.detail,.contact-grid{grid-template-columns:1fr}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;box-shadow:0 -2px 12px #0002;display:grid;grid-template-columns:1fr 1fr 1.3fr}.mobile-cta a{padding:13px 5px;text-align:center;font-size:12px;font-weight:800;border-right:1px solid var(--line)}.mobile-cta a:last-child{background:var(--gold);color:var(--navy)}body{padding-bottom:48px}}@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.hero{min-height:540px}.hero h1{font-size:44px}.section{padding:54px 0}.grid,.reviews{grid-template-columns:1fr}.fields,.form-grid{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:span 2;height:250px}.footer-grid{grid-template-columns:1fr}.calc{grid-template-columns:1fr}.cta-band{padding:35px 22px}.filterbar{align-items:stretch;flex-direction:column}.filterbar select{max-width:none}}
