@import url('[fonts.googleapis.com](https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&family=Lato&display=swap)');
body {margin:0;font-family:'Lato',sans-serif;background:#F5F2EC;color:#2C2C2C;}
.logo {font-family:'Playfair Display',serif;font-size:2rem;color:#355E3B;text-align:center;margin:1rem 0;}
.site-header nav ul{display:flex;justify-content:center;gap:2rem;list-style:none;padding:0;}
.hero-banner{height:80vh;background-size:cover;background-position:center;position:relative;}
.hero-banner .overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;}
.button{background:#C96A34;color:#fff;padding:10px 24px;border-radius:4px;text-decoration:none;}
.product-card{border:1px solid #C4C1BC;padding:10px;text-align:center;}
.about-brand{background:#f0ebe3;padding:2rem;text-align:center;}
.site-footer{background:#355E3B;color:#fff;padding:1rem;text-align:center;}