:root{--cream:#faf6f0;--paper:#f3ecdf;--espresso:#2b2018;--bark:#5a4632;--clay:#a9805a;--line:#ddd2c0}
  *{margin:0;padding:0;box-sizing:border-box}
  body{background:var(--cream);color:var(--espresso);font-family:'Inter',sans-serif;font-weight:300;line-height:1.7}
  .serif{font-family:'Cormorant Garamond',serif}
  header{display:flex;justify-content:space-between;align-items:center;padding:34px 6vw;border-bottom:1px solid var(--line)}
  .brand{font-family:'Cormorant Garamond',serif;font-size:1.7rem;letter-spacing:.14em;text-transform:uppercase}
  .brand em{font-style:italic;text-transform:none;letter-spacing:0;color:var(--clay)}
  nav a{color:var(--bark);text-decoration:none;margin-left:34px;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase}
  nav a:hover{color:var(--clay)}
  .hero{padding:120px 6vw 90px;text-align:center;max-width:900px;margin:0 auto}
  .hero .kicker{font-size:.75rem;letter-spacing:.34em;text-transform:uppercase;color:var(--clay);margin-bottom:28px}
  .hero h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:4.2rem;line-height:1.08}
  .hero h1 em{font-style:italic;color:var(--bark)}
  .hero p{margin:30px auto 0;max-width:520px;font-size:1.05rem;color:var(--bark)}
  .rule{width:56px;height:1px;background:var(--clay);margin:44px auto 0}
  .bean{font-size:1.1rem;color:var(--clay);margin-top:18px;letter-spacing:.6em}
  .menu{padding:70px 6vw;background:var(--paper)}
  .menu h2,.story h2,.visit h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:2.4rem;text-align:center;margin-bottom:8px}
  .menu .sub{text-align:center;color:var(--bark);font-style:italic;font-family:'Cormorant Garamond',serif;font-size:1.15rem;margin-bottom:52px}
  .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;max-width:1100px;margin:0 auto}
  .item{border-top:1px solid var(--line);padding-top:20px}
  .item h3{font-family:'Cormorant Garamond',serif;font-size:1.45rem;font-weight:600;display:flex;justify-content:space-between}
  .item h3 span{color:var(--clay);font-size:1.1rem}
  .item p{color:var(--bark);font-size:.95rem;margin-top:6px}
  .story{padding:100px 6vw;max-width:760px;margin:0 auto;text-align:center}
  .story p{color:var(--bark);margin-top:18px;font-size:1.05rem}
  .story p:first-of-type{font-size:1.2rem;color:var(--espresso)}
  .visit{background:var(--espresso);color:var(--cream);padding:90px 6vw;text-align:center}
  .visit h2{color:var(--cream)}
  .visit .grid{display:flex;justify-content:center;gap:80px;margin-top:40px;flex-wrap:wrap}
  .visit h4{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--clay);margin-bottom:12px;font-weight:500}
  .visit p{font-size:1rem;line-height:1.9}
  footer{padding:34px 6vw;display:flex;justify-content:space-between;font-size:.8rem;color:var(--bark);letter-spacing:.08em}
  @media(max-width:800px){.cols{grid-template-columns:1fr}.hero h1{font-size:2.8rem}nav{display:none}}