*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:#33251f;background:#fdfaf6}
header{background:#fdfaf6}
.navbar{max-width:1180px;margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between}
.logo{color:#33251f;text-decoration:none;font-family:"Playfair Display",serif;font-size:27px;font-weight:700}
.logo span,footer span{color:#b56b3c}
.nav-links{display:flex;gap:32px;list-style:none}
.nav-links a{color:#33251f;text-decoration:none;font-weight:600}
.nav-links a:hover{color:#b56b3c}
.menu-btn{display:none;border:0;background:transparent;color:#33251f;font-size:25px;cursor:pointer}
.hero{min-height:650px;max-width:1180px;margin:auto;padding:70px 30px;display:flex;align-items:center;justify-content:space-between;gap:60px}
.hero-content{max-width:590px}
.eyebrow{color:#b56b3c;font-size:13px;font-weight:700;letter-spacing:2px;margin-bottom:15px}
.hero h1{font-family:"Playfair Display",serif;font-size:68px;line-height:1.05;margin-bottom:25px}
.hero h1 span{color:#b56b3c}
.hero-description{color:#75665e;font-size:17px;line-height:1.8;max-width:500px;margin-bottom:30px}
.hero-buttons{display:flex;align-items:center;gap:15px}
.primary-btn,.secondary-btn{display:inline-block;padding:14px 26px;border-radius:30px;text-decoration:none;font-weight:700;transition:.3s}
.primary-btn{background:#33251f;color:white;border:0;cursor:pointer;font-family:inherit}
.primary-btn:hover{background:#b56b3c;transform:translateY(-2px)}
.secondary-btn{color:#33251f;border:1px solid #cdbeb4}
.secondary-btn:hover{border-color:#b56b3c;color:#b56b3c}
.hero-coffee{width:43%;min-height:390px;display:flex;align-items:center;justify-content:center;background:#ead8c8;border-radius:45% 45% 25px 25px;transform:rotate(2deg)}
.coffee-card{width:300px;height:300px;border-radius:50%;background:#f8eee5;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 50px rgba(51,37,31,.12);transform:rotate(-2deg)}
.coffee-cup{font-size:115px;margin-bottom:8px}.coffee-card p{color:#8a7569}.coffee-card strong{font-family:"Playfair Display",serif;font-size:20px}
.features{background:#33251f;color:white;padding:65px 30px;display:flex;justify-content:center;gap:70px}
.feature{max-width:260px;text-align:center}.feature-icon{font-size:34px;margin-bottom:15px}.feature h3{margin-bottom:8px}.feature p{color:#d4c6bd;line-height:1.6;font-size:14px}
.menu-section{max-width:1180px;margin:auto;padding:100px 30px}
.section-heading{text-align:center;margin-bottom:50px}.section-heading>p{color:#b56b3c;font-size:13px;font-weight:700;letter-spacing:2px}.section-heading h2{font-family:"Playfair Display",serif;font-size:42px;margin-top:8px}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.menu-card{padding:25px;display:flex;gap:20px;background:white;border:1px solid #eee3db;border-radius:18px;transition:.3s}.menu-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(51,37,31,.08)}
.menu-icon{width:75px;height:75px;flex-shrink:0;border-radius:15px;background:#f3e5d9;display:flex;align-items:center;justify-content:center;font-size:38px}.menu-info{flex:1}.menu-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.menu-title h3{font-size:19px}.menu-title span{color:#b56b3c;font-weight:700}.menu-info p{color:#806f65;font-size:14px;line-height:1.6;margin:8px 0 12px}.menu-info button{border:0;background:transparent;color:#33251f;font-family:inherit;font-weight:700;cursor:pointer;padding:0}.menu-info button:hover{color:#b56b3c}
.about{background:#f1e5db;padding:100px max(30px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:80px}.about-visual{width:48%;height:380px;display:flex;align-items:center;justify-content:center;background:#d7bda9;border-radius:30px}.about-circle{width:260px;height:260px;border-radius:50%;background:#f9eee5;display:flex;align-items:center;justify-content:center;font-size:105px}.about-content{flex:1}.about-content h2{font-family:"Playfair Display",serif;font-size:44px;line-height:1.15;margin:10px 0 20px}.about-content>p:not(.eyebrow){color:#75665e;line-height:1.8;margin-bottom:25px}
.contact{max-width:1180px;margin:auto;padding:100px 30px}.contact-container{display:flex;gap:70px;align-items:flex-start}.contact-details{flex:1;display:flex;flex-direction:column;gap:28px}.contact-details h3{margin-bottom:6px}.contact-details p{color:#806f65}
form{flex:1;display:flex;flex-direction:column;gap:14px}input,textarea{width:100%;padding:15px;border:1px solid #ded2c9;border-radius:10px;background:white;color:#33251f;font-family:inherit;outline:none}textarea{height:140px;resize:none}input:focus,textarea:focus{border-color:#b56b3c}form .primary-btn{align-self:flex-start}
footer{padding:50px 30px;background:#33251f;color:white;text-align:center}footer h2{font-family:"Playfair Display",serif;font-size:28px;margin-bottom:10px}footer p{color:#cdbeb4}.copyright{margin-top:22px;font-size:13px}
@media(max-width:800px){.nav-links{display:none;position:absolute;top:76px;left:0;width:100%;flex-direction:column;align-items:center;gap:20px;padding:25px;background:#fdfaf6;z-index:10;border-bottom:1px solid #eee3db}.nav-links.active{display:flex}.menu-btn{display:block}.hero{flex-direction:column;text-align:center;padding-top:50px}.hero-content{max-width:100%}.hero h1{font-size:50px}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-coffee{width:100%;min-height:330px}.features{flex-direction:column;align-items:center;gap:40px}.menu-grid{grid-template-columns:1fr}.about{flex-direction:column;gap:45px}.about-visual{width:100%}.about-content{text-align:center}.contact-container{flex-direction:column}.contact-details,form{width:100%}form .primary-btn{align-self:center}}