@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600&display=swap');
:root{--ink:#17312f;--muted:#65716d;--cream:#f5f4ed;--line:#d7ddd5;--green:#355c4a;--gold:#c2a16b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans SC',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:88px;max-width:1400px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.brand{font-family:Georgia,serif;letter-spacing:3px;font-size:24px}.brand span{font-family:sans-serif;font-size:12px;letter-spacing:2px;margin-left:14px}.hero{max-width:1400px;margin:auto;padding:76px 5% 58px;background:radial-gradient(ellipse at 90% 15%,#dfE6d5 0,transparent 55%);position:relative}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:600}.hero h1{font-family:'Noto Serif SC',serif;font-size:clamp(35px,4.7vw,66px);line-height:1.4;letter-spacing:-1px;font-weight:500;margin:24px 0}.hero em{font-style:normal;color:#57715b}.hero p{color:var(--muted);font-size:16px}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.hero-meta span{border:1px solid #c7d1c5;padding:6px 15px;font-size:12px;border-radius:20px}.btn{display:inline-block;padding:13px 23px;background:var(--ink);color:white;border-radius:3px;font-size:13px;margin-top:12px}.intro{max-width:1260px;margin:0 auto 54px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:50px}.intro b{font-family:'Noto Serif SC',serif;font-size:24px;font-weight:500}.intro p{margin:0;color:var(--muted);font-size:14px}main{max-width:1400px;padding:0 5%;margin:auto}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title h2{font-size:25px;font-weight:500}.section-title span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}.card{background:#fff;border:1px solid #e1e4db;border-radius:4px;overflow:hidden}.photo{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#dde2d8}.photo img{height:100%;width:100%;object-fit:cover;transition:.6s}.photo:hover img{transform:scale(1.035)}.tag{position:absolute;top:18px;left:18px;background:rgba(250,249,240,.94);padding:5px 13px;font-size:11px;border-radius:2px}.count{position:absolute;bottom:15px;right:16px;color:white;letter-spacing:2px;text-shadow:0 1px 4px #000;font-size:12px}.card-body{padding:26px 30px 22px}.card-body>small{color:var(--muted);font-size:11px;letter-spacing:1px}h2{line-height:1.45}.card h2{font-family:'Noto Serif SC',serif;font-size:26px;font-weight:500;margin:9px 0 18px}.area{font-size:21px;font-weight:600;line-height:1.5}.area span{font-size:15px;font-weight:400;color:var(--muted);white-space:nowrap}.rent{font-size:25px;font-weight:600;margin-top:12px}.rent span{font-size:13px;font-weight:400}.rent small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:0}.card p{font-size:13px;color:var(--muted);min-height:66px;margin:20px 0}.more{display:flex;border-top:1px solid var(--line);padding-top:17px;font-size:12px;justify-content:space-between}.more span{font-size:18px}footer{margin:80px auto 0;max-width:1260px;border-top:1px solid var(--line);padding:35px 0 100px;font-size:12px}footer b{font-size:17px}footer p{color:var(--muted)}footer small{font-size:10px;color:var(--muted)}.contact{position:fixed;bottom:23px;right:24px;z-index:20;text-align:center}.contact>a:first-child{width:72px;height:72px;border-radius:50%;display:block;margin:auto;background:#e1e8da;border:3px solid white;box-shadow:0 4px 25px #16352d30;position:relative}.contact img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 16%}.contact i{position:absolute;bottom:-1px;right:-1px;background:#2d7b4e;color:#fff;border:2px solid white;border-radius:50%;height:23px;width:23px;line-height:19px;font-size:13px;font-style:normal}.phone{font-size:10px;display:block;margin-top:6px;font-weight:600;text-shadow:0 0 4px white}.detail{padding-top:30px}.back{font-size:12px;color:var(--muted)}.detail-title{display:flex;justify-content:space-between;gap:30px;padding:38px 0 28px}.detail-title h1{font-family:'Noto Serif SC',serif;font-size:38px;line-height:1.35;font-weight:500;margin:12px 0}.detail-title p{font-size:13px;color:var(--muted)}.big-photo{position:relative;border:0;padding:0;background:#e0e4dc;display:block;width:100%}.big-photo img{width:100%;max-height:650px;object-fit:contain;display:block}.big-photo span{position:absolute;bottom:15px;right:15px;background:#ffffffde;padding:5px 12px;font-size:11px}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:50px 0 20px}.detail-grid h2{font-family:'Noto Serif SC',serif;font-size:30px;font-weight:500}.detail-grid p{font-size:14px;color:var(--muted)}.detail-grid ul{padding:0;list-style:none;font-size:13px}.detail-grid li{padding:11px 0;border-bottom:1px solid var(--line)}aside{padding:25px 30px;background:#e8eadd;height:fit-content}aside h3{font-size:18px;font-weight:500}dialog{border:0;background:#101b17ed;padding:50px 25px 25px;max-width:95vw;max-height:95vh;border-radius:5px}dialog::backdrop{background:#000c}dialog img{max-width:90vw;max-height:80vh;object-fit:contain}.close{position:absolute;right:12px;top:5px;background:none;color:white;border:0;font-size:30px}
@media(max-width:760px){header{height:72px;padding:0 6%}.brand{font-size:21px}.brand span{font-size:10px;margin-left:7px}header>a:last-child{font-size:11px}.hero{padding:45px 6%}.hero h1{font-size:37px}.hero p{font-size:13px}.hero-meta span{font-size:10px;padding:4px 10px}.intro{display:block;margin:0 6% 32px;padding:23px 0}.intro b{font-size:20px}.intro p{margin-top:10px;font-size:12px}main{padding:0 6%}.grid{grid-template-columns:1fr;gap:25px}.section-title h2{font-size:21px}.section-title span{display:none}.card-body{padding:22px}.card h2{font-size:24px}.card p{min-height:0}.area{font-size:21px}.area span{font-size:13px}.rent{font-size:25px}footer{margin:45px 6% 0;padding-bottom:135px}.contact{right:14px;bottom:16px}.contact>a:first-child{height:62px;width:62px}.detail-title{display:block;padding-top:25px}.detail-title h1{font-size:30px}.detail-title .rent{margin-bottom:15px}.detail-grid{grid-template-columns:1fr;gap:25px;padding-top:30px}.big-photo img{max-height:450px}aside{padding:20px}.phone{font-size:9px}}