:root { --emerald:#0f2e24; --gold:#c9a86a; --ivory:#fdf8f0; --dark:#111; --light:#ffffff; }
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:var(--ivory);color:var(--dark);line-height:1.7}
h1,h2,h3{font-family:'Playfair Display',serif;color:var(--emerald)}
a{text-decoration:none;color:inherit}
.container{width:90%;max-width:1200px;margin:auto}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid #eee}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-family:'Playfair Display';font-weight:800;font-size:24px;color:var(--emerald)}
.logo span{color:var(--gold)}
.menu{display:flex;gap:28px;list-style:none}
.menu a{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;position:relative;padding-bottom:4px}
.menu a.active, .menu a:hover{color:var(--gold)}
.menu a.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gold)}
.btn{display:inline-block;background:var(--emerald);color:white;padding:12px 28px;border-radius:30px;font-weight:600;transition:.3s;border:2px solid var(--emerald)}
.btn:hover{background:transparent;color:var(--emerald)}
.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--emerald)}
.hero{height:85vh;position:relative;display:flex;align-items:center;color:white;background-size:cover;background-position:center}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg, rgba(15,46,36,0.85) 0%, rgba(15,46,36,0.4) 100%)}
.hero-content{position:relative;z-index:2;max-width:600px}
.hero-content h1{color:white;font-size:56px;line-height:1.1;margin-bottom:20px}
.hero-content p{color:#e8e8e8;margin-bottom:30px;font-size:18px}
.section{padding:80px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.06);transition:.3s}
.card:hover{transform:translateY(-5px)}
.card img{width:100%;height:260px;object-fit:cover}
.card-body{padding:20px}
.price{color:var(--gold);font-weight:700;font-size:18px}
.footer{background:var(--emerald);color:#cbd5d0;padding:60px 0 30px;margin-top:60px}
.footer a{color:#cbd5d0}
.footer a:hover{color:var(--gold)}
.pattern{background-image: radial-gradient(circle at 1px 1px, rgba(201,168,106,0.15) 1px, transparent 0);background-size:40px 40px}
.form input,.form textarea{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;margin-bottom:15px;font-family:inherit}
.gallery img{height:300px}