@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#17201b;--muted:#667069;--paper:#f4f6f2;--green:#125b45;--green-dark:#103b30;--lime:#d9ed87;--line:#d8ded9;--max:1240px}
body{font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}
h1,h2,h3,.brand{font-family:'Manrope','DM Sans',Arial,sans-serif}
.site-header{height:78px;padding-inline:max(24px,calc((100% - var(--max))/2));position:sticky;top:0;box-shadow:0 1px 0 rgba(23,32,27,.06)}
.brand{font-size:26px}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--green)}.nav-account{border-radius:3px;padding:10px 17px}
.hero{height:min(690px,calc(100vh - 78px));min-height:570px;position:relative;overflow:hidden;background:var(--green-dark)}
.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(9,39,31,.88),rgba(9,39,31,.52) 55%,rgba(9,39,31,.1))}
.hero-inner{position:relative;z-index:1}.hero h1{font-size:clamp(48px,6.3vw,82px);max-width:820px;margin-bottom:18px}.hero-copy{max-width:600px;font-size:18px;color:rgba(255,255,255,.88);margin:0 0 32px}.search-box{max-width:850px;border-radius:4px;box-shadow:0 18px 50px rgba(0,0,0,.2);padding:20px}.search-row input{font-size:16px}.search-row button,button{border-radius:2px;min-height:48px}
.content-band{max-width:var(--max);padding-block:82px}.section-heading{margin-bottom:30px}.section-heading h2,.action-band h2{font-size:40px}.eyebrow{letter-spacing:1.2px}.property-grid{gap:24px}.property-card{border-radius:5px;transition:transform .2s,box-shadow .2s}.property-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(20,48,37,.11)}
.property-photo{position:relative;padding:0;overflow:hidden;background:#bac8c0}.property-photo img,.detail-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.property-card:hover .property-photo img{transform:scale(1.025)}.property-photo>span,.detail-photo>span{position:absolute;left:14px;bottom:14px;background:rgba(16,59,48,.94);color:white;padding:7px 10px;border-radius:2px;font-size:10px}
.property-info{padding:20px}.property-price{font-family:'Manrope',sans-serif;font-size:20px}.property-card h3{font-size:17px;line-height:1.35}.property-address{font-size:14px}.property-features{border-top:1px solid var(--line);padding-top:14px;gap:20px}.property-features span{display:flex;gap:4px;color:var(--muted)}
.action-band{padding-block:66px}.button-light{border-radius:2px;font-weight:800}.search-page-head h1{font-family:'Manrope',sans-serif}.filter-bar{padding:14px;background:var(--paper);border:1px solid var(--line)}
.detail-photo{padding:0;position:relative;overflow:hidden;background:#bac8c0}.detail-layout h1{font-family:'Manrope',sans-serif}.enquiry-panel{border-radius:4px;box-shadow:0 12px 30px rgba(20,48,37,.08)}
footer{padding-block:50px}.package{border-radius:4px;box-shadow:0 8px 20px rgba(20,48,37,.06)}
@media(max-width:800px){.hero{height:auto;min-height:600px}.hero-shade{background:rgba(9,39,31,.65)}.hero h1{font-size:52px}.hero-copy{font-size:16px}.content-band{padding-block:60px}}
@media(max-width:520px){.site-header{height:66px}.hero{min-height:570px}.hero h1{font-size:42px}.search-box{padding:15px}.section-heading h2,.action-band h2{font-size:31px}.property-photo{aspect-ratio:16/10}}
