:root{--ink:#26322d;--green:#dbe5dc;--rust:#b46d4f;--cream:#faf8f1;--line:#d4d8d1;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.6 var(--sans)}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.1;letter-spacing:-.03em}h1{font-size:clamp(3.5rem,7vw,7rem);margin:17px 0 23px}h2{font-size:clamp(2.7rem,5vw,5rem);margin:10px 0 24px}h3{font-size:1.6rem}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.eyebrow{color:var(--rust);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}header{height:86px;padding:0 max(32px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--cream)}.logo{font:600 22px var(--serif)}.logo span{display:inline-grid;place-items:center;border:1px solid var(--rust);border-radius:50%;width:34px;height:34px;color:var(--rust)}.logo i{font-weight:400}nav{display:flex;gap:28px;font-size:12px}nav a:hover{color:var(--rust)}.button{background:var(--ink);color:#fff;border:0;padding:14px 18px;display:inline-flex;gap:30px;font-weight:700;font-size:12px;cursor:pointer;transition:.2s}.button:hover{background:#4c6757;transform:translateY(-2px)}.button span{font-size:16px}.button.outline{color:var(--ink);background:none;border:1px solid var(--ink);padding:10px 15px}.menu{display:none;background:none;border:0;font-size:20px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:625px;background:var(--green)}.hero>div:first-child{padding:clamp(70px,10vw,140px) max(32px,calc((100vw - 1120px)/2))}.hero>div:first-child>p:not(.eyebrow){font-size:18px;max-width:390px;margin-bottom:32px}.hero-photo{background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=85') center/cover}.search{display:flex;max-width:500px;background:#fff;margin-top:36px;padding:6px}.search input{flex:1;border:0;padding:10px;outline:0;font:13px var(--sans)}.search button{border:0;background:var(--rust);color:white;padding:0 15px;font-weight:700}.search button span{font-size:16px;margin-left:12px}.search-links{display:flex;gap:25px;margin-top:19px;font-size:11px;color:#5d6f65;text-decoration:underline}.listings{padding:125px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.underlined{font-size:12px;border-bottom:1px solid;padding-bottom:4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.property-photo{height:345px;background-position:center;background-size:cover;position:relative}.property-photo.one{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1000&q=85')}.property-photo.two{background-image:url('https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1000&q=85')}.property-photo.three{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1000&q=85')}.property-photo span{position:absolute;top:14px;left:14px;background:var(--cream);padding:6px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.property-info{display:grid;grid-template-columns:1fr auto;gap:6px;padding-top:16px}.property-info h3{margin:0;font-size:21px}.property-info p,.property-info small{color:#6d7972;font-size:11px;margin:3px 0}.property-info b{font:600 15px var(--serif);color:var(--rust)}.property-info small{grid-column:1 / -1}.about{background:var(--green);padding:115px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.about-photo{height:510px;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=85') center/cover}.about-grid>div:last-child>p:not(.eyebrow){font-size:17px;max-width:400px;margin-bottom:28px}.guides{padding:125px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:48px}.guide-grid article{border-top:1px solid var(--line);padding:25px 0}.guide-grid span{color:var(--rust);font:16px var(--serif)}.guide-grid h3{margin:28px 0 10px}.guide-grid p{color:#6d7972;min-height:55px;font-size:13px}.guide-grid a{font-size:12px;text-decoration:underline}.valuation{background:#ede9df;padding:90px max(7%,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-bottom:0}.valuation>div>p:not(.eyebrow){max-width:360px}.valuation form{display:grid;gap:17px}.valuation label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#69756d}.valuation input,.valuation select{display:block;width:100%;border:0;border-bottom:1px solid #aebbb1;background:transparent;padding:11px 0;outline:0;font:14px var(--sans);color:var(--ink)}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-note{font-size:12px;color:var(--rust);margin:0}.contact{background:var(--rust);color:#fff;padding:75px 0}.contact .eyebrow{color:#f7d3be}.contact h2{margin-bottom:27px}.contact .button{background:var(--ink)}footer{background:var(--ink);color:#eef1ed;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-bottom:70px}.footer-grid p,.footer-grid a{font-size:12px;color:#b7c3bc;display:block;margin:11px 0}.footer-grid b{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#d9ab8a}.footer-grid .logo{color:#eef1ed}.copyright{display:block;border-top:1px solid #43514a;padding-top:18px;color:#8d9991;font-size:10px}@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{padding:0 20px}.menu{display:block}nav,header>.button{display:none}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:78px 20px}.hero-photo{height:350px}.search{display:block;background:none;padding:0}.search input{width:100%;padding:13px;margin-bottom:10px}.search button{padding:13px;width:100%}.listings,.guides{padding:80px 0}.section-head{display:block}.section-head .underlined{display:inline-block;margin-top:10px}.cards,.about-grid,.guide-grid,.valuation{grid-template-columns:1fr;gap:42px}.property-photo{height:380px}.about{padding:80px 0}.about-photo{height:380px}.valuation{padding:60px 20px}.contact{padding:65px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1 / -1}}

@media(max-width:700px){header nav.open{display:flex;position:absolute;top:86px;left:0;right:0;background:var(--cream);padding:22px;flex-direction:column;align-items:flex-start;gap:18px;z-index:20;border-top:1px solid var(--line)}}
