@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');*{box-sizing:border-box}body{margin:0;color:#17201c;font-family:DM Sans;background:#f7f5ef}a{text-decoration:none;color:inherit}header{height:78px;padding:0 5vw;display:flex;align-items:center;gap:32px;background:#f7f5ef}.brand{font-weight:600;letter-spacing:.08em}.brand i{font:italic 500 13px Playfair Display;color:#9b6c3e}nav{display:flex;gap:30px;margin:auto;font-size:13px}.lang,.menu{border:0;background:none}.menu{display:none}.cta,.search button,.contact button{background:#20382d;color:#fff;padding:13px 18px;border:0}.hero{min-height:670px;background:linear-gradient(90deg,#0008 0,#0001 55%),url('assets/hero-estate.png') center/cover;display:flex;align-items:center;padding:7vw;color:#fff}.hero>div{width:100%}.eyebrow,.head span,.story>span,.contact span{text-transform:uppercase;letter-spacing:.16em;font-size:11px}.hero h1,.section h2,.story h2,.contact h2{font:500 clamp(48px,6vw,82px)/1 Playfair Display;margin:22px 0}.hero h1 em{color:#e5c29b}.hero p{font-size:18px;max-width:540px}.search{margin-top:45px;background:#fff;color:#17201c;display:grid;grid-template-columns:repeat(3,1fr) auto;max-width:1000px;padding:12px}.search label{padding:5px 18px;font-size:10px;text-transform:uppercase;color:#7b807c}.search select{display:block;border:0;background:none;font:500 14px DM Sans;margin-top:8px;width:100%}.section{padding:100px 6vw;background:#fff}.head{display:flex;justify-content:space-between;align-items:end}.head h2{font-size:55px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.photo{height:350px;background:center/cover;position:relative}.p1{background-image:url('assets/hero-estate.png')}.p2{background-image:linear-gradient(130deg,#8b9b9c,#d8d1c5)}.p3{background-image:linear-gradient(130deg,#b6a17c,#54747a)}.photo b{position:absolute;top:16px;left:16px;background:#fff;padding:8px 10px;font-size:10px;text-transform:uppercase}.cards small{display:block;color:#8a8c88;margin-top:18px}.cards h3{font:500 25px Playfair Display;margin:8px 0}.cards p{color:#777}.story{text-align:center;padding:110px 20px;background:#20382d;color:#fff}.story h2{font-size:55px}.story>p{max-width:620px;margin:20px auto;color:#cbd5cf;line-height:1.7}.story>div{display:flex;justify-content:center;gap:24px;margin-top:45px}.story b{font:500 36px Playfair Display}.story small{align-self:end;color:#aebcb4}.contact{padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font-size:55px}.contact form{display:grid;gap:12px}.contact input,.contact textarea{border:0;border-bottom:1px solid #bbb;background:none;padding:16px;font:inherit}.contact textarea{min-height:90px}footer{padding:35px 5vw;background:#151d19;color:#fff;display:flex;justify-content:space-between}.el:after{content:''}@media(max-width:800px){nav{display:none}.menu{display:block;margin-left:auto}.cta{display:none}.hero{padding:70px 24px}.search{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.head{align-items:start;flex-direction:column}.contact{grid-template-columns:1fr}.story>div{flex-wrap:wrap}.section{padding:70px 24px}}

/* Catalogue-led real estate layout */
header{position:absolute;top:0;left:0;right:0;background:linear-gradient(#122019cc,transparent);color:#fff;border:0;z-index:5;height:96px}.brand{font-size:18px}.brand i{color:#e6c49b}.hero{min-height:820px;align-items:end;padding-bottom:85px}.hero>div{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:5vw}.hero h1{font-size:clamp(58px,7vw,105px);margin-bottom:0}.hero p{grid-column:2;margin:0 0 35px;max-width:430px}.hero .eyebrow{grid-column:1/-1}.search{grid-column:1/-1;max-width:none;margin-top:30px;box-shadow:0 24px 55px #0004}.section{padding:125px 5vw}.head{align-items:start}.head>div{display:grid;grid-template-columns:100px 1fr;gap:25px}.head span{padding-top:14px}.cards{grid-template-columns:1.45fr .8fr .8fr;align-items:start}.cards article:first-child .photo{height:540px}.cards article:not(:first-child) .photo{height:300px}.cards article:nth-child(3){margin-top:95px}.cards h3{font-size:29px}.story{text-align:left;display:grid;grid-template-columns:1fr 1fr;padding:120px 8vw;gap:7vw}.story>span{grid-column:1/-1}.story h2{margin:0}.story>p{margin:0;max-width:500px}.story>div{grid-column:1/-1;justify-content:flex-start;border-top:1px solid #ffffff30;padding-top:35px}.contact{background:#e9e1d3;padding:120px 8vw}.contact form{background:#f8f6f1;padding:38px}@media(max-width:800px){header{position:relative;background:#20382d}.hero{min-height:700px}.hero>div{display:block}.hero p{margin:25px 0}.cards{grid-template-columns:1fr}.cards article:nth-child(3){margin-top:0}.cards article:first-child .photo,.cards article:not(:first-child) .photo{height:360px}.story{grid-template-columns:1fr}.story>span,.story>div{grid-column:auto}.head>div{display:block}}