@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Montserrat:wght@400;500;600&display=swap');

:root{--ink:#171512;--cream:#f5f0e8;--gold:#b59a68;--muted:#81786d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif}
.nav{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 6%;color:#fff}
.brand{font-family:"Cormorant Garamond",serif;font-size:25px;letter-spacing:4px;color:inherit;text-decoration:none}.brand span{display:block;font:500 8px Montserrat,sans-serif;letter-spacing:4px;text-align:center;margin-top:-3px}
nav{display:flex;gap:34px}nav a{color:inherit;text-decoration:none;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
.menu{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:92vh;display:grid;place-items:center;position:relative;background:linear-gradient(115deg,#302a25,#776858 48%,#1b1815);overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 42%,rgba(255,235,194,.28),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.08))}
.hero-content{position:relative;z-index:2;width:min(1100px,88%);color:#fff;padding-top:70px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;margin:0 0 18px;color:var(--gold)}.hero .eyebrow{color:#ead9b7}
h1,h2{font-family:"Cormorant Garamond",serif;font-weight:500;line-height:.9;margin:0}h1{font-size:clamp(65px,10vw,135px);letter-spacing:-2px}h1 em,h2 em{font-weight:400} .lead{max-width:480px;line-height:1.8;color:#ddd5ca;font-size:14px;margin:28px 0 34px}
.btn{display:inline-block;text-decoration:none;background:#c5aa77;color:#171512;padding:15px 25px;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:600;border:1px solid #c5aa77}.btn.ghost{background:transparent;color:#fff}
.section{padding:110px 7%}.section-head{max-width:650px;margin-bottom:55px}.section-head h2,.story h2,.contact h2{font-size:clamp(48px,7vw,82px);margin-bottom:22px}.section-head>p:last-child{color:var(--muted);line-height:1.8;font-size:14px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card .placeholder{height:430px;background:linear-gradient(145deg,#d8cbb8,#9e8b74);display:grid;place-items:end start;padding:20px;font:italic 48px "Cormorant Garamond";color:rgba(255,255,255,.7)}.card h3{font:500 25px "Cormorant Garamond";margin:22px 0 7px}.card p{font-size:12px;color:var(--muted);line-height:1.6}
.story{padding:110px 7%;background:#211e1a;color:#f5f0e8;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.story p{color:#bcb3a8;line-height:2;font-size:14px}.story .eyebrow{color:#c5aa77}
.visit{padding-bottom:120px}.visit-grid{border-top:1px solid #cfc5b7;border-bottom:1px solid #cfc5b7;display:grid;grid-template-columns:1fr 1fr}.visit-grid>div{padding:35px 0}.visit-grid>div+div{padding-left:50px;border-left:1px solid #cfc5b7}.visit h3{font:500 30px "Cormorant Garamond";margin:0 0 10px}.visit p{color:var(--muted);font-size:12px}.text-link{color:var(--ink);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:5px}
.contact{background:#c7b18a;padding:100px 7%;text-align:center}.contact .eyebrow{color:#544a3c}.contact-actions{display:flex;gap:12px;justify-content:center;margin-top:30px}.contact .ghost{color:#171512;border-color:#171512}
footer{background:#171512;color:#a9a095;padding:40px 7%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px}footer .brand{color:#f5f0e8;font-size:20px}footer p{margin:0}
@media(max-width:720px){.nav{padding:22px 6%}nav{display:none;position:absolute;top:75px;left:6%;right:6%;background:#171512;padding:22px;flex-direction:column;gap:18px}.menu{display:block}.hero{min-height:86vh}.hero-content{padding-top:40px}.cards{grid-template-columns:1fr}.card .placeholder{height:330px}.story{grid-template-columns:1fr;gap:30px}.visit-grid{grid-template-columns:1fr}.visit-grid>div+div{padding-left:0;border-left:0;border-top:1px solid #cfc5b7}.contact-actions{flex-direction:column;align-items:center}.contact-actions .btn{width:200px;text-align:center}footer{flex-direction:column;gap:16px;text-align:center}}