@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--brown:#573b2d;--cream:#f7f1e8;--tan:#c69c72;--dark:#211a16}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--dark);line-height:1.7}.navbar{display:flex;justify-content:space-between;align-items:center;padding:22px 7%;background:#fffaf3;position:sticky;top:0;z-index:10}.brand{font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:700;color:var(--brown);text-decoration:none}.brand span{font-weight:400;margin-left:4px}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:var(--dark);text-decoration:none;font-size:.85rem}nav a:hover,nav a.active{color:var(--tan)}.hero{min-height:78vh;display:flex;align-items:center;padding:8%;background:linear-gradient(90deg,rgba(35,25,18,.8),rgba(35,25,18,.15)),url('../images/hero.jpg') center/cover}.hero-content{max-width:590px;color:white}.eyebrow{letter-spacing:3px;font-size:.72rem;font-weight:700;color:var(--tan);margin-bottom:12px}.hero h1,h1,h2{font-family:'Playfair Display',serif;line-height:1.15}.hero h1{font-size:clamp(3rem,7vw,6rem)}.hero h1 span{color:#e6bf92}.hero p:not(.eyebrow){margin:24px 0;font-size:1.05rem}.btn{display:inline-block;background:var(--brown);color:white;border:0;padding:12px 22px;text-decoration:none;cursor:pointer;border-radius:2px}.section{padding:80px 8%;max-width:1200px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intro h2{font-size:3rem}.cards,.menu-grid,.steps,.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article,.menu-item,.steps>div{background:#fffaf3;padding:28px;border:1px solid #eadaca}.menu-grid{grid-template-columns:repeat(2,1fr);margin-top:35px}.menu-item h3{font-family:'Playfair Display',serif;font-size:1.5rem}.menu-item b{color:var(--brown)}.steps{grid-template-columns:repeat(4,1fr);margin-top:35px}.steps b{font-size:2rem;color:var(--tan)}.gallery-grid{grid-template-columns:repeat(2,1fr);margin-top:35px}.photo{height:240px;display:flex;align-items:end;padding:25px;color:white;font-family:'Playfair Display',serif;font-size:1.5rem;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent),url('../images/galeri/mountain.jpg') center/cover}.p2{background-image:linear-gradient(0deg,rgba(0,0,0,.65),transparent),url('../images/product/coffee.jpg')}.p3{background-image:linear-gradient(0deg,rgba(0,0,0,.65),transparent),url('../images/galeri/paddy.jpg')}.p4{background-image:linear-gradient(0deg,rgba(0,0,0,.65),transparent),url('../images/galeri/interior.jpg')}.note{margin-top:20px;font-size:.9rem;color:#806b5b}video{width:100%;margin-top:30px;background:#2d211a}form{display:grid;gap:14px;max-width:550px;margin-top:30px}input,textarea{padding:14px;border:1px solid #dbc7b4;background:#fffaf3;font:inherit}textarea{min-height:150px}footer{text-align:center;padding:25px;background:var(--brown);color:white;font-size:.85rem}@media(max-width:800px){.navbar{align-items:flex-start;gap:15px;flex-direction:column}.intro,.cards,.menu-grid,.steps,.gallery-grid{grid-template-columns:1fr}.hero{min-height:70vh}.section{padding:55px 7%}.intro h2{font-size:2.4rem}nav{gap:10px}}