@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');
:root{--forest:#123c32;--deep:#09251f;--cream:#f4efe5;--copper:#c97e55;--ink:#222822}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}header{height:80px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#0b2b24;color:white;position:relative;z-index:10}.logo{font-family:'Playfair Display',serif;font-size:22px}.logo span{border:1px solid #b9966c;border-radius:50%;padding:6px 10px;margin-right:9px}.logo i{color:#d5a578}nav{display:flex;gap:29px;align-items:center;font-size:13px}.reserve,.find{border:0;background:var(--copper);color:white;padding:14px 22px;font:600 13px inherit;cursor:pointer}.menu{display:none}.hero{min-height:690px;background:url('assets/hearth-vine-hero.png') center/cover;position:relative;display:flex;align-items:center;color:white}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,17,.12),rgba(5,22,17,.3) 46%,rgba(5,22,17,.9) 76%)}.hero-copy{position:relative;margin-left:auto;margin-right:7vw;width:min(570px,42vw)}.kicker,.promise>p:first-child,.section-head p,.occasions>div>p,.how>p,.journal>p,dialog>p:first-of-type{letter-spacing:.2em;font-size:10px;font-weight:600;color:#e2b18c}.hero h1,h2{font-family:'Playfair Display',serif;font-weight:500;line-height:1.05}.hero h1{font-size:clamp(50px,5vw,76px);margin:22px 0}.hero em,h2 em{font-weight:500;color:#e3ad83}.hero-copy>p:not(.kicker){line-height:1.7;color:#e7e4da;max-width:500px}.reserve.light{background:#eee6d8;color:#15382f;margin-top:24px}.availability{position:absolute;left:4vw;bottom:26px;display:flex;gap:12px;align-items:center;font-size:11px}.pulse{width:8px;height:8px;background:#7bd49e;border-radius:50%;box-shadow:0 0 0 5px #7bd49e33}.availability p{line-height:1.5}.search{margin:-2px auto 0;width:88%;background:white;position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr 1fr auto;box-shadow:0 15px 40px #14241c1a}.search label{padding:20px 26px;border-right:1px solid #ddd5c9;display:grid;gap:5px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7b786f}.search select,.search input{border:0;background:white;font:500 14px inherit;color:#222822;padding:4px 0}.find{font-size:13px;padding:0 28px}.promise{text-align:center;padding:120px 6vw 90px}.promise h2,.section-head h2,.occasions h2,.how h2,.journal h2{font-size:clamp(40px,4.5vw,64px);margin:20px 0}.promise>p:last-of-type{max-width:670px;margin:0 auto;line-height:1.7;color:#6f746e}.metrics{display:flex;justify-content:center;gap:8vw;margin-top:65px}.metrics div{display:grid}.metrics strong{font:42px 'Playfair Display';color:var(--forest)}.metrics span{font-size:11px;color:#7c7f78}.collections{background:#0a2b24;color:white;padding:100px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head a{font-size:12px;border-bottom:1px solid #bda992;padding-bottom:6px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.card{height:480px;background-size:cover;background-position:center;position:relative;display:flex;align-items:end;overflow:hidden}.card:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#061713e8)}.card.forest{background-image:url('assets/hearth-vine-hero.png');background-position:left}.card.tower{background-image:linear-gradient(#0002,#0004),url('assets/hearth-vine-hero.png');background-position:center}.card.coastal{background-image:linear-gradient(#c9875233,#09231dcc),url('assets/hearth-vine-hero.png');background-position:70%}.card>div{position:relative;z-index:1;padding:28px}.card h3{font:30px 'Playfair Display';margin:8px 0}.card p,.card small{color:#cecfc7;font-size:12px}.card b{font-size:11px;color:#e5b48e}.tag{position:absolute;z-index:2;top:20px;left:20px;background:#eee5d7;color:#15372f;padding:8px 11px;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.occasions{display:grid;grid-template-columns:1fr 1.1fr;padding:110px 7vw;gap:10vw;align-items:center}.occasions>div>p:not(:first-child){line-height:1.7;color:#777}.occasion-list{border-top:1px solid #beb7aa}.occasion-list button{width:100%;border:0;border-bottom:1px solid #beb7aa;background:none;padding:25px 0;display:grid;grid-template-columns:50px 1fr auto;text-align:left;font:26px 'Playfair Display';cursor:pointer}.occasion-list span,.occasion-list i{font:10px 'DM Sans';color:#777}.occasion-list i{align-self:center}.how{background:#dcc6ae;padding:100px 7vw;text-align:center}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.how article{border-top:1px solid #aa927b;padding-top:25px}.how article span{font-size:11px}.how h3{font:25px 'Playfair Display'}.how article p{font-size:13px;line-height:1.7}.testimonial{background:var(--forest);color:white;padding:100px 16vw;text-align:center}.testimonial p{font:clamp(30px,4vw,52px) 'Playfair Display';line-height:1.35;margin:0 0 30px}.testimonial span{color:#cfbba7;font-size:12px}.journal{padding:100px 8vw}.journal>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.journal article{background:white;padding:40px}.journal article span{font-size:10px;color:#a36f51}.journal h3{font:25px 'Playfair Display';line-height:1.35}.journal a{font-size:12px;border-bottom:1px solid}footer{background:#071c17;color:#bbb8ac;padding:55px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer .logo{color:white}footer div{display:flex;gap:24px;justify-content:flex-end;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid #234039;padding-top:20px;font-size:10px}dialog{border:0;max-width:470px;width:90%;padding:45px;background:#f5efe5;color:#152f28}dialog::backdrop{background:#061b16d9}.close{position:absolute;right:13px;top:9px;border:0;background:none;font-size:25px}dialog form{display:grid;gap:15px}dialog label{display:grid;gap:7px;font-size:11px}dialog input{padding:13px;border:1px solid #baa996;background:white}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:#c97e55;color:white;padding:15px 23px;z-index:20;transition:.3s}.toast.show{transform:translate(-50%,0)}
@media(max-width:760px){header{height:68px}.menu{display:block;background:none;border:1px solid #607c75;color:white;padding:8px}header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0b2b24;padding:25px;flex-direction:column;align-items:flex-start}header.open nav{display:flex}.hero{min-height:750px;align-items:flex-end;background-position:40%}.veil{background:linear-gradient(0deg,#071e18 4%,rgba(7,30,24,.8) 55%,transparent)}.hero-copy{width:auto;margin:0 7vw 100px}.search{grid-template-columns:1fr;margin-top:0}.search label{border-bottom:1px solid #ddd5c9}.search .find{padding:20px}.promise{padding:80px 6vw}.metrics{gap:30px}.metrics strong{font-size:30px}.section-head{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.card{height:400px}.occasions{grid-template-columns:1fr;padding:80px 7vw}.how>div{grid-template-columns:1fr}.journal>div{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer div{justify-content:flex-start;flex-wrap:wrap}}