*{box-sizing:border-box}body{margin:0;font:16px/1.6 Inter,sans-serif;color:#2b1d14;background:#f6efe6}
.w{max-width:1100px;margin:auto;padding:0 24px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;max-width:1100px;margin:auto}
.lg{font:800 26px "Playfair Display",serif}nav a{margin-left:22px;color:inherit;text-decoration:none}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:60px 24px 90px;max-width:1100px;margin:auto}
h1{font:800 64px/1.05 "Playfair Display",serif;margin:0}h2{font:800 40px "Playfair Display",serif;margin:0 0 30px}
.b{display:inline-block;margin-top:28px;background:#6b3e26;color:#fff;padding:14px 28px;border-radius:40px;text-decoration:none;font-weight:600}
.cup{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#3b2216 0 34%,#c99d74 35% 40%,#fff 41% 58%,#e9d8c4 59%)}
.menu{background:#2b1d14;color:#f6efe6;padding:80px 0}.items{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.it{border:1px solid #5a4335;border-radius:18px;padding:26px}.it b{display:flex;justify-content:space-between;font-size:19px}.it p{opacity:.7;margin:8px 0 0}
.about{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}.ph{height:340px;border-radius:24px;background:linear-gradient(135deg,#c99d74,#6b3e26)}
.foot{background:#6b3e26;color:#fff;padding:50px 0}.foot .w{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
@media(max-width:760px){.hero,.about{grid-template-columns:1fr}h1{font-size:42px}.items{grid-template-columns:1fr}nav{display:none}}