:root{
--muted:#7b726d;
--cream:#f4efe9;
--card:#ffffff;
}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial; color:#333;}
h1,h2,h3{font-family:'Playfair Display',serif}


/* Hero */
.hero{
background-image: url('https://images.unsplash.com/photo-1544025162-d76694265947?auto=format&fit=crop&w=1600&q=60');
background-size: cover; background-position: center; color:#fff; padding:120px 0; position:relative;
}
.hero::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.65));}
.hero .container{position:relative; z-index:2}
.hero h1{font-size:48px; font-weight:700; margin-bottom:12px}
.hero p.lead{opacity:0.95; margin-bottom:20px}
.btn-accent{background:var(--accent); border: none; color:#fff}


/* Product grid cards */
.product-card{border-radius:8px; overflow:hidden; background:var(--card); box-shadow:0 6px 18px rgba(22,20,18,0.06)}
.product-card .meta{padding:14px}


/* Section headings */
.section-title{font-family:'Playfair Display'; font-size:22px; margin-bottom:28px}


/* Features */
.feature{background:var(--cream); border-radius:12px; padding:24px}
.feature .icon{font-size:22px; color:var(--accent);}


/* Services */
.services .card{border:0; box-shadow:none; background:transparent}


/* Testimonials */
.testimonial-card{background:#fff; padding:28px; border-radius:8px; box-shadow:0 6px 30px rgba(22,20,18,0.06)}


/* Contact form */
.contact-card{background:#fff; padding:28px; border-radius:8px; box-shadow:0 6px 30px rgba(22,20,18,0.06)}


/* Footer */
footer{background:var(--dark); color:#e6e1de; padding:48px 0}
footer a{color:#e6e1de; text-decoration:none}


/* Responsiveness */
@media (max-width:768px){
.hero{padding:80px 0}
.hero h1{font-size:32px}
}