:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0d3034;background:#f3f7f7;line-height:1.5}*{box-sizing:border-box}body{margin:0}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px;padding:10px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #d8e5e4;background:rgba(248,251,251,.96);backdrop-filter:blur(18px)}.site-header img{display:block;width:auto;height:70px;max-width:300px;object-fit:contain}.site-header nav{display:flex;gap:22px}.site-header nav a{color:#153d41;text-decoration:none;font-weight:750}.site-header nav a:hover,.site-header nav .active{color:#078b97}.menu-button{display:none;border:1px solid #9bb9b8;border-radius:12px;background:#fff;font-size:24px}main{width:min(1180px,calc(100% - 32px));margin:0 auto 80px}.intro{padding:clamp(50px,8vw,92px) 0 42px}.eyebrow{margin:0 0 10px;color:#078b97;font-size:.88rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.intro h1{margin:0;font-size:clamp(2.6rem,7vw,5rem);line-height:.98}.intro>p:not(.eyebrow){max-width:720px;margin:22px 0;color:#557477;font-size:clamp(1.05rem,2vw,1.3rem)}.summary{display:grid;grid-template-columns:auto auto auto auto;align-items:baseline;width:max-content;max-width:100%;gap:4px 14px;margin-top:26px;padding:14px 20px;border-radius:18px;background:#073b40;color:white}.summary b{font-size:1.7rem}.summary span{color:#bcd5d6}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{position:relative;display:grid;grid-template-rows:250px auto;overflow:hidden;padding:0;border:1px solid #c7dad9;border-radius:28px;background:#fff;text-align:left;box-shadow:0 8px 22px rgba(6,50,54,.06);cursor:pointer;transition:.22s}.card:hover{border-color:#078b97;transform:translateY(-4px);box-shadow:0 14px 28px rgba(6,50,54,.12)}.card .image{display:grid;place-items:center;padding:20px;background:radial-gradient(circle,#e8f7f5 0,#fff 72%)}.card img{width:100%;height:220px;object-fit:contain}.badge{position:absolute;top:16px;left:16px;padding:6px 11px;border-radius:999px;color:#fff;font-size:.78rem;font-weight:850}.badge.available{background:#17623c}.badge.sold{background:#9f1d25}.meta{display:grid;padding:22px}.meta small{color:#5c7b7d;font-weight:750}.meta strong{margin:5px 0;font-size:1.45rem}.meta>span{color:#078b97;font-weight:750}.details{position:fixed;inset:0;z-index:30;overflow:auto;padding:clamp(24px,6vw,70px);background:rgba(4,37,41,.84);backdrop-filter:blur(12px)}.details>*{width:min(820px,100%);margin-inline:auto}.details .close{position:sticky;top:0;display:block;width:48px;height:48px;margin-right:0;margin-left:auto;border:0;border-radius:50%;background:white;color:#143c40;font-size:32px;cursor:pointer}.detail-head,.table-wrap,.details .contact{background:white}.detail-head{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:28px;margin-top:14px;padding:30px;border-radius:28px 28px 0 0}.detail-head img{width:100%;height:230px;object-fit:contain}.detail-head small{color:#078b97;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.detail-head h2{margin:5px 0;font-size:2.2rem}.table-wrap{overflow-x:auto;padding:0 28px 28px}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid #d7e3e2;text-align:left;white-space:nowrap}.details .contact{display:block;padding:18px 28px;border-radius:0 0 28px 28px;color:#078b97;font-weight:850;text-align:center;text-decoration:none}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;padding:35px 24px;background:#052f34;color:#b9d0d1;text-align:center}footer p{margin:0}footer nav{display:flex;gap:18px}footer a{color:white}@media(max-width:900px){.site-header nav{display:none}.site-header nav.open{position:absolute;top:100%;left:0;right:0;display:grid;gap:0;padding:12px 18px 24px;background:#fff;box-shadow:0 18px 30px rgba(0,0,0,.1)}.site-header nav.open a{padding:12px}.menu-button{display:block}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.site-header{min-height:78px;padding:8px 16px}.site-header img{height:57px;max-width:62vw}.intro{padding-top:42px}.summary{grid-template-columns:auto 1fr}.grid{grid-template-columns:1fr}.card{grid-template-rows:230px auto}.detail-head{grid-template-columns:1fr;padding:20px}.detail-head img{height:190px}.detail-head h2{font-size:1.75rem}.table-wrap{padding-inline:16px}}