:root{--navy:#082a38;--ink:#16333d;--sand:#f5f0e8;--cream:#fffdf9;--sea:#78b8c8;--coral:#dc8067;--line:#dbe4e3}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}
a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(255,253,249,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Georgia,serif;font-size:25px;font-weight:bold;color:var(--navy)}nav{display:flex;gap:25px;font-size:14px}nav a:hover,nav a.active{color:var(--coral)}
.hero{min-height:620px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(155deg,#d8edf0 0%,#9fd0da 42%,#32758a 43%,#174a5b 100%)}
.hero:before{content:"";position:absolute;width:900px;height:300px;border-radius:50%;background:rgba(255,255,255,.18);bottom:105px;left:-160px;box-shadow:500px 35px 0 rgba(255,255,255,.11)}
.hero-content{position:relative;text-align:center;color:white;padding:80px 0;max-width:780px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:bold}.hero h1{font:clamp(48px,8vw,92px)/.98 Georgia,serif;margin:20px 0;text-shadow:0 2px 20px rgba(0,0,0,.12)}.hero p{font-size:19px;max-width:590px;margin:0 auto 30px}
.btn{display:inline-block;background:var(--coral);color:#fff;padding:14px 24px;border-radius:999px;font-weight:bold;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(.96)}.btn.light{background:white;color:var(--navy)}
section{padding:80px 0}.section-title{text-align:center;margin-bottom:42px}.section-title h2{font:42px Georgia,serif;color:var(--navy);margin:0 0 10px}.section-title p{margin:auto;max-width:620px;color:#5d7379}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(14,52,61,.08);transition:.25s}.card:hover{transform:translateY(-6px)}
.house-art{height:235px;position:relative;overflow:hidden;background:linear-gradient(#cce9ed 0 52%,#5fa6b7 53% 67%,#f2dfbd 68%)}.house-art:before{content:"";position:absolute;width:150px;height:105px;background:#fffdf8;bottom:55px;left:50%;transform:translateX(-50%);box-shadow:inset 0 -8px #e6ded2}.house-art:after{content:"";position:absolute;width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:72px solid #9d6958;bottom:157px;left:50%;transform:translateX(-50%)}.art-window{position:absolute;width:28px;height:36px;background:#76b8c8;bottom:84px;z-index:2;left:calc(50% - 46px);box-shadow:64px 0 #76b8c8}.card:nth-child(2) .house-art{background:linear-gradient(#f2d8b5 0 51%,#5b9fae 52% 66%,#ecd6ae 67%)}.card:nth-child(3) .house-art{background:linear-gradient(#d8e8ef 0 52%,#3f899b 53% 68%,#eee1c7 69%)}
.card-body{padding:22px}.card h3{font:26px Georgia,serif;margin:0 0 5px}.meta{color:#6b8085;font-size:14px}.price{font-weight:bold;color:var(--coral);margin-top:15px;font-size:18px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.visual{min-height:390px;border-radius:24px;background:linear-gradient(135deg,#d7edf0,#79b8c7 55%,#19596a);position:relative;overflow:hidden}.visual:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:38%;background:linear-gradient(15deg,#e8d0a8,#f8edda)}.visual .villa{position:absolute;z-index:2;width:54%;height:36%;left:23%;bottom:24%;background:#fffdf8;border-radius:3px;box-shadow:0 14px 30px rgba(0,0,0,.14)}.visual .villa:before{content:"";position:absolute;left:-9%;top:-35%;border-left:125px solid transparent;border-right:125px solid transparent;border-bottom:70px solid #a56d59}
.feature-list{padding:0;list-style:none}.feature-list li{padding:12px 0;border-bottom:1px solid var(--line)}.feature-list li:before{content:"✓";color:var(--coral);font-weight:bold;margin-right:12px}
.page-hero{padding:90px 0;background:linear-gradient(120deg,#dceff0,#b4d9df);text-align:center}.page-hero h1{font:58px Georgia,serif;margin:0;color:var(--navy)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.listing{display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.listing .house-art{height:100%}.listing-info{padding:22px}.listing-info h3{font:28px Georgia,serif;margin:0}
.quote{background:var(--navy);color:white;padding:80px 0;text-align:center}.quote blockquote{font:34px/1.3 Georgia,serif;max-width:800px;margin:auto}.quote cite{display:block;margin-top:20px;color:#b7d7dd;font-style:normal}
.contact{max-width:700px;margin:auto;background:#fff;border:1px solid var(--line);padding:34px;border-radius:18px}input,textarea{width:100%;padding:14px;margin:7px 0 16px;border:1px solid var(--line);border-radius:10px;font:inherit}textarea{min-height:130px}button{border:0;cursor:pointer;font:inherit}
footer{background:#071f29;color:#b9cbd0;padding:35px 0;text-align:center;font-size:14px}
@media(max-width:800px){nav{gap:12px;font-size:12px}.cards,.split,.grid{grid-template-columns:1fr}.listing{grid-template-columns:1fr}.listing .house-art{height:220px}.hero{min-height:540px}.page-hero h1{font-size:44px}}