:root {
    --bg: #fffcf9;
    --accent: #d4a373;
    --text: #4a4a4a;
    --light: #faedcd;
}

body { font-family: 'Montserrat', sans-serif; background: var(--bg); color: var(--text); margin: 0; }

nav { padding: 30px 10%; background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); display: flex; justify-content: space-between; align-items: center; position: fixed; width: 100%; top: 0; z-index: 1000; box-sizing: border-box; }

.hero { height: 100vh; display: flex; align-items: center; padding: 0 10%; margin-top: 64px; }
.hero-text { flex: 1; }
.hero-image { flex: 1; text-align: right; }
.hero-image img { width: 80%; border-radius: 200px 200px 0 0; }

h1 { font-family: 'Playfair Display', serif; font-size: 4rem; line-height: 1.1; margin-bottom: 30px; }

.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding: 100px 10%; }
.service-card { background: white; padding: 40px; border-radius: 30px; border: 1px solid var(--light); text-align: center; transition: 0.3s; }
.service-card:hover { background: var(--light); }

.btn { display: inline-block; padding: 15px 40px; border-radius: 30px; background: var(--accent); color: white; text-decoration: none; margin-top: 30px; }

footer { padding: 60px 10%; background: #222; color: white; text-align: center; }